@bpd-library/utilities 1.2.8-beta.2 → 1.2.8-beta.6

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/hooks/use-stylesheet.d.ts

@@ -1,15 +1 @@
-declare global {
-    interface Window {
-        ShadyCSS: any;
-    }
-    interface ShadowRoot {
-        adoptedStyleSheets: CSSStyleSheet[];
-    }
-    interface Document {
-        adoptedStyleSheets: CSSStyleSheet[];
-    }
-    interface CSSStyleSheet {
-        replaceSync(cssText: string): void;
-    }
-}
-export declare const useStylesheet: (style: string) => void;
+export declare function useStylesheet(style: string): void;

package/dist/hooks/use-stylesheet.js

@@ -1,81 +1,5 @@
-import { createHook } from '@atomify/hooks';
-const supportShadyCSS = window.ShadyCSS && !window.ShadyCSS.nativeShadow;
-const CSS_SAVE_TOKEN = Symbol('atomify.cssSaveToken');
-const styleCache = new Map();
-const APPLIED_STYLES = [];
-const supportsAdoptingStyleSheets = () => 'adoptedStyleSheets' in Document.prototype && 'replace' in CSSStyleSheet.prototype;
-function bindShadyRoot(target, template) {
-    window.ShadyCSS.prepareTemplate(template, target.$cmpMeta$.$tagName$);
-    window.ShadyCSS.styleElement(target);
+import { unsafeCSS, useStyles } from '@atomify/hooks';
+export function useStylesheet(style) {
+    useStyles(() => unsafeCSS(style));
 }
-const applyShadowdomStyles = (component, styles) => {
-    const container = component.container;
-    const componentName = component.$cmpMeta$.$tagName$;
-    let styleTmp;
-    if (!styleCache.has(componentName)) {
-        styleTmp = document.createElement('template');
-        styleTmp.innerHTML = `${component.hasShadowDom && !supportsAdoptingStyleSheets() && styles
-            ? `<style style-hook>${styles}</style>`
-            : ''}`;
-    }
-    else {
-        styleTmp = styleCache.get(componentName);
-    }
-    if (styleTmp) {
-        if (supportShadyCSS && component.hasShadowDom) {
-            bindShadyRoot(component, styleTmp);
-        }
-        container.appendChild(document.importNode(styleTmp.content, true));
-    }
-};
-const unsafeCSS = (cssString) => createCSSResult(String(cssString), CSS_SAVE_TOKEN);
-const createCSSResult = (css, token) => {
-    if (token !== CSS_SAVE_TOKEN)
-        throw new Error(`${css} is not supported. Use 'unsafeCSS' if you want to use: ${css}`);
-    let styleSheet = null;
-    const cssText = css;
-    if (supportsAdoptingStyleSheets()) {
-        styleSheet = new CSSStyleSheet();
-        styleSheet.replaceSync(cssText);
-    }
-    return {
-        cssText,
-        styleSheet,
-    };
-};
-const adoptStyles = (root, styles) => {
-    const hasShadowDom = root.hasShadowDom;
-    const componentName = root.$cmpMeta$.$tagName$;
-    if (supportsAdoptingStyleSheets() && hasShadowDom) {
-        const CSSRoot = root.container;
-        if (!(CSSRoot instanceof HTMLElement))
-            CSSRoot.adoptedStyleSheets = styles.map((s) => {
-                return s instanceof StyleSheet ? s : s.styleSheet;
-            });
-    }
-    else if (APPLIED_STYLES.indexOf(componentName) === -1) {
-        const combinedStyleArray = styles
-            .map((style) => ('cssText' in style ? style.cssText : null))
-            .join('');
-        if (hasShadowDom) {
-            root.styles = combinedStyleArray;
-            applyShadowdomStyles(root, combinedStyleArray);
-        }
-        else {
-            const styleElement = document.createElement('style');
-            styleElement.textContent = combinedStyleArray;
-            styleElement.setAttribute('scope', componentName);
-            document.head.appendChild(styleElement);
-            APPLIED_STYLES.push(componentName);
-        }
-    }
-};
-export const useStylesheet = (style) => {
-    const css = unsafeCSS(style);
-    const styles = Array.isArray(css) ? [...css] : [css];
-    return createHook({
-        onDidLoad: (element) => adoptStyles(element, styles),
-        onUpdate: (element) => adoptStyles(element, styles),
-    });
-};
 //# sourceMappingURL=use-stylesheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-stylesheet.js","sourceRoot":"","sources":["../../src/hooks/use-stylesheet.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, createHook } from '@atomify/hooks';\n\ndeclare global {\n    interface Window {\n        ShadyCSS: any;\n    }\n    interface ShadowRoot {\n        adoptedStyleSheets: CSSStyleSheet[];\n    }\n\n    interface Document {\n        adoptedStyleSheets: CSSStyleSheet[];\n    }\n\n    interface CSSStyleSheet {\n        replaceSync(cssText: string): void;\n    }\n}\n\ninterface CSSResult {\n    cssText: string;\n    styleSheet: CSSStyleSheet | null;\n}\n\ntype CSSResultOrNative = CSSResult | CSSStyleSheet;\n\nconst supportShadyCSS = window.ShadyCSS && !window.ShadyCSS.nativeShadow;\nconst CSS_SAVE_TOKEN = Symbol('atomify.cssSaveToken');\nconst styleCache = new Map<string, HTMLTemplateElement>();\nconst APPLIED_STYLES: string[] = [];\n\n/**\n * Checks if adopting stylesheet is supported.\n */\nconst supportsAdoptingStyleSheets = () =>\n    'adoptedStyleSheets' in Document.prototype && 'replace' in CSSStyleSheet.prototype;\n\n/**\n * Generates a template based necessary fallbacks needed for browsers that do not support Custom elements or ShadowDom\n * Reference: https://github.com/webcomponents/webcomponentsjs\n * @param {Component} target\n * @param {HTMLTemplateElement} template\n */\nfunction bindShadyRoot(target: Component, template: HTMLTemplateElement) {\n    window.ShadyCSS.prepareTemplate(template, target.$cmpMeta$.$tagName$);\n    window.ShadyCSS.styleElement(target);\n}\n\nconst applyShadowdomStyles = (component: Component, styles: string) => {\n    const container = component.container;\n    const componentName = component.$cmpMeta$.$tagName$;\n    let styleTmp: HTMLTemplateElement | undefined;\n\n    if (!styleCache.has(componentName)) {\n        styleTmp = document.createElement('template');\n\n        styleTmp.innerHTML = `${\n            component.hasShadowDom && !supportsAdoptingStyleSheets() && styles\n                ? `<style style-hook>${styles}</style>`\n                : ''\n        }`;\n    } else {\n        styleTmp = styleCache.get(componentName);\n    }\n\n    if (styleTmp) {\n        // Apply polyfill when shady polyfill is available and the component has shadowdom\n        if (supportShadyCSS && component.hasShadowDom) {\n            bindShadyRoot(component, styleTmp);\n        }\n\n        container.appendChild(document.importNode(styleTmp.content, true));\n    }\n};\n\n/**\n * This is unsafe because untrusted CSS text can be used to phone home\n * or exfiltrate data to an attacker controlled site. Take care to only use\n * this with trusted input.\n * @param {string} css\n * @returns {StyleObject}\n */\nconst unsafeCSS = (cssString: unknown): CSSResult =>\n    createCSSResult(String(cssString), CSS_SAVE_TOKEN);\n\n/**\n * @param {string} css\n * @param {symbol} token\n * @returns {({ cssText: string; styleSheet: CSSStyleSheet | null })}\n */\nconst createCSSResult = (\n    css: string,\n    token: symbol,\n): { cssText: string; styleSheet: CSSStyleSheet | null } => {\n    if (token !== CSS_SAVE_TOKEN)\n        throw new Error(`${css} is not supported. Use 'unsafeCSS' if you want to use: ${css}`);\n\n    let styleSheet: CSSStyleSheet | null = null;\n    const cssText = css;\n\n    if (supportsAdoptingStyleSheets()) {\n        styleSheet = new CSSStyleSheet();\n        styleSheet.replaceSync(cssText);\n    }\n\n    return {\n        cssText,\n        styleSheet,\n    };\n};\n\n/**\n * Applies adoptedStyleSheets to the Atomify component.\n * @param { Component } root\n * @param { StyleObject } css\n */\nconst adoptStyles = (root: Component, styles: Array<CSSResultOrNative>) => {\n    const hasShadowDom = root.hasShadowDom;\n    const componentName = root.$cmpMeta$.$tagName$;\n\n    // Add addopted stylesheets when it is supported\n    if (supportsAdoptingStyleSheets() && hasShadowDom) {\n        const CSSRoot = root.container;\n        if (!(CSSRoot instanceof HTMLElement))\n            CSSRoot.adoptedStyleSheets = styles.map((s) => {\n                return s instanceof StyleSheet ? s : s.styleSheet!;\n            });\n    } else if (APPLIED_STYLES.indexOf(componentName) === -1) {\n        const combinedStyleArray = styles\n            .map((style) => ('cssText' in style ? style.cssText : null))\n            .join('');\n\n        // When adopted stylesheet is not supported but shadowdom is apply it to the shadowroot.\n        // Else it is being applied to the head.\n        if (hasShadowDom) {\n            // Cache the styles so it can be reused instead of creating a style tag again.\n            root.styles = combinedStyleArray;\n            applyShadowdomStyles(root, combinedStyleArray);\n        } else {\n            const styleElement = document.createElement('style');\n            styleElement.textContent = combinedStyleArray;\n            styleElement.setAttribute('scope', componentName);\n\n            document.head.appendChild(styleElement);\n            APPLIED_STYLES.push(componentName);\n        }\n    }\n};\n\nexport const useStylesheet = (style: string) => {\n    const css = unsafeCSS(style);\n    const styles = Array.isArray(css) ? [...css] : [css];\n\n    return createHook({\n        onDidLoad: (element) => adoptStyles(element, styles),\n        onUpdate: (element) => adoptStyles(element, styles),\n    });\n};\n"]}
+{"version":3,"file":"use-stylesheet.js","sourceRoot":"","sources":["../../src/hooks/use-stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMtD,MAAM,UAAU,aAAa,CAAC,KAAa;IACvC,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AACtC,CAAC","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"]}

package/dist/lib/api/http.js

@@ -0,0 +1,117 @@
+import qs from 'qs';
+export class HttpError extends Error {
+    constructor(input) {
+        super(input.message);
+        this.response = input.response;
+        this.statusCode = input.statusCode;
+        this.body = input.body;
+        this.name = 'HttpError';
+    }
+}
+export class HttpClient {
+    constructor(config = {}) {
+        this.defaultConfig = {
+            returnType: 'json',
+        };
+        this.config = {};
+        this.get = this.createRequest('GET');
+        this.post = this.createRequest('POST');
+        this.put = this.createRequest('PUT');
+        this.patch = this.createRequest('PATCH');
+        this.delete = this.createRequest('DELETE');
+        this.setToken = (token) => (this.token = token);
+        this.setAbortController = (config) => {
+            const { createAbort } = config;
+            if (createAbort) {
+                if (typeof AbortController !== undefined) {
+                    const controller = new AbortController();
+                    const { signal } = controller;
+                    config.signal = signal;
+                    createAbort(controller.abort.bind(controller));
+                }
+                else {
+                    createAbort(() => console.log('The AbortController api isnt available in your browser'));
+                }
+            }
+        };
+        this.config = Object.assign(Object.assign({}, this.defaultConfig), config);
+    }
+    createRequest(method) {
+        return (url, data, config) => {
+            if (method === 'GET') {
+                let getUrl = url;
+                if (data) {
+                    getUrl = url + '?' + qs.stringify(data);
+                }
+                return this.request(getUrl, Object.assign(Object.assign({}, config), { method: 'GET' }));
+            }
+            const contentType = config && config.headers && config.headers['Content-Type'];
+            return this.request(url, Object.assign(Object.assign({}, config), { method, body: this.createBody(data, contentType) }));
+        };
+    }
+    setAuthenticationHeaders(config) {
+        if (this.token) {
+            config.headers = Object.assign(Object.assign({}, config.headers), { Authorization: `Bearer ${this.token}` });
+        }
+    }
+    async request(url, requestConfig = {}) {
+        const { beforeHook } = this.config;
+        const config = Object.assign(Object.assign({}, this.config), requestConfig);
+        const { baseUrl = '' } = config;
+        this.setAbortController(config);
+        if (beforeHook) {
+            await beforeHook(this);
+        }
+        this.setAuthenticationHeaders(config);
+        const requestFn = fetch(baseUrl + url, config)
+            .then(this.handleError)
+            .then(res => this.handleSuccess(res, config));
+        return requestFn.catch(err => this.onError(err, () => this.request(url, requestConfig)));
+    }
+    handleSuccess(res, config) {
+        const { returnType = 'json' } = config;
+        if (res.status === 204 || res.status === 201 || !res[returnType]) {
+            return res;
+        }
+        return res[returnType]();
+    }
+    async onError(err, requestFn) {
+        const { onError } = this.config;
+        if (onError) {
+            return onError(err, requestFn);
+        }
+        throw err;
+    }
+    createBody(body, contentType) {
+        switch (contentType) {
+            case 'application/json':
+                return JSON.stringify(body);
+            case 'application/x-www-form-urlencoded':
+                return new URLSearchParams(body);
+            default:
+                return JSON.stringify(body);
+        }
+    }
+    async handleError(response) {
+        if (response.ok) {
+            return response;
+        }
+        const responseBody = await response.text();
+        let body = response;
+        try {
+            body = JSON.parse(responseBody);
+        }
+        catch (err) {
+            body = responseBody;
+        }
+        const error = {
+            message: `HttpError: ${response.status} - ${response.statusText}`,
+            statusCode: response.status,
+            response,
+            body,
+        };
+        console.error(error);
+        throw new HttpError(error);
+    }
+}
+//# sourceMappingURL=http.js.map

package/dist/lib/api/http.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"http.js","sourceRoot":"","sources":["../../../src/api/http.ts"],"names":[],"mappings":"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","sourcesContent":["import qs from 'qs';\n\nexport interface HttpErrorInput {\n    message: string;\n    statusCode: number;\n    response?: Response;\n    body?: any;\n}\n\nexport class HttpError extends Error {\n    statusCode: number;\n    response?: Response;\n    body?: any;\n\n    constructor(input: HttpErrorInput) {\n        super(input.message);\n        this.response = input.response;\n        this.statusCode = input.statusCode;\n        this.body = input.body;\n        this.name = 'HttpError';\n    }\n}\n\nexport type AbortFunction = () => void;\ntype Token = string | undefined;\ntype RequestFn = <T = any, I = any>(url: string, data: I, config?: RequestConfig) => Promise<T>;\ntype RequestGetFn = <T = any, I = any>(url: string, data?: I, config?: RequestConfig) => Promise<T>;\ntype BeforeHook = (client: HttpClient) => Promise<void> | void;\ntype ErrorHook = <T = any>(err: HttpError, request: () => Promise<T>) => any;\ntype HttpClientInit = RequestInit & {\n    baseUrl?: string;\n    returnType?: 'json' | 'text' | 'blob';\n    /**  This function is called before every request. This is where you would check if your token is still valid */\n    beforeHook?: BeforeHook;\n    /** Function that is called if an error occurs */\n    onError?: ErrorHook;\n};\nexport type RequestConfig = HttpClientInit & {\n    createAbort?: (abortFunction: AbortFunction) => void;\n};\n\n/**\n * Wrapper around fetch\n */\nexport class HttpClient {\n    private defaultConfig: RequestConfig = {\n        returnType: 'json',\n    };\n\n    private config: RequestConfig = {};\n    private token: Token;\n\n    constructor(config: HttpClientInit = {}) {\n        this.config = {\n            ...this.defaultConfig,\n            ...config,\n        };\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @param {'GET'} method\n     * @returns {RequestGetFn}\n     * @memberof HttpClient\n     */\n    private createRequest(method: 'GET'): RequestGetFn;\n    private createRequest(method: string): RequestFn;\n    private createRequest(method: 'GET' | string): RequestFn {\n        return (url, data, config) => {\n            if (method === 'GET') {\n                let getUrl = url;\n                if (data) {\n                    getUrl = url + '?' + qs.stringify(data);\n                }\n\n                return this.request(getUrl, {\n                    ...config,\n                    method: 'GET',\n                });\n            }\n\n            const contentType = config && config.headers && (config.headers as any)['Content-Type'];\n\n            return this.request(url, {\n                ...config,\n                method,\n                body: this.createBody(data, contentType),\n            });\n        };\n    }\n\n    public get = this.createRequest('GET');\n    public post = this.createRequest('POST');\n    public put = this.createRequest('PUT');\n    public patch = this.createRequest('PATCH');\n    public delete = this.createRequest('DELETE');\n\n    public setToken = (token: Token) => (this.token = token);\n\n    private setAuthenticationHeaders(config: RequestConfig) {\n        // if authenticated set bearer token\n        if (this.token) {\n            config.headers = {\n                ...config.headers,\n                Authorization: `Bearer ${this.token}`,\n            };\n        }\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @memberof HttpClient\n     */\n    private setAbortController = (config: RequestConfig) => {\n        const { createAbort } = config;\n        if (createAbort) {\n            if (typeof AbortController !== undefined) {\n                const controller = new AbortController();\n                const { signal } = controller;\n                config.signal = signal;\n                createAbort(controller.abort.bind(controller));\n            } else {\n                createAbort(() =>\n                    console.log('The AbortController api isnt available in your browser'),\n                );\n            }\n        }\n    };\n\n    /**\n     *\n     *\n     * @template T\n     * @param {(string | URL)} url\n     * @param {RequestConfig} [requestConfig={}]\n     * @returns {Promise<T>}\n     * @memberof HttpClient\n     */\n    public async request<T>(url: string | URL, requestConfig: RequestConfig = {}): Promise<T> {\n        const { beforeHook } = this.config;\n\n        const config: RequestConfig = {\n            ...this.config,\n            ...requestConfig,\n        };\n\n        const { baseUrl = '' } = config;\n\n        this.setAbortController(config);\n\n        if (beforeHook) {\n            await beforeHook(this);\n        }\n\n        this.setAuthenticationHeaders(config);\n\n        const requestFn = fetch(baseUrl + url, config)\n            .then(this.handleError)\n            .then(res => this.handleSuccess(res, config)) as Promise<T>;\n\n        return requestFn.catch(err => this.onError<T>(err, () => this.request(url, requestConfig)));\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @param {Response} res\n     * @param {RequestConfig} config\n     * @returns\n     * @memberof HttpClient\n     */\n    private handleSuccess(res: Response, config: RequestConfig) {\n        const { returnType = 'json' } = config;\n\n        if (res.status === 204 || res.status === 201 || !res[returnType]) {\n            return res;\n        }\n\n        return res[returnType]();\n    }\n\n    private async onError<T = any>(err: HttpError, requestFn: () => Promise<T>) {\n        const { onError } = this.config;\n\n        if (onError) {\n            return onError(err, requestFn);\n        }\n\n        throw err;\n    }\n\n    /**\n     * createBody is responsible for creating a body based on the content type\n     *\n     * @param body The body\n     * @param contentType The content type\n     */\n    private createBody(body: any, contentType: string): any {\n        switch (contentType) {\n            case 'application/json':\n                return JSON.stringify(body);\n            case 'application/x-www-form-urlencoded':\n                return new URLSearchParams(body);\n            default:\n                return JSON.stringify(body);\n        }\n    }\n\n    /**\n     * Handles the errors if the fetch request fails and throws a HttpError\n     * @param response\n     */\n    private async handleError(response: Response) {\n        if (response.ok) {\n            return response;\n        }\n\n        const responseBody = await response.text();\n        let body: any = response;\n\n        try {\n            body = JSON.parse(responseBody);\n        } catch (err) {\n            body = responseBody;\n        }\n\n        const error = {\n            message: `HttpError: ${response.status} - ${response.statusText}`,\n            statusCode: response.status,\n            response,\n            body,\n        };\n\n        console.error(error);\n        throw new HttpError(error);\n    }\n}\n"]}

