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

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

@@ -1,147 +0,0 @@
-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;
-    },
-};
-export const mapStore = createStore({
-    initialState,
-    actions: actions,
-});
-export const updateMapData = (data) => {
-    mapStore.dispatch(UPDATE_MAP_DATA, data);
-};
-export const clearHover = () => {
-    mapStore.dispatch(CLEAR_HOVER);
-};
-export const updateHover = (hover) => {
-    mapStore.dispatch(UPDATE_HOVER, hover);
-};
-export const updateClick = (click) => {
-    mapStore.dispatch(UPDATE_CLICK, click);
-};
-export const setFocus = (ids, options = {}) => {
-    mapStore.dispatch(SET_FOCUS, { ids, options });
-};
-export const clearFocus = () => {
-    mapStore.dispatch(CLEAR_FOCUS);
-};
-export const updateSearchResult = (searchResult) => {
-    mapStore.dispatch(UPDATE_SEARCH_RESULT, searchResult);
-};
-export const clearSearchResult = () => {
-    mapStore.dispatch(CLEAR_SEARCH_RESULT);
-};
-export const setFilter = (data) => {
-    mapStore.dispatch(SET_FILTER, data);
-};
-export const clearFilter = () => {
-    mapStore.dispatch(CLEAR_FILTER);
-};
-export const setMapInstance = (mapInstance) => {
-    mapStore.dispatch(SET_MAP_INSTANCE, mapInstance);
-};
-export const manualSearch = (query) => {
-    mapStore.dispatch(MANUAL_SEARCH, query);
-};
-export const updateSearchIsMoving = (isMoving) => {
-    mapStore.dispatch(UPDATE_SEARCH_IS_MOVING, isMoving);
-};
-export const setLayerRaster = (layerRasterSettings) => {
-    mapStore.dispatch(SET_LAYER_RASTER, layerRasterSettings);
-};
-export const getMapboxData = () => mapStore.getState().data;
-export const getHover = () => mapStore.getState().hover;
-export const getMapInstance = () => mapStore.getState().mapInstance;
-export const getSearchIsMoving = () => mapStore.getState().searchIsMoving;
-//# sourceMappingURL=store.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/store/map/store.ts"],"names":[],"mappings":"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","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"]}

package/dist/lib/molecules/map/storybook/themes.js

@@ -1,54 +0,0 @@
-import { h } from '@atomify/jsx';
-const THEME = {
-    polygon: {
-        settings: [
-            {
-                variant: 'bouwnummer',
-                normal: {
-                    fill: [255, 0, 0, 0.5],
-                    stroke: [255, 255, 255, 1],
-                },
-                hover: {
-                    fill: [0, 0, 0, 1],
-                    stroke: [255, 255, 255, 1],
-                },
-            },
-            {
-                variant: 'woningtype',
-                normal: {
-                    fill: [0, 255, 0, 0.5],
-                    stroke: [255, 255, 255, 1],
-                },
-                hover: {
-                    fill: [0, 0, 0, 1],
-                    stroke: [255, 255, 255, 1],
-                },
-            },
-        ],
-    },
-    pointer: {
-        settings: [
-            {
-                variant: 'bouwnummer',
-                createElement: () => (h("div", { style: {
-                        width: '40px',
-                        height: '40px',
-                        'border-radius': '50%',
-                        'background-color': 'green',
-                    } })),
-            },
-            {
-                variant: 'woningtype',
-                createElement: () => (h("div", { style: {
-                        width: '40px',
-                        height: '40px',
-                        'border-radius': '50%',
-                        'background-color': 'red',
-                    } })),
-            },
-        ],
-        cluster: (total) => h("span", null, total),
-    },
-};
-export default THEME;
-//# sourceMappingURL=themes.js.map

