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

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

@@ -1 +0,0 @@
-{"version":3,"file":"parse-feature-properties.js","sources":["../../../../../../src/molecules/map/utilities/mapbox/parse-feature-properties.ts"],"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"],"names":[],"mappings":"MAEa,sBAAsB,GAAG,CAAC,GAAsB;IACzD,MAAM,aAAa,GAAG,CAAC,GAAW;QAC9B,IAAI;YACA,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SAC1B;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,KAAK,CAAC;SAChB;KACJ,CAAC;IAEF,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG;QACxB,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAE3C,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;KACrC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC;AACf;;;;"}

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

@@ -1,151 +0,0 @@
-import { h } from '@atomify/jsx';
-import { throttle, calculateCenter } from '@bpd-library/utilities';
-import { Marker } from 'mapbox-gl';
-import { updateHover, clearHover, updateClick } from '../../../store/map/store.js';
-import { MAP_FLY_DURATION, MAP_FLY_EASING_FUNCTION } from '../constants.js';
-import { parseFeatureProperties } from '../parse-feature-properties.js';
-
-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: {} };
-    init();
-    function init() {
-        var _a;
-        (_a = theme.pointer) === null || _a === void 0 ? void 0 : _a.settings.forEach(({ variant, minzoom, maxzoom }) => {
-            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 { setupPointers as default };
-//# sourceMappingURL=setup-pointers.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"setup-pointers.js","sources":["../../../../../../../src/molecules/map/utilities/mapbox/pointers/setup-pointers.tsx"],"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"],"names":[],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"feature-state.js","sources":["../../../../../../../src/molecules/map/utilities/mapbox/polygons/feature-state.ts"],"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"],"names":[],"mappings":"MAAM,eAAe,GAAG,CACpB,GAAiB,EACjB,OAAe,EACf,EAAU,EACV,IAAuB,EACvB,KAAc;IAEd,GAAG,CAAC,eAAe,CACf;QACI,MAAM,EAAE,OAAO;QACf,EAAE;KACL,EACD;QACI,CAAC,IAAI,GAAG,KAAK;KAChB,CACJ,CAAC;AACN;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"geojson.js","sources":["../../../../../../../src/molecules/map/utilities/mapbox/polygons/geojson.ts"],"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"],"names":[],"mappings":"MAEM,OAAO,GAAG,CAAC,GAAiB,EAAE,OAA4B;IAC5D,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;;;;"}

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

@@ -1,34 +0,0 @@
-import { getHover, updateHover, clearHover, updateClick } from '../../../store/map/store.js';
-import { parseFeatureProperties } from '../parse-feature-properties.js';
-
-const getFeatureFromEvent = (e) => {
-    const features = e.features;
-    const feature = features ? features[0] : undefined;
-    return feature || undefined;
-};
-const interaction = (map, setting) => {
-    map.on('mousemove', setting.variant + '-fill', (e) => {
-        var _a;
-        const hover = getHover();
-        const feature = getFeatureFromEvent(e);
-        if (!feature)
-            return;
-        if (((_a = hover.current) === null || _a === void 0 ? void 0 : _a.id) !== feature.id) {
-            const item = parseFeatureProperties(feature.properties);
-            updateHover(item);
-        }
-    });
-    map.on('mouseleave', setting.variant + '-fill', () => {
-        clearHover();
-    });
-    map.on('click', setting.variant + '-fill', (e) => {
-        const feature = getFeatureFromEvent(e);
-        if (feature) {
-            const item = parseFeatureProperties(feature.properties);
-            updateClick(item);
-        }
-    });
-};
-
-export { interaction as default };
-//# sourceMappingURL=interaction.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"interaction.js","sources":["../../../../../../../src/molecules/map/utilities/mapbox/polygons/interaction.ts"],"sourcesContent":["import { MapDataItem, PolygonThemeSetting } from '@bpd-library/types';\n\nimport { clearHover, getHover, updateClick, updateHover } from '../../../store/map';\nimport { FeatureProperties, parseFeatureProperties } from '../parse-feature-properties';\n\ntype MapboxEvent = mapboxgl.MapMouseEvent & {\n    features?: mapboxgl.MapboxGeoJSONFeature[] | undefined;\n} & mapboxgl.EventData;\n\nconst getFeatureFromEvent = (e: MapboxEvent) => {\n    const features = e.features;\n    const feature = features ? features[0] : undefined;\n\n    return feature || undefined;\n};\n\nconst interaction = (map: mapboxgl.Map, setting: PolygonThemeSetting) => {\n    map.on('mousemove', setting.variant + '-fill', (e) => {\n        const hover = getHover();\n        const feature = getFeatureFromEvent(e);\n\n        if (!feature) return;\n\n        if (hover.current?.id !== feature.id) {\n            const item = parseFeatureProperties(\n                feature.properties as FeatureProperties,\n            ) as MapDataItem;\n\n            updateHover(item);\n        }\n    });\n\n    map.on('mouseleave', setting.variant + '-fill', () => {\n        clearHover();\n    });\n\n    map.on('click', setting.variant + '-fill', (e) => {\n        const feature = getFeatureFromEvent(e);\n\n        if (feature) {\n            const item = parseFeatureProperties(\n                feature.properties as FeatureProperties,\n            ) as MapDataItem;\n\n            updateClick(item);\n        }\n    });\n};\n\nexport default interaction;\n"],"names":[],"mappings":";;;AASA,MAAM,mBAAmB,GAAG,CAAC,CAAc;IACvC,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;IAC5B,MAAM,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAEnD,OAAO,OAAO,IAAI,SAAS,CAAC;AAChC,CAAC,CAAC;MAEI,WAAW,GAAG,CAAC,GAAiB,EAAE,OAA4B;IAChE,GAAG,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC,CAAC;;QAC7C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QACzB,MAAM,OAAO,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAEvC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,OAAA,KAAK,CAAC,OAAO,0CAAE,EAAE,MAAK,OAAO,CAAC,EAAE,EAAE;YAClC,MAAM,IAAI,GAAG,sBAAsB,CAC/B,OAAO,CAAC,UAA+B,CAC3B,CAAC;YAEjB,WAAW,CAAC,IAAI,CAAC,CAAC;SACrB;KACJ,CAAC,CAAC;IAEH,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE;QAC5C,UAAU,EAAE,CAAC;KAChB,CAAC,CAAC;IAEH,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC,CAAC;QACzC,MAAM,OAAO,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAEvC,IAAI,OAAO,EAAE;YACT,MAAM,IAAI,GAAG,sBAAsB,CAC/B,OAAO,CAAC,UAA+B,CAC3B,CAAC;YAEjB,WAAW,CAAC,IAAI,CAAC,CAAC;SACrB;KACJ,CAAC,CAAC;AACP;;;;"}

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

@@ -1,110 +0,0 @@
-const MIN_ZOOM = 1;
-const MAX_ZOOM = 24;
-const LINE_WIDTH = 2;
-const TRANSITION_ZOOM_MARGIN = 0.75;
-const NORMAL_FEATURE_STATE = [
-    'case',
-    ['boolean', ['feature-state', 'hover'], false],
-    0,
-    ['boolean', ['feature-state', 'focus'], false],
-    0,
-    1,
-];
-const HOVER_FEATURE_STATE = [
-    'case',
-    ['boolean', ['feature-state', 'hover'], false],
-    1,
-    ['boolean', ['feature-state', 'focus'], false],
-    1,
-    0,
-];
-const RGBAString = ([r, g, b, a], overwriteAlpha) => {
-    a = overwriteAlpha !== undefined ? overwriteAlpha : a;
-    return `rgba(${r},${g},${b},${a})`;
-};
-const layer = (map, { variant, normal, hover, minzoom, maxzoom }) => {
-    let layerMinzoom = minzoom ? minzoom - TRANSITION_ZOOM_MARGIN : MIN_ZOOM;
-    let layerMaxzoom = maxzoom ? maxzoom + TRANSITION_ZOOM_MARGIN : MAX_ZOOM;
-    if (layerMinzoom < 1)
-        layerMinzoom = 1;
-    if (layerMaxzoom > 24)
-        layerMaxzoom = 24;
-    if (normal.fill) {
-        map.addLayer({
-            id: `${variant}-fill`,
-            type: 'fill',
-            source: variant,
-            minzoom: layerMinzoom,
-            maxzoom: layerMaxzoom,
-            paint: {
-                'fill-color': RGBAString(normal.fill),
-                'fill-opacity': NORMAL_FEATURE_STATE,
-            },
-        });
-        setTransitionPaintProperty(`${variant}-fill`, normal.fill, 'fill-color');
-    }
-    if (normal.stroke) {
-        map.addLayer({
-            id: `${variant}-line`,
-            type: 'line',
-            source: variant,
-            minzoom: layerMinzoom,
-            maxzoom: layerMaxzoom,
-            paint: {
-                'line-color': RGBAString(normal.stroke),
-                'line-width': LINE_WIDTH,
-                'line-opacity': NORMAL_FEATURE_STATE,
-            },
-        });
-        setTransitionPaintProperty(`${variant}-line`, normal.stroke, 'line-color');
-    }
-    if (hover) {
-        map.addLayer({
-            id: `${variant}-fill-hover`,
-            type: 'fill',
-            source: variant,
-            minzoom: layerMinzoom,
-            maxzoom: layerMaxzoom,
-            paint: {
-                'fill-color': RGBAString(hover.fill),
-                'fill-opacity': HOVER_FEATURE_STATE,
-            },
-        });
-        setTransitionPaintProperty(`${variant}-fill-hover`, hover.fill, 'fill-color');
-        if (normal.stroke) {
-            map.addLayer({
-                id: `${variant}-line-hover`,
-                type: 'line',
-                source: variant,
-                minzoom: layerMinzoom,
-                maxzoom: layerMaxzoom,
-                paint: {
-                    'line-color': RGBAString(hover.stroke),
-                    'line-width': LINE_WIDTH,
-                    'line-opacity': HOVER_FEATURE_STATE,
-                },
-            });
-            setTransitionPaintProperty(`${variant}-line-hover`, hover.stroke, 'line-color');
-        }
-    }
-    function setTransitionPaintProperty(layer, color, property) {
-        if (!minzoom || !maxzoom)
-            return;
-        map.setPaintProperty(layer, property, [
-            'interpolate',
-            ['exponential', TRANSITION_ZOOM_MARGIN],
-            ['zoom'],
-            minzoom - TRANSITION_ZOOM_MARGIN,
-            RGBAString(color, 0),
-            minzoom,
-            RGBAString(color),
-            maxzoom,
-            RGBAString(color),
-            maxzoom + TRANSITION_ZOOM_MARGIN,
-            RGBAString(color, 0),
-        ]);
-    }
-};
-
-export { layer as default };
-//# sourceMappingURL=layer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"layer.js","sources":["../../../../../../../src/molecules/map/utilities/mapbox/polygons/layer.ts"],"sourcesContent":["import { PolygonThemeSetting, RGBA } from '@bpd-library/types';\n\nconst MIN_ZOOM = 1;\nconst MAX_ZOOM = 24;\nconst LINE_WIDTH = 2;\nconst TRANSITION_ZOOM_MARGIN = 0.75;\n\nconst NORMAL_FEATURE_STATE: mapboxgl.Expression = [\n    'case',\n    ['boolean', ['feature-state', 'hover'], false],\n    0,\n    ['boolean', ['feature-state', 'focus'], false],\n    0,\n    1,\n];\n\nconst HOVER_FEATURE_STATE: mapboxgl.Expression = [\n    'case',\n    ['boolean', ['feature-state', 'hover'], false],\n    1,\n    ['boolean', ['feature-state', 'focus'], false],\n    1,\n    0,\n];\n\nconst RGBAString = ([r, g, b, a]: RGBA, overwriteAlpha?: number) => {\n    a = overwriteAlpha !== undefined ? overwriteAlpha : a;\n\n    return `rgba(${r},${g},${b},${a})`;\n};\n\nconst layer = (\n    map: mapboxgl.Map,\n    { variant, normal, hover, minzoom, maxzoom }: PolygonThemeSetting,\n) => {\n    // Calculate the minzoom and maxzoom when it's set. This makes sure the layer gets disabled when it's invisible.\n    let layerMinzoom = minzoom ? minzoom - TRANSITION_ZOOM_MARGIN : MIN_ZOOM;\n    let layerMaxzoom = maxzoom ? maxzoom + TRANSITION_ZOOM_MARGIN : MAX_ZOOM;\n\n    // Limit the minzoom to 1 and the maxzoom to 24.\n    if (layerMinzoom < 1) layerMinzoom = 1;\n    if (layerMaxzoom > 24) layerMaxzoom = 24;\n\n    if (normal.fill) {\n        map.addLayer({\n            id: `${variant}-fill`,\n            type: 'fill',\n            source: variant,\n            minzoom: layerMinzoom,\n            maxzoom: layerMaxzoom,\n            paint: {\n                'fill-color': RGBAString(normal.fill),\n                'fill-opacity': NORMAL_FEATURE_STATE,\n            },\n        });\n\n        setTransitionPaintProperty(`${variant}-fill`, normal.fill, 'fill-color');\n    }\n\n    // Only add stroke layer, if it is set\n    if (normal.stroke) {\n        map.addLayer({\n            id: `${variant}-line`,\n            type: 'line',\n            source: variant,\n            minzoom: layerMinzoom,\n            maxzoom: layerMaxzoom,\n            paint: {\n                'line-color': RGBAString(normal.stroke),\n                'line-width': LINE_WIDTH,\n                'line-opacity': NORMAL_FEATURE_STATE,\n            },\n        });\n\n        setTransitionPaintProperty(`${variant}-line`, normal.stroke, 'line-color');\n    }\n\n    if (hover) {\n        map.addLayer({\n            id: `${variant}-fill-hover`,\n            type: 'fill',\n            source: variant,\n            minzoom: layerMinzoom,\n            maxzoom: layerMaxzoom,\n            paint: {\n                'fill-color': RGBAString(hover.fill),\n                'fill-opacity': HOVER_FEATURE_STATE,\n            },\n        });\n\n        setTransitionPaintProperty(`${variant}-fill-hover`, hover.fill, 'fill-color');\n\n        if (normal.stroke) {\n            map.addLayer({\n                id: `${variant}-line-hover`,\n                type: 'line',\n                source: variant,\n                minzoom: layerMinzoom,\n                maxzoom: layerMaxzoom,\n                paint: {\n                    'line-color': RGBAString(hover.stroke),\n                    'line-width': LINE_WIDTH,\n                    'line-opacity': HOVER_FEATURE_STATE,\n                },\n            });\n\n            setTransitionPaintProperty(`${variant}-line-hover`, hover.stroke, 'line-color');\n        }\n    }\n\n    /**\n     * @description Creates a fade-in effect when zooming in or out, based on a minzoom and maxzoom\n     * @param {string} layer\n     * @param {RGBA} color\n     * @param {string} property\n     * @return {*}\n     */\n    function setTransitionPaintProperty(layer: string, color: RGBA, property: string) {\n        if (!minzoom || !maxzoom) return;\n\n        map.setPaintProperty(layer, property, [\n            'interpolate',\n            ['exponential', TRANSITION_ZOOM_MARGIN],\n            ['zoom'],\n            minzoom - TRANSITION_ZOOM_MARGIN,\n            RGBAString(color, 0),\n            minzoom,\n            RGBAString(color),\n            maxzoom,\n            RGBAString(color),\n            maxzoom + TRANSITION_ZOOM_MARGIN,\n            RGBAString(color, 0),\n        ]);\n    }\n};\n\nexport default layer;\n"],"names":[],"mappings":"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"}

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

@@ -1,43 +0,0 @@
-const TRANSITION_ZOOM_MARGIN = 0.75;
-const raster = (map, settings) => {
-    const accessToken = window.__ENVIRONMENT_DETAILS__.mapbox.accessToken;
-    const tile = `${settings.layerRaster}/{z}/{x}/{y}.png?access_token=${accessToken}`;
-    if (map.getSource('raster')) {
-        console.warn('Adding multiple layerRasters is not possible');
-        return;
-    }
-    map.addSource('raster', {
-        type: 'raster',
-        tiles: [tile],
-    });
-    map.addLayer({
-        id: 'raster-image',
-        type: 'raster',
-        source: 'raster',
-        minzoom: 10,
-        maxzoom: 24,
-    }, 'bridge_minor');
-    if (settings.minzoom && settings.maxzoom) {
-        setTransitionPaintProperty(map, settings.minzoom, settings.maxzoom);
-    }
-};
-function setTransitionPaintProperty(map, minzoom, maxzoom) {
-    if (!minzoom || !maxzoom)
-        return;
-    map.setPaintProperty('raster-image', 'raster-opacity', [
-        'interpolate',
-        ['exponential', TRANSITION_ZOOM_MARGIN],
-        ['zoom'],
-        minzoom - TRANSITION_ZOOM_MARGIN,
-        0,
-        minzoom,
-        1,
-        maxzoom,
-        1,
-        maxzoom + TRANSITION_ZOOM_MARGIN,
-        0,
-    ]);
-}
-
-export { raster as default };
-//# sourceMappingURL=raster.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"raster.js","sources":["../../../../../../src/molecules/map/utilities/mapbox/raster.ts"],"sourcesContent":["import { MapLayerRasterSettings } from '../../store/map';\n\nconst TRANSITION_ZOOM_MARGIN = 0.75;\n\nconst raster = (map: mapboxgl.Map, settings: MapLayerRasterSettings) => {\n    const accessToken = window.__ENVIRONMENT_DETAILS__.mapbox.accessToken;\n    const tile = `${settings.layerRaster}/{z}/{x}/{y}.png?access_token=${accessToken}`;\n\n    if (map.getSource('raster')) {\n        console.warn('Adding multiple layerRasters is not possible');\n        return;\n    }\n\n    map.addSource('raster', {\n        type: 'raster',\n        tiles: [tile],\n    });\n\n    map.addLayer(\n        {\n            id: 'raster-image',\n            type: 'raster',\n            source: 'raster',\n            minzoom: 10,\n            maxzoom: 24,\n        },\n        'bridge_minor',\n    );\n\n    if (settings.minzoom && settings.maxzoom) {\n        setTransitionPaintProperty(map, settings.minzoom, settings.maxzoom);\n    }\n};\n\n/**\n * @description Creates a fade-in effect when zooming in or out, based on a minzoom and maxzoom\n * @param {string} layer\n * @param {RGBA} color\n * @param {string} property\n * @return {*}\n */\nfunction setTransitionPaintProperty(map: mapboxgl.Map, minzoom: number, maxzoom: number) {\n    if (!minzoom || !maxzoom) return;\n\n    map.setPaintProperty('raster-image', 'raster-opacity', [\n        'interpolate',\n        ['exponential', TRANSITION_ZOOM_MARGIN],\n        ['zoom'],\n        minzoom - TRANSITION_ZOOM_MARGIN,\n        0,\n        minzoom,\n        1,\n        maxzoom,\n        1,\n        maxzoom + TRANSITION_ZOOM_MARGIN,\n        0,\n    ]);\n}\n\nexport default raster;\n"],"names":[],"mappings":"AAEA,MAAM,sBAAsB,GAAG,IAAI,CAAC;MAE9B,MAAM,GAAG,CAAC,GAAiB,EAAE,QAAgC;IAC/D,MAAM,WAAW,GAAG,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,WAAW,CAAC;IACtE,MAAM,IAAI,GAAG,GAAG,QAAQ,CAAC,WAAW,iCAAiC,WAAW,EAAE,CAAC;IAEnF,IAAI,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;QACzB,OAAO,CAAC,IAAI,CAAC,8CAA8C,CAAC,CAAC;QAC7D,OAAO;KACV;IAED,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE;QACpB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,CAAC,IAAI,CAAC;KAChB,CAAC,CAAC;IAEH,GAAG,CAAC,QAAQ,CACR;QACI,EAAE,EAAE,cAAc;QAClB,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;KACd,EACD,cAAc,CACjB,CAAC;IAEF,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE;QACtC,0BAA0B,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;KACvE;AACL,EAAE;AASF,SAAS,0BAA0B,CAAC,GAAiB,EAAE,OAAe,EAAE,OAAe;IACnF,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO;QAAE,OAAO;IAEjC,GAAG,CAAC,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,EAAE;QACnD,aAAa;QACb,CAAC,aAAa,EAAE,sBAAsB,CAAC;QACvC,CAAC,MAAM,CAAC;QACR,OAAO,GAAG,sBAAsB;QAChC,CAAC;QACD,OAAO;QACP,CAAC;QACD,OAAO;QACP,CAAC;QACD,OAAO,GAAG,sBAAsB;QAChC,CAAC;KACJ,CAAC,CAAC;AACP;;;;"}

package/dist/esm/molecules/map/utilities/mapbox/search/alternative-city-suggestions.js

@@ -1,27 +0,0 @@
-const ALTERNATIVES = [
-    {
-        query: 'Den Bosch',
-        title: 'Den Bosch, Noord-Brabant, Nederland',
-        bbox: [5.206494, 51.663997, 5.377136, 51.755477],
-    },
-    {
-        query: "'s-Gravenhage",
-        title: "'s-Gravenhage, Zuid-Holland, Nederland",
-        bbox: [4.1962, 52.014848, 4.42249, 52.128324],
-    },
-];
-function getCityAlternativeSuggestions(searchQuery) {
-    const suggestions = [];
-    ALTERNATIVES.forEach(({ title, query, bbox }) => {
-        if (query.toLowerCase().indexOf(searchQuery) > -1) {
-            suggestions.push({
-                title,
-                bbox,
-            });
-        }
-    });
-    return suggestions;
-}
-
-export { getCityAlternativeSuggestions as default };
-//# sourceMappingURL=alternative-city-suggestions.js.map

package/dist/esm/molecules/map/utilities/mapbox/search/alternative-city-suggestions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alternative-city-suggestions.js","sources":["../../../../../../../src/molecules/map/utilities/mapbox/search/alternative-city-suggestions.ts"],"sourcesContent":["import { BoundingBox, MapSearchSuggestion } from '@bpd-library/types';\n\ninterface CityAlternative {\n    query: string;\n    title: string;\n    bbox: BoundingBox;\n}\n\nconst ALTERNATIVES: CityAlternative[] = [\n    {\n        query: 'Den Bosch',\n        title: 'Den Bosch, Noord-Brabant, Nederland',\n        bbox: [5.206494, 51.663997, 5.377136, 51.755477],\n    },\n    {\n        query: \"'s-Gravenhage\",\n        title: \"'s-Gravenhage, Zuid-Holland, Nederland\",\n        bbox: [4.1962, 52.014848, 4.42249, 52.128324],\n    },\n];\n\nfunction getCityAlternativeSuggestions(searchQuery: string): MapSearchSuggestion[] {\n    const suggestions: MapSearchSuggestion[] = [];\n\n    ALTERNATIVES.forEach(({ title, query, bbox }) => {\n        if (query.toLowerCase().indexOf(searchQuery) > -1) {\n            suggestions.push({\n                title,\n                bbox,\n            });\n        }\n    });\n\n    return suggestions;\n}\n\nexport default getCityAlternativeSuggestions;\n"],"names":[],"mappings":"AAQA,MAAM,YAAY,GAAsB;IACpC;QACI,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,qCAAqC;QAC5C,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;KACnD;IACD;QACI,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,wCAAwC;QAC/C,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC;KAChD;CACJ,CAAC;AAEF,SAAS,6BAA6B,CAAC,WAAmB;IACtD,MAAM,WAAW,GAA0B,EAAE,CAAC;IAE9C,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QACxC,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE;YAC/C,WAAW,CAAC,IAAI,CAAC;gBACb,KAAK;gBACL,IAAI;aACP,CAAC,CAAC;SACN;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACvB;;;;"}

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

@@ -1,174 +0,0 @@
-import { h } from '@atomify/jsx';
-import { getCountryBoundingBox, environment, debounce, useClickOutside, expandBoundingBox, withinBoundingBox, calculateBoundingBoxCenter } from '@bpd-library/utilities';
-import mapboxgl from 'mapbox-gl';
-import { mapStore, clearSearchResult, updateSearchResult, getMapboxData, updateSearchIsMoving } from '../../../store/map/store.js';
-import { fitBounds } from '../../fit-bounds.js';
-import getCityAlternativeSuggestions from './alternative-city-suggestions.js';
-
-const MIN_KM_PADDING = 10;
-const search = async (map, { hook, kmPadding = MIN_KM_PADDING, onSearchSuggestion }, { searchCountryIsoCodes = ['nl', 'de'], language = 'nl' }) => {
-    const element = document.querySelector(hook);
-    const bounds = getCountryBoundingBox(searchCountryIsoCodes);
-    if (!element) {
-        if (environment.isLocal)
-            console.error(`Search element can't be found: ${hook}`);
-        return;
-    }
-    const inputElement = element.querySelector('[js-hook-map-search-input]');
-    const form = inputElement.closest('form');
-    const suggestionsElement = element.querySelector('[js-hook-map-search-suggestions]');
-    const buttonElement = element.querySelector('[js-hook-map-search-button]');
-    let geocoder;
-    let suggestions;
-    init();
-    async function init() {
-        const { default: MapboxGeocoder } = await import('@mapbox/mapbox-gl-geocoder');
-        geocoder = new MapboxGeocoder({
-            accessToken: mapboxgl.accessToken,
-            mapboxgl,
-            countries: searchCountryIsoCodes.join(',').toUpperCase(),
-            types: 'region,district,place,neighborhood',
-            localGeocoder,
-            language,
-            enableEventLogging: false,
-            marker: false,
-        });
-        map.addControl(geocoder);
-        bindEvents();
-        subscribe();
-    }
-    function bindEvents() {
-        const debouncedOnKeyDown = debounce(onKeyDown, 300);
-        inputElement.addEventListener('keydown', debouncedOnKeyDown);
-        buttonElement.addEventListener('click', handleButtonClick);
-        form === null || form === void 0 ? void 0 : form.addEventListener('submit', (e) => e.preventDefault());
-        useClickOutside(inputElement, handleClickOutside);
-        geocoder.on('results', (results) => {
-            suggestions = results;
-            renderSuggestions(suggestions);
-        });
-    }
-    function subscribe() {
-        handleManualSearch(mapStore.getState());
-        mapStore.subscribe(handleManualSearch, ['manualSearch']);
-    }
-    function handleManualSearch({ manualSearch }) {
-        if (manualSearch) {
-            geocoder.setInput(manualSearch).on('results', function handleResults(results) {
-                suggestions = results;
-                submitFirstSuggestion();
-                geocoder.off('results', handleResults);
-            });
-        }
-    }
-    function handleClickOutside() {
-        clearSuggestionsContainer();
-    }
-    function handleFitBounds() {
-        return fitBounds(map, bounds);
-    }
-    function onKeyDown(e) {
-        const { value } = inputElement;
-        if (e.key === 'Enter') {
-            if (!value) {
-                clearAll();
-                return;
-            }
-            else {
-                geocoder.on('results', function handleEnter() {
-                    submitFirstSuggestion();
-                    inputElement === null || inputElement === void 0 ? void 0 : inputElement.blur();
-                    geocoder.off('results', handleEnter);
-                });
-            }
-        }
-        if (value.length >= 3) {
-            geocoder.setInput(value);
-        }
-        else {
-            suggestions = undefined;
-            handleFitBounds();
-            clearSuggestionsContainer();
-            clearSearchResult();
-        }
-    }
-    function handleButtonClick() {
-        const { value } = inputElement;
-        if (!value) {
-            clearAll();
-        }
-        else {
-            submitFirstSuggestion();
-        }
-    }
-    function submitFirstSuggestion() {
-        const firstSuggestion = suggestions === null || suggestions === void 0 ? void 0 : suggestions.features[0];
-        updateStore(firstSuggestion);
-        clearSuggestionsContainer();
-    }
-    function clearSuggestionsContainer() {
-        suggestionsElement.innerHTML = '';
-    }
-    function clearAll() {
-        suggestions = undefined;
-        handleFitBounds();
-        clearSuggestionsContainer();
-        clearSearchResult();
-        inputElement === null || inputElement === void 0 ? void 0 : inputElement.blur();
-    }
-    function localGeocoder(query) {
-        const createSuggestion = ({ title, bbox, type, id }) => {
-            const center = calculateBoundingBoxCenter(bbox);
-            return {
-                place_name: title,
-                bbox,
-                center,
-                type,
-                id,
-            };
-        };
-        const customSuggestions = onSearchSuggestion
-            ? onSearchSuggestion(query.toLowerCase()).map(createSuggestion)
-            : [];
-        const cityAlternatives = getCityAlternativeSuggestions(query.toLowerCase()).map(createSuggestion);
-        return [...customSuggestions, ...cityAlternatives].slice(0, 4);
-    }
-    function updateStore(result) {
-        if (!result) {
-            updateSearchResult({
-                items: [],
-                result: false,
-            });
-            handleFitBounds();
-            return;
-        }
-        const expandedBoundingBox = expandBoundingBox(result.bbox, kmPadding);
-        const originalBoundingBox = result.bbox;
-        const mapData = getMapboxData();
-        const filteredData = mapData.filter((item) => withinBoundingBox(item.coordinates, expandedBoundingBox));
-        map.fitBounds(expandedBoundingBox);
-        updateSearchIsMoving(true);
-        map.once('moveend', () => {
-            updateSearchIsMoving(false);
-        });
-        updateSearchResult({
-            items: filteredData,
-            result,
-            originalBoundingBox,
-            expandedBoundingBox,
-        });
-    }
-    function handleSuggestionClick(feature) {
-        inputElement.value = feature.place_name;
-        clearSuggestionsContainer();
-        updateStore(feature);
-    }
-    function renderSuggestions(suggestions) {
-        clearSuggestionsContainer();
-        suggestionsElement.append(h("ul", { class: "map-search__suggestions" }, suggestions.features.map((feature) => (h("li", { class: "map-search__suggestion" },
-            h("button", { onClick: () => handleSuggestionClick(feature) }, feature.place_name))))));
-    }
-};
-
-export { search as default };
-//# sourceMappingURL=search.js.map