package/dist/lib/api/index.js

@@ -0,0 +1,8 @@
+import { HttpClient } from './http';
+export const APIClient = new HttpClient({
+    baseUrl: window.__ENVIRONMENT_DETAILS__.apiBaseUrl,
+    headers: {
+        'Content-Type': 'application/json',
+    },
+});
+//# sourceMappingURL=index.js.map

package/dist/lib/api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC;IACpC,OAAO,EAAE,MAAM,CAAC,uBAAuB,CAAC,UAAU;IAClD,OAAO,EAAE;QACL,cAAc,EAAE,kBAAkB;KACrC;CACJ,CAAC,CAAC","sourcesContent":["import { HttpClient } from './http';\n\nexport const APIClient = new HttpClient({\n    baseUrl: window.__ENVIRONMENT_DETAILS__.apiBaseUrl,\n    headers: {\n        'Content-Type': 'application/json',\n    },\n});\n"]}

package/dist/lib/api-utilities/api-utilities.js

@@ -0,0 +1,9 @@
+export * from './api-utilities.types';
+export * from './district-status';
+export * from './find-filter';
+export * from './show-price';
+export * from './get/coordinates';
+export * from './get/layer-raster';
+export * from './decimal-range/merge-decimal-range';
+export * from './decimal-range/merge-specification-range';
+//# sourceMappingURL=api-utilities.js.map

package/dist/lib/api-utilities/api-utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-utilities.js","sourceRoot":"","sources":["../../../src/api-utilities/api-utilities.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AAEtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAE7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,qCAAqC,CAAC;AACpD,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './api-utilities.types';\n\nexport * from './district-status';\nexport * from './find-filter';\nexport * from './show-price';\n\nexport * from './get/coordinates';\nexport * from './get/layer-raster';\n\nexport * from './decimal-range/merge-decimal-range';\nexport * from './decimal-range/merge-specification-range';\n"]}