package/dist/lib/molecules/map/storybook/themes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/molecules/map/storybook/themes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAGjC,MAAM,KAAK,GAAa;IACpB,OAAO,EAAE;QACL,QAAQ,EAAE;YACN;gBACI,OAAO,EAAE,YAAY;gBACrB,MAAM,EAAE;oBACJ,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;oBACtB,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;iBAC7B;gBACD,KAAK,EAAE;oBACH,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBAClB,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;iBAC7B;aACJ;YACD;gBACI,OAAO,EAAE,YAAY;gBACrB,MAAM,EAAE;oBACJ,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;oBACtB,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;iBAC7B;gBACD,KAAK,EAAE;oBACH,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;oBAClB,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;iBAC7B;aACJ;SACJ;KACJ;IACD,OAAO,EAAE;QACL,QAAQ,EAAE;YACN;gBACI,OAAO,EAAE,YAAY;gBACrB,aAAa,EAAE,GAAG,EAAE,CAAC,CACjB,WACI,KAAK,EAAE;wBACH,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,KAAK;wBACtB,kBAAkB,EAAE,OAAO;qBAC9B,GAAQ,CAChB;aACJ;YACD;gBACI,OAAO,EAAE,YAAY;gBACrB,aAAa,EAAE,GAAG,EAAE,CAAC,CACjB,WACI,KAAK,EAAE;wBACH,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,KAAK;wBACtB,kBAAkB,EAAE,KAAK;qBAC5B,GAAQ,CAChB;aACJ;SACJ;QACD,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,gBAAO,KAAK,CAAQ;KACnD;CACJ,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { h } from '@atomify/jsx';\nimport { MapTheme } from '@bpd-library/types';\n\nconst THEME: MapTheme = {\n    polygon: {\n        settings: [\n            {\n                variant: 'bouwnummer',\n                normal: {\n                    fill: [255, 0, 0, 0.5],\n                    stroke: [255, 255, 255, 1],\n                },\n                hover: {\n                    fill: [0, 0, 0, 1],\n                    stroke: [255, 255, 255, 1],\n                },\n            },\n            {\n                variant: 'woningtype',\n                normal: {\n                    fill: [0, 255, 0, 0.5],\n                    stroke: [255, 255, 255, 1],\n                },\n                hover: {\n                    fill: [0, 0, 0, 1],\n                    stroke: [255, 255, 255, 1],\n                },\n            },\n        ],\n    },\n    pointer: {\n        settings: [\n            {\n                variant: 'bouwnummer',\n                createElement: () => (\n                    <div\n                        style={{\n                            width: '40px',\n                            height: '40px',\n                            'border-radius': '50%',\n                            'background-color': 'green',\n                        }}></div>\n                ),\n            },\n            {\n                variant: 'woningtype',\n                createElement: () => (\n                    <div\n                        style={{\n                            width: '40px',\n                            height: '40px',\n                            'border-radius': '50%',\n                            'background-color': 'red',\n                        }}></div>\n                ),\n            },\n        ],\n        cluster: (total: number) => <span>{total}</span>,\n    },\n};\n\nexport default THEME;\n"]}

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

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

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

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

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

@@ -1,52 +0,0 @@
-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 default addData;
-//# sourceMappingURL=add-data.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"add-data.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/add-data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEzE,MAAM,QAAQ,GAAa,EAAE,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,OAAe,EAAE,KAAe,EAAE,EAAE;;IAC1D,OAAO,CAAC,QAAC,KAAK,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,KAAK,OAAO,EAAC,CAAC;AAC9F,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,KAAK,EAAE,GAAiB,EAAE,IAAa,EAAE,KAAe,EAAE,EAAE;IACxE,MAAM,QAAQ,GAA6C,EAAE,CAAC;IAM9D,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAKxD,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAClB,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,EAAE,EAAE;gBACpC,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;YACP,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC,CAAC;IAKH,MAAM,cAAc,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;IAEtE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACtC,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;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","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"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"center.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/center.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,GAAG,CAAC,GAAiB,EAAE,WAAwB,EAAE,EAAE;IAC3D,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,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","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"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC;AACrC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAS,EAAE,EAAE,CACjD,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC","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"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,eAAe,MAAM,CAAC","sourcesContent":["import mapbox from './mapbox';\nexport default mapbox;\n"]}

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

@@ -1,25 +0,0 @@
-import addData from './add-data';
-import center from './center';
-import setupPointers from './pointers/setup-pointers';
-import setFeatureState from './polygons/feature-state';
-import geojson from './polygons/geojson';
-import interaction from './polygons/interaction';
-import layer from './polygons/layer';
-import raster from './raster';
-import search from './search/search';
-import { addTooltip, removeTooltip } from './tooltip';
-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 default mapbox;
-//# sourceMappingURL=mapbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mapbox.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/mapbox.ts"],"names":[],"mappings":"AAWA,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,eAAe,MAAM,0BAA0B,CAAC;AACvD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,MAAM,GAAG,CAAC,GAAiB,EAAE,OAAmB,EAAE,KAAe,EAAE,EAAE,CAAC,CAAC;IACzE,MAAM,EAAE,CAAC,QAAgC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC;IACnE,OAAO,EAAE,CAAC,OAA4B,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC;IAChE,KAAK,EAAE,CAAC,OAA4B,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC;IAC5D,WAAW,EAAE,CAAC,OAA4B,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC;IACxE,MAAM,EAAE,CAAC,WAAwB,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC;IAC9D,aAAa,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC;IAC3E,OAAO,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC;IACrD,UAAU,EAAE,CAAC,WAAwB,EAAE,WAAwB,EAAE,EAAE,CAC/D,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,EAAE,EAAE,CACtF,eAAe,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC;IAClD,MAAM,EAAE,CAAC,aAA+B,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,aAAa,EAAE,OAAO,CAAC;CACnF,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC","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"]}

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

