@bpd-library/components 1.3.2-beta.5 → 1.3.2-beta.8

package/dist/esm/molecules/map/map.js

@@ -0,0 +1,256 @@
+import { defineElement, useProp, useElement, onDidLoad } from '@atomify/hooks';
+import { h, Fragment } from '@atomify/jsx';
+import { detectTouch, calculateMapDataBoundingBox, expandBoundingBox, calculateMapDataCenter, getCountryBoundingBox, functionIsTrue } from '@bpd-library/utilities';
+import MapboxLanguage from '@mapbox/mapbox-gl-language';
+import mapboxgl from 'mapbox-gl';
+import { Button } from '../../atoms/button/button.js';
+import { Infobox } from '../infobox/infobox.js';
+import { setMapInstance, mapStore, clearHover } from './store/map/store.js';
+import mapbox from './utilities/mapbox/mapbox.js';
+
+const DEFAULT_OPTIONS = {
+    zoomButtons: true,
+    mobileToggle: false,
+    tooltipMode: 'hover',
+    openInTab: false,
+    autoOpenUrl: true,
+    language: window.__ENVIRONMENT_DETAILS__.language || 'nl',
+    searchCountryIsoCodes: ['nl', 'de'],
+};
+const CONTAINER_VISIBLE = 'map--is-visible';
+const MOBILE_TOGGLE_CLASS = 'map--mobile-toggle';
+const MAP_HOVERING_CLASS = 'map--hovering';
+const POINTER_FOCUS_CLASS = 'map__pointer--focus';
+const Map = () => {
+    let [options] = useProp('options', {});
+    const [theme] = useProp('theme');
+    const container = useElement('[js-hook-map-container]');
+    const infoboxWrapper = useElement('[js-hook-infobox-wrapper]');
+    const element = useElement('[js-hook-map]');
+    let map;
+    let mapboxHelpers;
+    onDidLoad(async () => {
+        if (options.mobileToggle)
+            element.current.classList.add(MOBILE_TOGGLE_CLASS);
+        options = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
+        map = createMapboxInstance();
+        mapboxHelpers = mapbox(map, options, theme);
+        setMapInstance(map);
+        await setupMapbox();
+        subscribe();
+        if (options.search)
+            options.search.forEach((e) => mapboxHelpers.search(e));
+    });
+    function subscribe() {
+        const { filter, data } = mapStore.getState();
+        const { addData } = mapboxHelpers;
+        addData(filter ? filter : data);
+        mapStore.subscribe(({ data }) => addData(data), ['data']);
+        mapStore.subscribe(handleHover, ['hover']);
+        mapStore.subscribe(handleClick, ['click']);
+        mapStore.subscribe(handleFocus, ['focus']);
+        mapStore.subscribe(({ filter, data }) => addData(filter ? filter : data), ['filter']);
+        mapStore.subscribe(({ layerRasterSettings }) => layerRasterSettings && mapboxHelpers.raster(layerRasterSettings), ['layerRasterSettings']);
+    }
+    function handleHover({ hover }) {
+        const { current, previous } = hover;
+        const canvasStyle = map.getCanvas().style;
+        const { setFeatureState, addTooltip, removeTooltip } = mapboxHelpers;
+        if (options.tooltipMode === 'hover') {
+            if ((current === null || current === void 0 ? void 0 : current.tooltip) && !detectTouch.touch)
+                addTooltip(current.coordinates, current);
+            if (!current && !detectTouch.touch)
+                removeTooltip();
+        }
+        if (hasHoverTheme()) {
+            if (current)
+                setFeatureState(current.variant, current.id, 'hover', true);
+            if (previous)
+                setFeatureState(previous.variant, previous.id, 'hover', false);
+        }
+        canvasStyle.cursor = current ? 'pointer' : '';
+    }
+    function handleClick({ click }) {
+        if (!click)
+            return;
+        const { addTooltip } = mapboxHelpers;
+        const { infobox, coordinates, tooltip, url } = click;
+        clearHover();
+        if (options.tooltipMode === 'click' && tooltip) {
+            addTooltip(coordinates, click);
+        }
+        if (options.tooltipMode === 'hover') {
+            if (url && !detectTouch.touch && options.autoOpenUrl) {
+                window.open(url, options.openInTab ? '_blank' : '_self');
+            }
+            else if ((url && tooltip) || (detectTouch.touch && !url && tooltip)) {
+                addTooltip(coordinates, click);
+            }
+        }
+        if (infobox) {
+            showInfobox(infobox);
+        }
+        else {
+            clearInfobox();
+        }
+    }
+    function handleFocus({ focus }) {
+        const { current, previous, options } = focus;
+        const { setFeatureState, center, addTooltip, removeTooltip } = mapboxHelpers;
+        if (previous) {
+            previous.forEach(({ id, variant }) => {
+                if (hasHoverTheme())
+                    setFeatureState(variant, id, 'focus', false);
+                pointerFocusToggle(id, 'remove');
+            });
+        }
+        if (current) {
+            current.forEach((item) => {
+                const { variant, id, coordinates, tooltip } = item;
+                function handleTooltip() {
+                    const showTooltip = (options === null || options === void 0 ? void 0 : options.toggleTooltip) && tooltip;
+                    if (theme.polygon || pointerExists(id)) {
+                        if (showTooltip)
+                            addTooltip(coordinates, item);
+                        pointerFocusToggle(id, 'add');
+                    }
+                }
+                if (theme.polygon) {
+                    if (hasHoverTheme())
+                        setFeatureState(variant, id, 'focus', true);
+                }
+                if (pointerExists(id)) {
+                    handleTooltip();
+                }
+                else {
+                    map.once('idle', handleTooltip);
+                }
+            });
+            if (options === null || options === void 0 ? void 0 : options.zoom) {
+                let bounds = calculateMapDataBoundingBox(current);
+                bounds = expandBoundingBox(bounds, 0.05);
+                map.fitBounds(bounds);
+            }
+            else if (!(options === null || options === void 0 ? void 0 : options.static)) {
+                center([[calculateMapDataCenter(current)]]);
+            }
+        }
+        else {
+            removeTooltip();
+        }
+    }
+    function pointerFocusToggle(id, action) {
+        const pointer = getPointerElementById(id);
+        if (pointer) {
+            pointer.classList[action](POINTER_FOCUS_CLASS);
+            element.current.classList[action](MAP_HOVERING_CLASS);
+        }
+    }
+    function showInfobox(infobox) {
+        clearInfobox();
+        infoboxWrapper.current.appendChild(h(Infobox, Object.assign({}, infobox, { onClose: clearInfobox, openInTab: options.openInTab })));
+    }
+    function clearInfobox() {
+        infoboxWrapper.current.innerHTML = '';
+    }
+    function toggleMap() {
+        element.current.classList.toggle(CONTAINER_VISIBLE);
+        map.resize();
+    }
+    function hasHoverTheme() {
+        return theme.polygon && theme.polygon.settings[0].hover;
+    }
+    function createMapboxInstance() {
+        mapboxgl.accessToken = window.__ENVIRONMENT_DETAILS__.mapbox.accessToken;
+        const mapboxOptions = {
+            container: container.current,
+            style: `mapbox://styles/${window.__ENVIRONMENT_DETAILS__.mapbox.style}`,
+            minZoom: 4,
+            maxZoom: 30,
+            dragPan: true,
+            scrollZoom: false,
+        };
+        if (options.center)
+            mapboxOptions.center = options.center;
+        if (options.zoom)
+            mapboxOptions.zoom = options.zoom;
+        if (options.boundingBox)
+            mapboxOptions.bounds = options.boundingBox;
+        if (!options.zoom && !options.center && !options.boundingBox) {
+            mapboxOptions.bounds = getCountryBoundingBox(['nl']);
+        }
+        return new mapboxgl.Map(mapboxOptions);
+    }
+    function getMapboxLanguageString() {
+        let language;
+        if (options.language) {
+            language = options.language.substr(0, 2);
+        }
+        language = !language || language === 'nl' ? 'mul' : language;
+        return language;
+    }
+    async function setupMapbox() {
+        const { raster, geojson, layer, interaction, setupPointers } = mapboxHelpers;
+        await functionIsTrue(() => map.isStyleLoaded());
+        const languageControl = new MapboxLanguage({
+            defaultLanguage: getMapboxLanguageString(),
+        });
+        map.addControl(languageControl);
+        const optionsLayerRaster = options.layerRaster
+            ? { layerRaster: options.layerRaster }
+            : undefined;
+        const storeLayerRaster = mapStore.getState().layerRasterSettings;
+        if (optionsLayerRaster) {
+            raster(optionsLayerRaster);
+        }
+        else if (storeLayerRaster) {
+            raster(storeLayerRaster);
+        }
+        if (theme.polygon) {
+            theme.polygon.settings.forEach((setting) => {
+                geojson(setting);
+                layer(setting);
+                interaction(setting);
+            });
+        }
+        if (theme.pointer) {
+            setupPointers(element.current);
+        }
+        map.resize();
+    }
+    function getPointerElementById(id) {
+        return element.current.querySelector(`#pointer-${id}`);
+    }
+    function pointerExists(id) {
+        return !!getPointerElementById(id);
+    }
+    return (h(Fragment, null,
+        h("div", { class: "c-map", "js-hook-map": true },
+            h("div", { className: "map__container", "js-hook-map-container": true },
+                options.zoomButtons && (h("div", { class: "map__navigation" },
+                    h("button", { class: "map__button", onClick: () => map.zoomIn() },
+                        h("bpd-svg", { name: "icons-plus" })),
+                    h("button", { class: "map__button", onClick: () => map.zoomOut() },
+                        h("span", { class: "map__minus" })))),
+                options.mobileToggle && (h("button", { type: "button", class: "map__close", onClick: toggleMap },
+                    h("bpd-svg", { name: "icons-close" }))),
+                h("div", { class: "map__infobox-wrapper", "js-hook-infobox-wrapper": true }))),
+        options.mobileToggle && (h(Fragment, null,
+            h(Button, { variant: "bg", label: options.mobileToggleLabel || 'Toon kaart', classes: "map__open", onClick: toggleMap })))));
+};
+Map.props = {
+    options: {
+        type: Object,
+    },
+    theme: {
+        type: Object,
+        required: true,
+    },
+    zoomButtons: {
+        type: Boolean,
+    },
+};
+defineElement('bpd-map', Map);
+
+export { Map };
+//# sourceMappingURL=map.js.map