@@ -1,16 +0,0 @@
-export 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;
-};
-//# sourceMappingURL=parse-feature-properties.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"parse-feature-properties.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/parse-feature-properties.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,GAAsB,EAA0B,EAAE;IACrF,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI;YACA,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SAC1B;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,KAAK,CAAC;SAChB;IACL,CAAC,CAAC;IAEF,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC3B,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAE3C,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC;AACf,CAAC,CAAC","sourcesContent":["export type FeatureProperties = { [key: string]: string };\n\nexport const parseFeatureProperties = (obj: FeatureProperties): { [key: string]: any } => {\n    const safeJSONParse = (str: string) => {\n        try {\n            return JSON.parse(str);\n        } catch (e) {\n            return false;\n        }\n    };\n\n    Object.keys(obj).forEach(key => {\n        const parsedJSON = safeJSONParse(obj[key]);\n\n        obj[key] = parsedJSON || obj[key];\n    });\n\n    return obj;\n};\n"]}

package/dist/lib/molecules/map/utilities/mapbox/pointers/setup-pointers.js

@@ -1,151 +0,0 @@
-import { h } from '@atomify/jsx';
-import { calculateCenter, throttle } from '@bpd-library/utilities';
-import { Marker } from 'mapbox-gl';
-import { clearHover, updateClick, updateHover } from '../../../store/map';
-import { MAP_FLY_DURATION, MAP_FLY_EASING_FUNCTION } from '../constants';
-import { parseFeatureProperties } from '../parse-feature-properties';
-const MAP_HOVER_CLASS = 'map--hovering';
-const POINTER_FADEOUT_DURATION = 300;
-const setupPointers = (map, theme, element) => {
-    const { pointer: pointerTheme } = theme;
-    const clusters = { cache: {}, onScreen: {} };
-    const pointers = { cache: {}, onScreen: {} };
-    const sourceNames = [];
-    init();
-    function init() {
-        var _a;
-        (_a = theme.pointer) === null || _a === void 0 ? void 0 : _a.settings.forEach(({ variant, minzoom, maxzoom }) => {
-            sourceNames.push(variant);
-            map.addSource(variant, {
-                type: 'geojson',
-                data: { type: 'FeatureCollection', features: [] },
-                cluster: true,
-                clusterRadius: 50,
-                clusterMaxZoom: 8,
-                promoteId: 'id',
-            });
-            const layerSettings = {
-                id: variant,
-                type: 'circle',
-                source: variant,
-                filter: ['!=', 'cluster', true],
-                paint: {
-                    'circle-opacity': 0,
-                },
-            };
-            if (minzoom)
-                layerSettings.minzoom = minzoom;
-            if (maxzoom)
-                layerSettings.maxzoom = maxzoom;
-            map.addLayer(layerSettings);
-        });
-        bindEvents();
-    }
-    function bindEvents() {
-        map.on('render', throttle(updateMarkers, 200));
-    }
-    function addCluster(clus, variant) {
-        const { properties, geometry } = clus;
-        const { coordinates } = geometry;
-        const { cluster_id: id, point_count: count } = properties;
-        let cluster;
-        if (id && count) {
-            cluster = clusters.cache[id];
-            if (!cluster) {
-                cluster = new Marker({
-                    element: (h("button", { class: "map__cluster", onMouseenter: () => {
-                            element.classList.add(MAP_HOVER_CLASS);
-                        }, onMouseleave: () => {
-                            element.classList.remove(MAP_HOVER_CLASS);
-                        }, onClick: () => {
-                            element.classList.remove(MAP_HOVER_CLASS);
-                            map.getSource(variant).getClusterExpansionZoom(id, (err, zoom) => {
-                                if (err)
-                                    return;
-                                map.easeTo({
-                                    center: coordinates,
-                                    zoom,
-                                    duration: MAP_FLY_DURATION,
-                                    easing: MAP_FLY_EASING_FUNCTION,
-                                });
-                            });
-                        } }, pointerTheme.cluster(count))),
-                }).setLngLat(coordinates);
-                clusters.cache[id] = cluster;
-            }
-            if (!clusters.onScreen[id])
-                cluster.addTo(map);
-        }
-        return [cluster, id];
-    }
-    function addPointer({ properties, }) {
-        const mapDataItem = parseFeatureProperties(properties);
-        const { id, variant, coordinates } = mapDataItem;
-        const setting = pointerTheme.settings.find((setting) => setting.variant === variant);
-        if (!setting)
-            return [undefined, undefined];
-        let pointer = pointers.cache[id];
-        const center = calculateCenter(coordinates);
-        if (!pointer) {
-            pointer = new Marker({
-                anchor: 'center',
-                element: (h("button", { id: `pointer-${id}`, onMouseenter: () => {
-                        element.classList.add(MAP_HOVER_CLASS);
-                        updateHover(mapDataItem);
-                    }, onMouseleave: () => {
-                        element.classList.remove(MAP_HOVER_CLASS);
-                        clearHover();
-                    }, onClick: (e) => {
-                        e.stopPropagation();
-                        updateClick(mapDataItem);
-                    }, class: `map__pointer${setting.disablePointerEvents ? ' map__pointer--disabled' : ''}` }, setting.createElement(mapDataItem))),
-            }).setLngLat(center);
-            pointers.cache[id] = pointer;
-        }
-        if (!pointers.onScreen[id])
-            pointer.addTo(map);
-        return [pointer, id];
-    }
-    function updateMarkers() {
-        var _a;
-        const newClusters = {};
-        const newPointers = {};
-        (_a = theme.pointer) === null || _a === void 0 ? void 0 : _a.settings.forEach(({ variant }) => {
-            const features = map.querySourceFeatures(variant);
-            features.forEach((feature) => {
-                const { properties } = feature;
-                if (properties === null || properties === void 0 ? void 0 : properties.cluster) {
-                    const [cluster, id] = addCluster(feature, variant);
-                    if (cluster && id)
-                        newClusters[id] = cluster;
-                }
-                else {
-                    const [pointer, id] = addPointer(feature);
-                    if (pointer && id)
-                        newPointers[id] = pointer;
-                }
-            });
-        });
-        Object.keys(clusters.onScreen).forEach((id) => {
-            if (!newClusters[id])
-                clusters.onScreen[id].remove();
-        });
-        Object.keys(pointers.onScreen).forEach((id) => {
-            if (!newPointers[id]) {
-                fadeoutPointer(pointers.onScreen[id]);
-            }
-        });
-        clusters.onScreen = newClusters;
-        pointers.onScreen = newPointers;
-    }
-    function fadeoutPointer(pointer) {
-        const pointerElement = pointer.getElement();
-        pointerElement.classList.add('map__pointer--fadeout');
-        setTimeout(() => {
-            pointer.remove();
-            pointerElement.classList.remove('map__pointer--fadeout');
-        }, POINTER_FADEOUT_DURATION);
-    }
-};
-export default setupPointers;
-//# sourceMappingURL=setup-pointers.js.map

package/dist/lib/molecules/map/utilities/mapbox/pointers/setup-pointers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setup-pointers.js","sourceRoot":"","sources":["../../../../../../../src/molecules/map/utilities/mapbox/pointers/setup-pointers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@atomify/jsx';\nimport { MapDataItem, MapTheme } from '@bpd-library/types';\nimport { calculateCenter, throttle } from '@bpd-library/utilities';\nimport { GeoJSONSource, LngLatLike, Marker } from 'mapbox-gl';\n\nimport { clearHover, updateClick, updateHover } from '../../../store/map';\nimport { MAP_FLY_DURATION, MAP_FLY_EASING_FUNCTION } from '../constants';\nimport { FeatureProperties, parseFeatureProperties } from '../parse-feature-properties';\n\ntype MapMarkers = { [key: string]: mapboxgl.Marker };\n\ntype MarkerObject = {\n    cache: MapMarkers;\n    onScreen: MapMarkers;\n};\n\nconst MAP_HOVER_CLASS = 'map--hovering';\nconst POINTER_FADEOUT_DURATION = 300;\n\nconst setupPointers = (map: mapboxgl.Map, theme: MapTheme, element: HTMLElement) => {\n    const { pointer: pointerTheme } = theme;\n    const clusters: MarkerObject = { cache: {}, onScreen: {} };\n    const pointers: MarkerObject = { cache: {}, onScreen: {} };\n    const sourceNames: string[] = [];\n\n    init();\n\n    function init() {\n        theme.pointer?.settings.forEach(({ variant, minzoom, maxzoom }) => {\n            sourceNames.push(variant);\n\n            map.addSource(variant, {\n                type: 'geojson',\n                data: { type: 'FeatureCollection', features: [] },\n                cluster: true,\n                clusterRadius: 50,\n                clusterMaxZoom: 8,\n                promoteId: 'id',\n            });\n\n            const layerSettings: mapboxgl.AnyLayer | mapboxgl.CustomLayerInterface = {\n                id: variant,\n                type: 'circle',\n                source: variant,\n                filter: ['!=', 'cluster', true],\n                paint: {\n                    'circle-opacity': 0,\n                },\n            };\n\n            if (minzoom) layerSettings.minzoom = minzoom;\n            if (maxzoom) layerSettings.maxzoom = maxzoom;\n\n            map.addLayer(layerSettings);\n        });\n\n        bindEvents();\n    }\n\n    function bindEvents() {\n        map.on('render', throttle(updateMarkers, 200));\n    }\n\n    function addCluster(\n        clus: GeoJSON.Feature,\n        variant: string,\n    ): [mapboxgl.Marker | undefined, number | undefined] {\n        const { properties, geometry } = clus;\n        const { coordinates } = geometry as GeoJSON.Point;\n        const { cluster_id: id, point_count: count } = properties as {\n            cluster_id?: number;\n            point_count?: number;\n        };\n\n        let cluster: mapboxgl.Marker | undefined;\n\n        if (id && count) {\n            cluster = clusters.cache[id];\n\n            if (!cluster) {\n                cluster = new Marker({\n                    element: (\n                        <button\n                            class=\"map__cluster\"\n                            onMouseenter={() => {\n                                element.classList.add(MAP_HOVER_CLASS);\n                            }}\n                            onMouseleave={() => {\n                                element.classList.remove(MAP_HOVER_CLASS);\n                            }}\n                            onClick={() => {\n                                element.classList.remove(MAP_HOVER_CLASS);\n\n                                (map.getSource(variant) as GeoJSONSource).getClusterExpansionZoom(\n                                    id,\n                                    (err, zoom) => {\n                                        if (err) return;\n\n                                        map.easeTo({\n                                            center: coordinates as LngLatLike,\n                                            zoom,\n                                            duration: MAP_FLY_DURATION,\n                                            easing: MAP_FLY_EASING_FUNCTION,\n                                        });\n                                    },\n                                );\n                            }}>\n                            {pointerTheme!.cluster(count)}\n                        </button>\n                    ),\n                }).setLngLat(coordinates as LngLatLike);\n\n                clusters.cache[id] = cluster;\n            }\n\n            if (!clusters.onScreen[id]) cluster.addTo(map);\n        }\n\n        return [cluster, id];\n    }\n\n    function addPointer({\n        properties,\n    }: GeoJSON.Feature): [mapboxgl.Marker | undefined, string | undefined] {\n        const mapDataItem = parseFeatureProperties(properties as FeatureProperties) as MapDataItem;\n        const { id, variant, coordinates } = mapDataItem;\n        const setting = pointerTheme!.settings.find((setting) => setting.variant === variant);\n\n        if (!setting) return [undefined, undefined];\n\n        let pointer: mapboxgl.Marker | undefined = pointers.cache[id];\n        const center = calculateCenter(coordinates);\n\n        if (!pointer) {\n            pointer = new Marker({\n                anchor: 'center',\n                element: (\n                    <button\n                        id={`pointer-${id}`}\n                        onMouseenter={() => {\n                            element.classList.add(MAP_HOVER_CLASS);\n                            updateHover(mapDataItem);\n                        }}\n                        onMouseleave={() => {\n                            element.classList.remove(MAP_HOVER_CLASS);\n                            clearHover();\n                        }}\n                        onClick={(e: Event) => {\n                            e.stopPropagation();\n                            updateClick(mapDataItem);\n                        }}\n                        class={`map__pointer${\n                            setting.disablePointerEvents ? ' map__pointer--disabled' : ''\n                        }`}>\n                        {setting.createElement(mapDataItem)}\n                    </button>\n                ),\n            }).setLngLat(center);\n\n            pointers.cache[id] = pointer;\n        }\n\n        if (!pointers.onScreen[id]) pointer.addTo(map);\n\n        return [pointer, id];\n    }\n\n    function updateMarkers() {\n        const newClusters: MapMarkers = {};\n        const newPointers: MapMarkers = {};\n\n        theme.pointer?.settings.forEach(({ variant }) => {\n            const features = map.querySourceFeatures(variant);\n\n            features.forEach((feature) => {\n                const { properties } = feature;\n\n                if (properties?.cluster) {\n                    const [cluster, id] = addCluster(feature, variant);\n\n                    if (cluster && id) newClusters[id] = cluster;\n                } else {\n                    const [pointer, id] = addPointer(feature);\n\n                    if (pointer && id) newPointers[id] = pointer;\n                }\n            });\n        });\n\n        Object.keys(clusters.onScreen).forEach((id) => {\n            if (!newClusters[id]) clusters.onScreen[id].remove();\n        });\n\n        Object.keys(pointers.onScreen).forEach((id) => {\n            if (!newPointers[id]) {\n                fadeoutPointer(pointers.onScreen[id]);\n            }\n        });\n\n        clusters.onScreen = newClusters;\n        pointers.onScreen = newPointers;\n    }\n\n    function fadeoutPointer(pointer: mapboxgl.Marker) {\n        const pointerElement = pointer.getElement();\n\n        pointerElement.classList.add('map__pointer--fadeout');\n\n        setTimeout(() => {\n            pointer.remove();\n\n            pointerElement.classList.remove('map__pointer--fadeout');\n        }, POINTER_FADEOUT_DURATION);\n    }\n};\n\nexport default setupPointers;\n"]}