package/dist/esm/molecules/map/map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.js","sources":["../../../../src/molecules/map/map.tsx"],"sourcesContent":["import { defineElement, FC, onDidLoad, useElement, useProp } from '@atomify/hooks';\nimport { Fragment, h } from '@atomify/jsx';\nimport { MapInfobox, MapOptions, MapSearchOptions, MapTheme } from '@bpd-library/types';\nimport {\n    calculateMapDataBoundingBox,\n    calculateMapDataCenter,\n    detectTouch,\n    expandBoundingBox,\n    functionIsTrue,\n    getCountryBoundingBox,\n} from '@bpd-library/utilities';\nimport MapboxLanguage from '@mapbox/mapbox-gl-language';\nimport mapboxgl from 'mapbox-gl';\n\nimport { Button } from '../../atoms/button';\nimport { Infobox } from '../infobox';\nimport { clearHover, MapState, mapStore, setMapInstance } from './store/map';\nimport mapbox from './utilities/mapbox';\n\nconst DEFAULT_OPTIONS: MapOptions = {\n    zoomButtons: true,\n    mobileToggle: false,\n    tooltipMode: 'hover',\n    openInTab: false,\n    autoOpenUrl: true,\n    language: window.__ENVIRONMENT_DETAILS__.language || 'nl',\n    searchCountryIsoCodes: ['nl', 'de'],\n};\n\nconst CONTAINER_VISIBLE = 'map--is-visible';\nconst MOBILE_TOGGLE_CLASS = 'map--mobile-toggle';\nconst MAP_HOVERING_CLASS = 'map--hovering';\nconst POINTER_FOCUS_CLASS = 'map__pointer--focus';\n\nexport const Map: FC = () => {\n    let [options] = useProp<MapOptions>('options', {});\n    const [theme] = useProp<MapTheme>('theme');\n    const container = useElement<HTMLDivElement>('[js-hook-map-container]');\n    const infoboxWrapper = useElement<HTMLDivElement>('[js-hook-infobox-wrapper]');\n    const element = useElement<HTMLDivElement>('[js-hook-map]');\n\n    let map: mapboxgl.Map;\n    let mapboxHelpers: ReturnType<typeof mapbox>;\n    let focusTimeout: ReturnType<typeof setTimeout> | undefined;\n\n    onDidLoad(async () => {\n        if (options.mobileToggle) element.current!.classList.add(MOBILE_TOGGLE_CLASS);\n        options = { ...DEFAULT_OPTIONS, ...options };\n\n        map = createMapboxInstance();\n        mapboxHelpers = mapbox(map, options, theme);\n        setMapInstance(map);\n\n        await setupMapbox();\n\n        subscribe();\n\n        if (options.search)\n            options.search.forEach((e: MapSearchOptions) => mapboxHelpers.search(e));\n    });\n\n    function subscribe() {\n        const { filter, data } = mapStore.getState();\n        const { addData } = mapboxHelpers;\n\n        addData(filter ? filter : data);\n\n        mapStore.subscribe(({ data }) => addData(data), ['data']);\n        mapStore.subscribe(handleHover, ['hover']);\n        mapStore.subscribe(handleClick, ['click']);\n        mapStore.subscribe(handleFocus, ['focus']);\n        mapStore.subscribe(({ filter, data }) => addData(filter ? filter : data), ['filter']);\n        mapStore.subscribe(\n            ({ layerRasterSettings }) =>\n                layerRasterSettings && mapboxHelpers.raster(layerRasterSettings),\n            ['layerRasterSettings'],\n        );\n    }\n\n    function handleHover({ hover }: MapState) {\n        const { current, previous } = hover;\n        const canvasStyle = map.getCanvas().style;\n        const { setFeatureState, addTooltip, removeTooltip } = mapboxHelpers;\n\n        /*\n            Add / Remove tooltip\n        */\n        if (options.tooltipMode === 'hover') {\n            if (current?.tooltip && !detectTouch.touch) addTooltip(current.coordinates, current);\n            if (!current && !detectTouch.touch) removeTooltip();\n        }\n\n        /*\n            Set hover state\n        */\n        if (hasHoverTheme()) {\n            if (current) setFeatureState(current.variant, current.id, 'hover', true);\n            if (previous) setFeatureState(previous.variant, previous.id, 'hover', false);\n        }\n\n        canvasStyle.cursor = current ? 'pointer' : '';\n    }\n\n    function handleClick({ click }: MapState) {\n        if (!click) return;\n\n        const { addTooltip } = mapboxHelpers;\n        const { infobox, coordinates, tooltip, url } = click;\n\n        clearHover();\n\n        if (options.tooltipMode === 'click' && tooltip) {\n            addTooltip(coordinates, click);\n        }\n\n        if (options.tooltipMode === 'hover') {\n            if (url && !detectTouch.touch && options.autoOpenUrl) {\n                window.open(url, options.openInTab ? '_blank' : '_self');\n            } else if ((url && tooltip) || (detectTouch.touch && !url && tooltip)) {\n                addTooltip(coordinates, click);\n            }\n        }\n\n        if (infobox) {\n            showInfobox(infobox);\n        } else {\n            clearInfobox();\n        }\n    }\n\n    function handleFocus({ focus }: MapState) {\n        const { current, previous, options } = focus;\n        const { setFeatureState, center, addTooltip, removeTooltip } = mapboxHelpers;\n\n        if (focusTimeout) clearTimeout(focusTimeout);\n\n        if (previous) {\n            previous.forEach(({ id, variant }) => {\n                if (hasHoverTheme()) setFeatureState(variant, id, 'focus', false);\n                pointerFocusToggle(id, 'remove');\n            });\n        }\n\n        if (current) {\n            current.forEach((item) => {\n                const { variant, id, coordinates, tooltip } = item;\n\n                function handleTooltip() {\n                    const showTooltip = options?.toggleTooltip && tooltip;\n\n                    if (theme.polygon || pointerExists(id)) {\n                        if (showTooltip) addTooltip(coordinates, item);\n\n                        pointerFocusToggle(id, 'add');\n                    }\n                }\n\n                if (theme.polygon) {\n                    if (hasHoverTheme()) setFeatureState(variant, id, 'focus', true);\n                }\n\n                if (pointerExists(id)) {\n                    handleTooltip();\n                } else {\n                    /*\n                        If a pointer doesn't exist, it means it's inside a cluster or outside of the view.\n                        When the map is idle, all newly centered pointers are drawn and the tooltip can be shown. (if not in a cluster)\n                    */\n                    map.once('idle', handleTooltip);\n                }\n            });\n\n            if (options?.zoom) {\n                let bounds = calculateMapDataBoundingBox(current);\n                bounds = expandBoundingBox(bounds, 0.05);\n\n                map.fitBounds(bounds);\n            } else if (!options?.static) {\n                center([[calculateMapDataCenter(current)]]);\n            }\n        } else {\n            removeTooltip();\n        }\n    }\n\n    function pointerFocusToggle(id: string, action: 'add' | 'remove') {\n        const pointer = getPointerElementById(id);\n\n        if (pointer) {\n            pointer.classList[action](POINTER_FOCUS_CLASS);\n            element.current!.classList[action](MAP_HOVERING_CLASS);\n        }\n    }\n\n    function showInfobox(infobox: MapInfobox) {\n        clearInfobox();\n        infoboxWrapper.current!.appendChild(\n            <Infobox {...infobox} onClose={clearInfobox} openInTab={options.openInTab} />,\n        );\n    }\n\n    function clearInfobox() {\n        infoboxWrapper.current!.innerHTML = '';\n    }\n\n    function toggleMap() {\n        element.current!.classList.toggle(CONTAINER_VISIBLE);\n        map.resize();\n    }\n\n    function hasHoverTheme() {\n        return theme.polygon && theme.polygon.settings[0].hover;\n    }\n\n    function createMapboxInstance() {\n        mapboxgl.accessToken = window.__ENVIRONMENT_DETAILS__.mapbox.accessToken;\n\n        const mapboxOptions: mapboxgl.MapboxOptions = {\n            container: container.current!,\n            style: `mapbox://styles/${window.__ENVIRONMENT_DETAILS__.mapbox.style}`,\n            minZoom: 4,\n            maxZoom: 30,\n            dragPan: true,\n            scrollZoom: false,\n        };\n\n        if (options.center) mapboxOptions.center = options.center;\n        if (options.zoom) mapboxOptions.zoom = options.zoom;\n        if (options.boundingBox) mapboxOptions.bounds = options.boundingBox;\n\n        if (!options.zoom && !options.center && !options.boundingBox) {\n            mapboxOptions.bounds = getCountryBoundingBox(['nl']);\n        }\n\n        return new mapboxgl.Map(mapboxOptions);\n    }\n\n    function getMapboxLanguageString(): string {\n        let language: string | undefined;\n\n        // If language could be nl-NL etc., make sure to strip first two characters\n        if (options.language) {\n            language = options.language.substr(0, 2);\n        }\n\n        // nl is not supported, use multilanguage instead\n        language = !language || language === 'nl' ? 'mul' : language;\n\n        return language;\n    }\n\n    async function setupMapbox() {\n        const { raster, geojson, layer, interaction, setupPointers } = mapboxHelpers;\n\n        await functionIsTrue(() => map.isStyleLoaded());\n\n        // Setup Mapbox Language\n        const languageControl = new MapboxLanguage({\n            defaultLanguage: getMapboxLanguageString(),\n        });\n        map.addControl(languageControl);\n\n        // Setup Layer Raster\n        // Layer raster can be set via the store and options attribute\n        const optionsLayerRaster = options.layerRaster\n            ? { layerRaster: options.layerRaster }\n            : undefined;\n        const storeLayerRaster = mapStore.getState().layerRasterSettings;\n\n        if (optionsLayerRaster) {\n            raster(optionsLayerRaster);\n        } else if (storeLayerRaster) {\n            raster(storeLayerRaster);\n        }\n\n        // Setup in case of polygons\n        if (theme.polygon) {\n            theme.polygon.settings.forEach((setting) => {\n                geojson(setting);\n                layer(setting);\n                interaction(setting);\n            });\n        }\n\n        // Setup in case of pointers\n        if (theme.pointer) {\n            setupPointers(element.current!);\n        }\n\n        map.resize();\n    }\n\n    function getPointerElementById(id: string) {\n        return element.current!.querySelector(`#pointer-${id}`);\n    }\n\n    function pointerExists(id: string) {\n        return !!getPointerElementById(id);\n    }\n\n    return (\n        <Fragment>\n            <div class=\"c-map\" js-hook-map>\n                <div className=\"map__container\" js-hook-map-container>\n                    {options.zoomButtons && (\n                        <div class=\"map__navigation\">\n                            <button class=\"map__button\" onClick={() => map.zoomIn()}>\n                                <bpd-svg name=\"icons-plus\"></bpd-svg>\n                            </button>\n                            <button class=\"map__button\" onClick={() => map.zoomOut()}>\n                                <span class=\"map__minus\"></span>\n                            </button>\n                        </div>\n                    )}\n\n                    {options.mobileToggle && (\n                        <button type=\"button\" class=\"map__close\" onClick={toggleMap}>\n                            <bpd-svg name=\"icons-close\" />\n                        </button>\n                    )}\n\n                    <div class=\"map__infobox-wrapper\" js-hook-infobox-wrapper></div>\n                </div>\n            </div>\n\n            {options.mobileToggle && (\n                <Fragment>\n                    <Button\n                        variant=\"bg\"\n                        label={options.mobileToggleLabel || 'Toon kaart'}\n                        classes=\"map__open\"\n                        onClick={toggleMap}></Button>\n                </Fragment>\n            )}\n        </Fragment>\n    );\n};\n\nMap.props = {\n    options: {\n        type: Object,\n    },\n    theme: {\n        type: Object,\n        required: true,\n    },\n    zoomButtons: {\n        type: Boolean,\n    },\n};\n\ndefineElement('bpd-map', Map);\n"],"names":[],"mappings":"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"}

package/dist/esm/molecules/map/store/map/store.js

@@ -0,0 +1,150 @@
+import { createStore } from '@atomify/kit';
+
+const initialState = {
+    data: [],
+    hover: {},
+    focus: {},
+    searchIsMoving: false,
+};
+const UPDATE_MAP_DATA = 'updateMapData';
+const UPDATE_HOVER = 'updateHover';
+const CLEAR_HOVER = 'clearHover';
+const UPDATE_CLICK = 'updateClick';
+const SET_FOCUS = 'setFocus';
+const CLEAR_FOCUS = 'clearFocus';
+const UPDATE_SEARCH_RESULT = 'updateSearchResult';
+const CLEAR_SEARCH_RESULT = 'clearSearchResult';
+const UPDATE_SEARCH_IS_MOVING = 'updateSearchIsMoving';
+const SET_FILTER = 'setFilter';
+const CLEAR_FILTER = 'clearFilter';
+const SET_MAP_INSTANCE = 'setMapInstance';
+const SET_LAYER_RASTER = 'SET_LAYER_RASTER';
+const MANUAL_SEARCH = 'manualSearch';
+const actions = {
+    [UPDATE_MAP_DATA]: (state, data) => {
+        state.data = data;
+        return state;
+    },
+    [UPDATE_HOVER]: (state, hover) => {
+        state.hover = {
+            current: hover,
+            previous: state.hover.current,
+        };
+        return state;
+    },
+    [CLEAR_HOVER]: (state) => {
+        state.hover = {
+            current: undefined,
+            previous: state.hover.current,
+        };
+        return state;
+    },
+    [UPDATE_CLICK]: (state, click) => {
+        state.click = Object.assign({}, click);
+        return state;
+    },
+    [SET_FOCUS]: (state, { ids, options }) => {
+        var _a;
+        const dataItems = state.data.filter(({ id }) => ids.indexOf(id) > -1);
+        if (dataItems.length) {
+            state.focus = {
+                current: dataItems,
+                previous: (_a = state.focus) === null || _a === void 0 ? void 0 : _a.current,
+                options,
+            };
+        }
+        return state;
+    },
+    [CLEAR_FOCUS]: (state) => {
+        state.focus = {
+            current: undefined,
+            previous: state.focus.current,
+        };
+        return state;
+    },
+    [UPDATE_SEARCH_RESULT]: (state, searchResult) => {
+        state.searchResult = searchResult;
+        return state;
+    },
+    [CLEAR_SEARCH_RESULT]: (state) => {
+        state.searchResult = undefined;
+        return state;
+    },
+    [SET_FILTER]: (state, data) => {
+        state.filter = data;
+        return state;
+    },
+    [CLEAR_FILTER]: (state) => {
+        state.filter = undefined;
+        return state;
+    },
+    [SET_MAP_INSTANCE]: (state, mapInstance) => {
+        state.mapInstance = mapInstance;
+        return state;
+    },
+    [MANUAL_SEARCH]: (state, query) => {
+        state.manualSearch = query;
+        return state;
+    },
+    [UPDATE_SEARCH_IS_MOVING]: (state, searchIsMoving) => {
+        state.searchIsMoving = searchIsMoving;
+        return state;
+    },
+    [SET_LAYER_RASTER]: (state, layerRasterSettings) => {
+        state.layerRasterSettings = layerRasterSettings;
+        return state;
+    },
+};
+const mapStore = createStore({
+    initialState,
+    actions: actions,
+});
+const updateMapData = (data) => {
+    mapStore.dispatch(UPDATE_MAP_DATA, data);
+};
+const clearHover = () => {
+    mapStore.dispatch(CLEAR_HOVER);
+};
+const updateHover = (hover) => {
+    mapStore.dispatch(UPDATE_HOVER, hover);
+};
+const updateClick = (click) => {
+    mapStore.dispatch(UPDATE_CLICK, click);
+};
+const setFocus = (ids, options = {}) => {
+    mapStore.dispatch(SET_FOCUS, { ids, options });
+};
+const clearFocus = () => {
+    mapStore.dispatch(CLEAR_FOCUS);
+};
+const updateSearchResult = (searchResult) => {
+    mapStore.dispatch(UPDATE_SEARCH_RESULT, searchResult);
+};
+const clearSearchResult = () => {
+    mapStore.dispatch(CLEAR_SEARCH_RESULT);
+};
+const setFilter = (data) => {
+    mapStore.dispatch(SET_FILTER, data);
+};
+const clearFilter = () => {
+    mapStore.dispatch(CLEAR_FILTER);
+};
+const setMapInstance = (mapInstance) => {
+    mapStore.dispatch(SET_MAP_INSTANCE, mapInstance);
+};
+const manualSearch = (query) => {
+    mapStore.dispatch(MANUAL_SEARCH, query);
+};
+const updateSearchIsMoving = (isMoving) => {
+    mapStore.dispatch(UPDATE_SEARCH_IS_MOVING, isMoving);
+};
+const setLayerRaster = (layerRasterSettings) => {
+    mapStore.dispatch(SET_LAYER_RASTER, layerRasterSettings);
+};
+const getMapboxData = () => mapStore.getState().data;
+const getHover = () => mapStore.getState().hover;
+const getMapInstance = () => mapStore.getState().mapInstance;
+const getSearchIsMoving = () => mapStore.getState().searchIsMoving;
+
+export { clearFilter, clearFocus, clearHover, clearSearchResult, getHover, getMapInstance, getMapboxData, getSearchIsMoving, manualSearch, mapStore, setFilter, setFocus, setLayerRaster, setMapInstance, updateClick, updateHover, updateMapData, updateSearchIsMoving, updateSearchResult };
+//# sourceMappingURL=store.js.map

package/dist/esm/molecules/map/store/map/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sources":["../../../../../../src/molecules/map/store/map/store.ts"],"sourcesContent":["import { createStore } from '@atomify/kit';\nimport { BoundingBox, MapDataItem } from '@bpd-library/types';\n\nexport type SearchResult = {\n    items: MapDataItem[];\n    result: any;\n    originalBoundingBox?: BoundingBox;\n    expandedBoundingBox?: BoundingBox;\n};\n\ninterface MapFocusOptions {\n    zoom?: boolean;\n    toggleTooltip?: boolean;\n    static?: boolean;\n}\n\nexport interface MapLayerRasterSettings {\n    layerRaster: string;\n    minzoom?: number;\n    maxzoom?: number;\n}\n\nexport interface MapState {\n    data: MapDataItem[];\n    mapInstance?: mapboxgl.Map;\n    hover: {\n        current?: MapDataItem;\n        previous?: MapDataItem;\n    };\n    filter?: MapDataItem[];\n    click?: MapDataItem;\n    focus: {\n        current?: MapDataItem[];\n        previous?: MapDataItem[];\n        options?: MapFocusOptions;\n    };\n    searchResult?: SearchResult;\n    searchIsMoving: boolean;\n    manualSearch?: string;\n    layerRasterSettings?: MapLayerRasterSettings;\n}\n\nconst initialState: MapState = {\n    data: [],\n    hover: {},\n    focus: {},\n    searchIsMoving: false,\n};\n\nconst UPDATE_MAP_DATA = 'updateMapData';\nconst UPDATE_HOVER = 'updateHover';\nconst CLEAR_HOVER = 'clearHover';\nconst UPDATE_CLICK = 'updateClick';\nconst SET_FOCUS = 'setFocus';\nconst CLEAR_FOCUS = 'clearFocus';\nconst UPDATE_SEARCH_RESULT = 'updateSearchResult';\nconst CLEAR_SEARCH_RESULT = 'clearSearchResult';\nconst UPDATE_SEARCH_IS_MOVING = 'updateSearchIsMoving';\nconst SET_FILTER = 'setFilter';\nconst CLEAR_FILTER = 'clearFilter';\nconst SET_MAP_INSTANCE = 'setMapInstance';\nconst SET_LAYER_RASTER = 'SET_LAYER_RASTER';\nconst MANUAL_SEARCH = 'manualSearch';\n\nconst actions = {\n    [UPDATE_MAP_DATA]: (state: MapState, data: MapDataItem[]) => {\n        state.data = data;\n        return state;\n    },\n    [UPDATE_HOVER]: (state: MapState, hover: MapDataItem) => {\n        state.hover = {\n            current: hover,\n            previous: state.hover.current,\n        };\n\n        return state;\n    },\n    [CLEAR_HOVER]: (state: MapState) => {\n        state.hover = {\n            current: undefined,\n            previous: state.hover.current,\n        };\n\n        return state;\n    },\n    [UPDATE_CLICK]: (state: MapState, click: MapDataItem) => {\n        state.click = { ...click };\n        return state;\n    },\n    [SET_FOCUS]: (\n        state: MapState,\n        { ids, options }: { ids: string[]; options: MapFocusOptions },\n    ) => {\n        const dataItems = state.data.filter(({ id }) => ids.indexOf(id) > -1);\n\n        if (dataItems.length) {\n            state.focus = {\n                current: dataItems,\n                previous: state.focus?.current,\n                options,\n            };\n        }\n\n        return state;\n    },\n    [CLEAR_FOCUS]: (state: MapState) => {\n        state.focus = {\n            current: undefined,\n            previous: state.focus.current,\n        };\n\n        return state;\n    },\n    [UPDATE_SEARCH_RESULT]: (state: MapState, searchResult: SearchResult) => {\n        state.searchResult = searchResult;\n        return state;\n    },\n    [CLEAR_SEARCH_RESULT]: (state: MapState) => {\n        state.searchResult = undefined;\n        return state;\n    },\n    [SET_FILTER]: (state: MapState, data: MapDataItem[]) => {\n        state.filter = data;\n        return state;\n    },\n    [CLEAR_FILTER]: (state: MapState) => {\n        state.filter = undefined;\n        return state;\n    },\n    [SET_MAP_INSTANCE]: (state: MapState, mapInstance: mapboxgl.Map) => {\n        state.mapInstance = mapInstance;\n        return state;\n    },\n    [MANUAL_SEARCH]: (state: MapState, query: string) => {\n        state.manualSearch = query;\n        return state;\n    },\n    [UPDATE_SEARCH_IS_MOVING]: (state: MapState, searchIsMoving: boolean) => {\n        state.searchIsMoving = searchIsMoving;\n        return state;\n    },\n    [SET_LAYER_RASTER]: (state: MapState, layerRasterSettings: MapLayerRasterSettings) => {\n        state.layerRasterSettings = layerRasterSettings;\n        return state;\n    },\n};\n\nexport const mapStore = createStore<MapState>({\n    initialState,\n    actions: actions as any,\n});\n\n/*\n    Setters\n*/\nexport const updateMapData = (data: MapDataItem[]) => {\n    mapStore.dispatch(UPDATE_MAP_DATA, data);\n};\n\nexport const clearHover = () => {\n    mapStore.dispatch(CLEAR_HOVER);\n};\n\nexport const updateHover = (hover: MapDataItem) => {\n    mapStore.dispatch(UPDATE_HOVER, hover);\n};\n\nexport const updateClick = (click: MapDataItem) => {\n    mapStore.dispatch(UPDATE_CLICK, click);\n};\n\nexport const setFocus = (ids: string[], options: MapFocusOptions = {}) => {\n    mapStore.dispatch(SET_FOCUS, { ids, options });\n};\n\nexport const clearFocus = () => {\n    mapStore.dispatch(CLEAR_FOCUS);\n};\n\nexport const updateSearchResult = (searchResult: SearchResult) => {\n    mapStore.dispatch(UPDATE_SEARCH_RESULT, searchResult);\n};\n\nexport const clearSearchResult = () => {\n    mapStore.dispatch(CLEAR_SEARCH_RESULT);\n};\n\nexport const setFilter = (data: MapDataItem[]) => {\n    mapStore.dispatch(SET_FILTER, data);\n};\n\nexport const clearFilter = () => {\n    mapStore.dispatch(CLEAR_FILTER);\n};\n\nexport const setMapInstance = (mapInstance: mapboxgl.Map) => {\n    mapStore.dispatch(SET_MAP_INSTANCE, mapInstance);\n};\n\nexport const manualSearch = (query: string) => {\n    mapStore.dispatch(MANUAL_SEARCH, query);\n};\n\nexport const updateSearchIsMoving = (isMoving: boolean) => {\n    mapStore.dispatch(UPDATE_SEARCH_IS_MOVING, isMoving);\n};\n\nexport const setLayerRaster = (layerRasterSettings: MapLayerRasterSettings) => {\n    mapStore.dispatch(SET_LAYER_RASTER, layerRasterSettings);\n};\n\n/*\n    Getters\n*/\nexport const getMapboxData = () => mapStore.getState().data;\nexport const getHover = () => mapStore.getState().hover;\nexport const getMapInstance = () => mapStore.getState().mapInstance;\nexport const getSearchIsMoving = () => mapStore.getState().searchIsMoving;\n"],"names":[],"mappings":";;AA0CA,MAAM,YAAY,GAAa;IAC3B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,KAAK;CACxB,CAAC;AAEF,MAAM,eAAe,GAAG,eAAe,CAAC;AACxC,MAAM,YAAY,GAAG,aAAa,CAAC;AACnC,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,YAAY,GAAG,aAAa,CAAC;AACnC,MAAM,SAAS,GAAG,UAAU,CAAC;AAC7B,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAClD,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AAChD,MAAM,uBAAuB,GAAG,sBAAsB,CAAC;AACvD,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,YAAY,GAAG,aAAa,CAAC;AACnC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAC5C,MAAM,aAAa,GAAG,cAAc,CAAC;AAErC,MAAM,OAAO,GAAG;IACZ,CAAC,eAAe,GAAG,CAAC,KAAe,EAAE,IAAmB;QACpD,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;QAClB,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,YAAY,GAAG,CAAC,KAAe,EAAE,KAAkB;QAChD,KAAK,CAAC,KAAK,GAAG;YACV,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;SAChC,CAAC;QAEF,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,WAAW,GAAG,CAAC,KAAe;QAC3B,KAAK,CAAC,KAAK,GAAG;YACV,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;SAChC,CAAC;QAEF,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,YAAY,GAAG,CAAC,KAAe,EAAE,KAAkB;QAChD,KAAK,CAAC,KAAK,qBAAQ,KAAK,CAAE,CAAC;QAC3B,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,SAAS,GAAG,CACT,KAAe,EACf,EAAE,GAAG,EAAE,OAAO,EAA+C;;QAE7D,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAEtE,IAAI,SAAS,CAAC,MAAM,EAAE;YAClB,KAAK,CAAC,KAAK,GAAG;gBACV,OAAO,EAAE,SAAS;gBAClB,QAAQ,QAAE,KAAK,CAAC,KAAK,0CAAE,OAAO;gBAC9B,OAAO;aACV,CAAC;SACL;QAED,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,WAAW,GAAG,CAAC,KAAe;QAC3B,KAAK,CAAC,KAAK,GAAG;YACV,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;SAChC,CAAC;QAEF,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,oBAAoB,GAAG,CAAC,KAAe,EAAE,YAA0B;QAChE,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;QAClC,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,mBAAmB,GAAG,CAAC,KAAe;QACnC,KAAK,CAAC,YAAY,GAAG,SAAS,CAAC;QAC/B,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,UAAU,GAAG,CAAC,KAAe,EAAE,IAAmB;QAC/C,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,YAAY,GAAG,CAAC,KAAe;QAC5B,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;QACzB,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,gBAAgB,GAAG,CAAC,KAAe,EAAE,WAAyB;QAC3D,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;QAChC,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,aAAa,GAAG,CAAC,KAAe,EAAE,KAAa;QAC5C,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QAC3B,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,uBAAuB,GAAG,CAAC,KAAe,EAAE,cAAuB;QAChE,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;QACtC,OAAO,KAAK,CAAC;KAChB;IACD,CAAC,gBAAgB,GAAG,CAAC,KAAe,EAAE,mBAA2C;QAC7E,KAAK,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAChD,OAAO,KAAK,CAAC;KAChB;CACJ,CAAC;MAEW,QAAQ,GAAG,WAAW,CAAW;IAC1C,YAAY;IACZ,OAAO,EAAE,OAAc;CAC1B,EAAE;MAKU,aAAa,GAAG,CAAC,IAAmB;IAC7C,QAAQ,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAC7C,EAAE;MAEW,UAAU,GAAG;IACtB,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACnC,EAAE;MAEW,WAAW,GAAG,CAAC,KAAkB;IAC1C,QAAQ,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAC3C,EAAE;MAEW,WAAW,GAAG,CAAC,KAAkB;IAC1C,QAAQ,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAC3C,EAAE;MAEW,QAAQ,GAAG,CAAC,GAAa,EAAE,UAA2B,EAAE;IACjE,QAAQ,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;AACnD,EAAE;MAEW,UAAU,GAAG;IACtB,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACnC,EAAE;MAEW,kBAAkB,GAAG,CAAC,YAA0B;IACzD,QAAQ,CAAC,QAAQ,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAC1D,EAAE;MAEW,iBAAiB,GAAG;IAC7B,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAC3C,EAAE;MAEW,SAAS,GAAG,CAAC,IAAmB;IACzC,QAAQ,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AACxC,EAAE;MAEW,WAAW,GAAG;IACvB,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACpC,EAAE;MAEW,cAAc,GAAG,CAAC,WAAyB;IACpD,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;AACrD,EAAE;MAEW,YAAY,GAAG,CAAC,KAAa;IACtC,QAAQ,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAC5C,EAAE;MAEW,oBAAoB,GAAG,CAAC,QAAiB;IAClD,QAAQ,CAAC,QAAQ,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC;AACzD,EAAE;MAEW,cAAc,GAAG,CAAC,mBAA2C;IACtE,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,CAAC;AAC7D,EAAE;MAKW,aAAa,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK;MAC/C,QAAQ,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM;MAC3C,cAAc,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,CAAC,YAAY;MACvD,iBAAiB,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,CAAC;;;;"}

package/dist/esm/molecules/map/utilities/fit-bounds.js

@@ -0,0 +1,4 @@
+const fitBounds = (map, boundingBox) => map.fitBounds(boundingBox);
+
+export { fitBounds };
+//# sourceMappingURL=fit-bounds.js.map

package/dist/esm/molecules/map/utilities/fit-bounds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fit-bounds.js","sources":["../../../../../src/molecules/map/utilities/fit-bounds.ts"],"sourcesContent":["import { BoundingBox } from '@bpd-library/types';\n\nexport const fitBounds = (map: mapboxgl.Map, boundingBox: BoundingBox) =>\n    map.fitBounds(boundingBox);\n"],"names":[],"mappings":"MAEa,SAAS,GAAG,CAAC,GAAiB,EAAE,WAAwB,KACjE,GAAG,CAAC,SAAS,CAAC,WAAW;;;;"}

package/dist/esm/molecules/map/utilities/mapbox/add-data.js

@@ -0,0 +1,54 @@
+import { calculateCenter, functionIsTrue } from '@bpd-library/utilities';
+
+const variants = [];
+const isPointerVariant = (variant, theme) => {
+    var _a;
+    return !!((_a = theme.pointer) === null || _a === void 0 ? void 0 : _a.settings.find((pointerTheme) => pointerTheme.variant === variant));
+};
+const addData = async (map, data, theme) => {
+    const features = {};
+    variants.forEach((variant) => (features[variant] = []));
+    data.forEach((item) => {
+        const { variant } = item;
+        if (variants.indexOf(variant) < 0) {
+            variants.push(variant);
+            features[variant] = [];
+        }
+        if (isPointerVariant(variant, theme)) {
+            features[variant].push({
+                type: 'Feature',
+                geometry: {
+                    coordinates: calculateCenter(item.coordinates),
+                    type: 'Point',
+                },
+                properties: Object.assign({}, item),
+            });
+        }
+        else {
+            item.coordinates.forEach((coordinate) => {
+                features[variant].push({
+                    type: 'Feature',
+                    geometry: {
+                        coordinates: [coordinate],
+                        type: 'Polygon',
+                    },
+                    properties: Object.assign({}, item),
+                });
+            });
+        }
+    });
+    await functionIsTrue(() => map.isStyleLoaded() && map.isSourceLoaded);
+    Object.keys(features).forEach((variant) => {
+        const variantFeatures = features[variant];
+        const source = map.getSource(variant);
+        if (source) {
+            source.setData({
+                type: 'FeatureCollection',
+                features: variantFeatures,
+            });
+        }
+    });
+};
+
+export { addData as default };
+//# sourceMappingURL=add-data.js.map

package/dist/esm/molecules/map/utilities/mapbox/add-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-data.js","sources":["../../../../../../src/molecules/map/utilities/mapbox/add-data.ts"],"sourcesContent":["import { MapData, MapTheme } from '@bpd-library/types';\nimport { calculateCenter, functionIsTrue } from '@bpd-library/utilities';\n\nconst variants: string[] = [];\n\nconst isPointerVariant = (variant: string, theme: MapTheme) => {\n    return !!theme.pointer?.settings.find((pointerTheme) => pointerTheme.variant === variant);\n};\n\nconst addData = async (map: mapboxgl.Map, data: MapData, theme: MapTheme) => {\n    const features: { [variant: string]: GeoJSON.Feature[] } = {};\n\n    /*\n        Create empty arrays for previously set variants,\n        this will make sure old variants will be removed.\n    */\n    variants.forEach((variant) => (features[variant] = []));\n\n    /*\n        Construct GeoJSON Features\n    */\n    data.forEach((item) => {\n        const { variant } = item;\n\n        if (variants.indexOf(variant) < 0) {\n            variants.push(variant);\n            features[variant] = [];\n        }\n\n        if (isPointerVariant(variant, theme)) {\n            features[variant].push({\n                type: 'Feature',\n                geometry: {\n                    coordinates: calculateCenter(item.coordinates),\n                    type: 'Point',\n                },\n                properties: {\n                    ...item,\n                },\n            });\n        } else {\n            item.coordinates.forEach((coordinate) => {\n                features[variant].push({\n                    type: 'Feature',\n                    geometry: {\n                        coordinates: [coordinate],\n                        type: 'Polygon',\n                    },\n                    properties: {\n                        ...item,\n                    },\n                });\n            });\n        }\n    });\n\n    /*\n        Update layer with features\n    */\n    await functionIsTrue(() => map.isStyleLoaded() && map.isSourceLoaded);\n\n    Object.keys(features).forEach((variant) => {\n        const variantFeatures = features[variant];\n\n        const source = map.getSource(variant) as mapboxgl.GeoJSONSource | undefined;\n\n        if (source) {\n            source.setData({\n                type: 'FeatureCollection',\n                features: variantFeatures,\n            });\n        }\n    });\n};\n\nexport default addData;\n"],"names":[],"mappings":";;AAGA,MAAM,QAAQ,GAAa,EAAE,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,OAAe,EAAE,KAAe;;IACtD,OAAO,CAAC,QAAC,KAAK,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,OAAO,KAAK,OAAO,EAAC,CAAC;AAC9F,CAAC,CAAC;MAEI,OAAO,GAAG,OAAO,GAAiB,EAAE,IAAa,EAAE,KAAe;IACpE,MAAM,QAAQ,GAA6C,EAAE,CAAC;IAM9D,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,MAAM,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAKxD,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI;QACd,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAEzB,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC/B,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;SAC1B;QAED,IAAI,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;YAClC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;gBACnB,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE;oBACN,WAAW,EAAE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC;oBAC9C,IAAI,EAAE,OAAO;iBAChB;gBACD,UAAU,oBACH,IAAI,CACV;aACJ,CAAC,CAAC;SACN;aAAM;YACH,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU;gBAChC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;oBACnB,IAAI,EAAE,SAAS;oBACf,QAAQ,EAAE;wBACN,WAAW,EAAE,CAAC,UAAU,CAAC;wBACzB,IAAI,EAAE,SAAS;qBAClB;oBACD,UAAU,oBACH,IAAI,CACV;iBACJ,CAAC,CAAC;aACN,CAAC,CAAC;SACN;KACJ,CAAC,CAAC;IAKH,MAAM,cAAc,CAAC,MAAM,GAAG,CAAC,aAAa,EAAE,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;IAEtE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO;QAClC,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE1C,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,OAAO,CAAuC,CAAC;QAE5E,IAAI,MAAM,EAAE;YACR,MAAM,CAAC,OAAO,CAAC;gBACX,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,eAAe;aAC5B,CAAC,CAAC;SACN;KACJ,CAAC,CAAC;AACP;;;;"}

package/dist/esm/molecules/map/utilities/mapbox/center.js

@@ -0,0 +1,15 @@
+import { calculateCenter } from '@bpd-library/utilities';
+import { MAP_FLY_EASING_FUNCTION, MAP_FLY_DURATION } from './constants.js';
+
+const center = (map, coordinates) => {
+    const center = calculateCenter(coordinates);
+    map.flyTo({
+        center,
+        curve: 0,
+        easing: MAP_FLY_EASING_FUNCTION,
+        duration: MAP_FLY_DURATION,
+    });
+};
+
+export { center as default };
+//# sourceMappingURL=center.js.map

package/dist/esm/molecules/map/utilities/mapbox/center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"center.js","sources":["../../../../../../src/molecules/map/utilities/mapbox/center.ts"],"sourcesContent":["import { Coordinates } from '@bpd-library/types';\nimport { calculateCenter } from '@bpd-library/utilities';\n\nimport { MAP_FLY_DURATION, MAP_FLY_EASING_FUNCTION } from './constants';\n\nconst center = (map: mapboxgl.Map, coordinates: Coordinates) => {\n    const center = calculateCenter(coordinates);\n\n    map.flyTo({\n        center,\n        curve: 0,\n        easing: MAP_FLY_EASING_FUNCTION,\n        duration: MAP_FLY_DURATION,\n    });\n};\n\nexport default center;\n"],"names":[],"mappings":";;;MAKM,MAAM,GAAG,CAAC,GAAiB,EAAE,WAAwB;IACvD,MAAM,MAAM,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAE5C,GAAG,CAAC,KAAK,CAAC;QACN,MAAM;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,uBAAuB;QAC/B,QAAQ,EAAE,gBAAgB;KAC7B,CAAC,CAAC;AACP;;;;"}

package/dist/esm/molecules/map/utilities/mapbox/constants.js

@@ -0,0 +1,5 @@
+const MAP_FLY_DURATION = 1000;
+const MAP_FLY_EASING_FUNCTION = (t) => t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
+
+export { MAP_FLY_DURATION, MAP_FLY_EASING_FUNCTION };
+//# sourceMappingURL=constants.js.map

package/dist/esm/molecules/map/utilities/mapbox/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/molecules/map/utilities/mapbox/constants.ts"],"sourcesContent":["export const MAP_FLY_DURATION = 1000;\nexport const MAP_FLY_EASING_FUNCTION = (t: number) =>\n    t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;\n"],"names":[],"mappings":"MAAa,gBAAgB,GAAG,KAAK;MACxB,uBAAuB,GAAG,CAAC,CAAS,KAC7C,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG;;;;"}

package/dist/esm/molecules/map/utilities/mapbox/index.js

@@ -0,0 +1,3 @@
+import mapbox from './mapbox.js';
+export { default } from './mapbox.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/molecules/map/utilities/mapbox/index.js.map

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

package/dist/esm/molecules/map/utilities/mapbox/mapbox.js

@@ -0,0 +1,27 @@
+import addData from './add-data.js';
+import center from './center.js';
+import setupPointers from './pointers/setup-pointers.js';
+import setFeatureState from './polygons/feature-state.js';
+import geojson from './polygons/geojson.js';
+import interaction from './polygons/interaction.js';
+import layer from './polygons/layer.js';
+import raster from './raster.js';
+import search from './search/search.js';
+import { addTooltip, removeTooltip } from './tooltip.js';
+
+const mapbox = (map, options, theme) => ({
+    raster: (settings) => raster(map, settings),
+    geojson: (setting) => geojson(map, setting),
+    layer: (setting) => layer(map, setting),
+    interaction: (setting) => interaction(map, setting),
+    center: (coordinates) => center(map, coordinates),
+    setupPointers: (element) => setupPointers(map, theme, element),
+    addData: (data) => addData(map, data, theme),
+    addTooltip: (coordinates, mapDataItem) => addTooltip(map, coordinates, mapDataItem, options.openInTab),
+    removeTooltip,
+    setFeatureState: (variant, id, type, hover) => setFeatureState(map, variant, id, type, hover),
+    search: (searchOptions) => search(map, searchOptions, options),
+});
+
+export { mapbox as default };
+//# sourceMappingURL=mapbox.js.map

package/dist/esm/molecules/map/utilities/mapbox/mapbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapbox.js","sources":["../../../../../../src/molecules/map/utilities/mapbox/mapbox.ts"],"sourcesContent":["import {\n    Coordinates,\n    MapData,\n    MapDataItem,\n    MapOptions,\n    MapSearchOptions,\n    MapTheme,\n    PolygonThemeSetting,\n} from '@bpd-library/types';\n\nimport { MapLayerRasterSettings } from '../../store/map';\nimport addData from './add-data';\nimport center from './center';\nimport setupPointers from './pointers/setup-pointers';\nimport setFeatureState from './polygons/feature-state';\nimport geojson from './polygons/geojson';\nimport interaction from './polygons/interaction';\nimport layer from './polygons/layer';\nimport raster from './raster';\nimport search from './search/search';\nimport { addTooltip, removeTooltip } from './tooltip';\n\nconst mapbox = (map: mapboxgl.Map, options: MapOptions, theme: MapTheme) => ({\n    raster: (settings: MapLayerRasterSettings) => raster(map, settings),\n    geojson: (setting: PolygonThemeSetting) => geojson(map, setting),\n    layer: (setting: PolygonThemeSetting) => layer(map, setting),\n    interaction: (setting: PolygonThemeSetting) => interaction(map, setting),\n    center: (coordinates: Coordinates) => center(map, coordinates),\n    setupPointers: (element: HTMLElement) => setupPointers(map, theme, element),\n    addData: (data: MapData) => addData(map, data, theme),\n    addTooltip: (coordinates: Coordinates, mapDataItem: MapDataItem) =>\n        addTooltip(map, coordinates, mapDataItem, options.openInTab),\n    removeTooltip,\n    setFeatureState: (variant: string, id: string, type: 'hover' | 'focus', hover: boolean) =>\n        setFeatureState(map, variant, id, type, hover),\n    search: (searchOptions: MapSearchOptions) => search(map, searchOptions, options),\n});\n\nexport default mapbox;\n"],"names":[],"mappings":";;;;;;;;;;;MAsBM,MAAM,GAAG,CAAC,GAAiB,EAAE,OAAmB,EAAE,KAAe,MAAM;IACzE,MAAM,EAAE,CAAC,QAAgC,KAAK,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC;IACnE,OAAO,EAAE,CAAC,OAA4B,KAAK,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC;IAChE,KAAK,EAAE,CAAC,OAA4B,KAAK,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC;IAC5D,WAAW,EAAE,CAAC,OAA4B,KAAK,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC;IACxE,MAAM,EAAE,CAAC,WAAwB,KAAK,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC;IAC9D,aAAa,EAAE,CAAC,OAAoB,KAAK,aAAa,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC;IAC3E,OAAO,EAAE,CAAC,IAAa,KAAK,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC;IACrD,UAAU,EAAE,CAAC,WAAwB,EAAE,WAAwB,KAC3D,UAAU,CAAC,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC;IAChE,aAAa;IACb,eAAe,EAAE,CAAC,OAAe,EAAE,EAAU,EAAE,IAAuB,EAAE,KAAc,KAClF,eAAe,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC;IAClD,MAAM,EAAE,CAAC,aAA+B,KAAK,MAAM,CAAC,GAAG,EAAE,aAAa,EAAE,OAAO,CAAC;CACnF;;;;"}

package/dist/esm/molecules/map/utilities/mapbox/parse-feature-properties.js

@@ -0,0 +1,18 @@
+const parseFeatureProperties = (obj) => {
+    const safeJSONParse = (str) => {
+        try {
+            return JSON.parse(str);
+        }
+        catch (e) {
+            return false;
+        }
+    };
+    Object.keys(obj).forEach(key => {
+        const parsedJSON = safeJSONParse(obj[key]);
+        obj[key] = parsedJSON || obj[key];
+    });
+    return obj;
+};
+
+export { parseFeatureProperties };
+//# sourceMappingURL=parse-feature-properties.js.map