package/dist/lib/molecules/map/utilities/mapbox/polygons/feature-state.js

@@ -1,10 +0,0 @@
-const setFeatureState = (map, variant, id, type, value) => {
-    map.setFeatureState({
-        source: variant,
-        id,
-    }, {
-        [type]: value,
-    });
-};
-export default setFeatureState;
-//# sourceMappingURL=feature-state.js.map

package/dist/lib/molecules/map/utilities/mapbox/polygons/feature-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature-state.js","sourceRoot":"","sources":["../../../../../../../src/molecules/map/utilities/mapbox/polygons/feature-state.ts"],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,CACpB,GAAiB,EACjB,OAAe,EACf,EAAU,EACV,IAAuB,EACvB,KAAc,EAChB,EAAE;IACA,GAAG,CAAC,eAAe,CACf;QACI,MAAM,EAAE,OAAO;QACf,EAAE;KACL,EACD;QACI,CAAC,IAAI,CAAC,EAAE,KAAK;KAChB,CACJ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["const setFeatureState = (\n    map: mapboxgl.Map,\n    variant: string,\n    id: string,\n    type: 'hover' | 'focus',\n    value: boolean,\n) => {\n    map.setFeatureState(\n        {\n            source: variant,\n            id,\n        },\n        {\n            [type]: value,\n        },\n    );\n};\n\nexport default setFeatureState;\n"]}

package/dist/lib/molecules/map/utilities/mapbox/polygons/geojson.js

@@ -1,9 +0,0 @@
-const geojson = (map, setting) => {
-    map.addSource(setting.variant, {
-        type: 'geojson',
-        data: { type: 'FeatureCollection', features: [] },
-        promoteId: 'id',
-    });
-};
-export default geojson;
-//# sourceMappingURL=geojson.js.map

package/dist/lib/molecules/map/utilities/mapbox/polygons/geojson.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"geojson.js","sourceRoot":"","sources":["../../../../../../../src/molecules/map/utilities/mapbox/polygons/geojson.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,GAAG,CAAC,GAAiB,EAAE,OAA4B,EAAE,EAAE;IAChE,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE;QAC3B,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,EAAE,EAAE;QACjD,SAAS,EAAE,IAAI;KAClB,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import { PolygonThemeSetting } from '@bpd-library/types';\n\nconst geojson = (map: mapboxgl.Map, setting: PolygonThemeSetting) => {\n    map.addSource(setting.variant, {\n        type: 'geojson',\n        data: { type: 'FeatureCollection', features: [] },\n        promoteId: 'id',\n    });\n};\n\nexport default geojson;\n"]}