@bpd-library/components 1.2.5-beta.6 → 1.2.5

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

@@ -1 +1 @@
-{"version":3,"file":"add-data.js","sourceRoot":"","sources":["../../../../../src/molecules/map/utilities/mapbox/add-data.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Fragment, h } from '@atomify/jsx';\nimport { MapDataItem, MapOptions, MapTheme } from '@bpd-library/types';\nimport { calculateCenter, functionIsTrue } from '@bpd-library/utilities';\nimport mapboxgl from 'mapbox-gl';\n\nconst variants: string[] = [];\nconst debugMarkers: mapboxgl.Popup[] = [];\n\nconst addData = async (\n    map: mapboxgl.Map,\n    data: MapDataItem[],\n    theme: MapTheme,\n    options: MapOptions,\n) => {\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    if (options.debugMode) {\n        addDebugMarkers(map, data, options);\n    }\n};\n\n/**\n * @description Checks if the theme variant is a pointer theme\n * @param {string} variant\n * @param {MapTheme} theme\n * @return {*}\n */\nconst isPointerVariant = (variant: string, theme: MapTheme) => {\n    return !!theme.pointer?.settings.find((pointerTheme) => pointerTheme.variant === variant);\n};\n\n/**\n * @description Adds debug markers to the map, based on the mapdata\n * @param {mapboxgl.Map} map\n * @param {MapDataItem[]} mapData\n * @param {MapOptions} options\n */\nconst addDebugMarkers = (map: mapboxgl.Map, mapData: MapDataItem[], options: MapOptions) => {\n    const debugProperties = options.debugProperties || ['id'];\n\n    // Remove all markers\n    debugMarkers.forEach((marker) => marker.remove());\n\n    mapData.forEach((mapDataItem) => {\n        const center = calculateCenter(mapDataItem.coordinates);\n\n        const marker = new mapboxgl.Popup({\n            closeOnMove: false,\n            closeOnClick: false,\n            closeButton: false,\n            focusAfterOpen: false,\n        })\n            .setDOMContent(\n                <div\n                    style={{\n                        backgroundColor: 'rgba(0,0,0,0.5)',\n                        color: '#fff',\n                        fontSize: '10px',\n                    }}>\n                    {debugProperties\n                        .map((property) => mapDataItem[property])\n                        .filter(Boolean)\n                        .map((value, i) => (\n                            <Fragment>\n                                {i > 0 && <br />}\n                                {value}\n                            </Fragment>\n                        ))}\n                </div>,\n            )\n            .setLngLat(center)\n            .addTo(map);\n\n        debugMarkers.push(marker);\n    });\n};\n\nexport default addData;\n"]}
+{"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/molecules/map/utilities/mapbox/mapbox.d.ts

@@ -1,5 +1,5 @@
-import { Coordinates, MapData, MapDirectionsSetting, MapIsochroneSetting, MapOptions, MapSearchOptions, MapTheme, PolygonThemeSetting } from '@bpd-library/types';
-import { MapLayerRasterSettings } from '../../store';
+import { Coordinates, MapData, MapDataItem, MapDirectionsSetting, MapIsochroneSetting, MapOptions, MapSearchOptions, MapTheme, PolygonThemeSetting } from '@bpd-library/types';
+import { MapLayerRasterSettings } from '../../store/map';
 declare const mapbox: (map: mapboxgl.Map, options: MapOptions, theme: MapTheme) => {
     raster: (settings: MapLayerRasterSettings) => void;
     geojson: (setting: PolygonThemeSetting) => void;
@@ -8,6 +8,8 @@ declare const mapbox: (map: mapboxgl.Map, options: MapOptions, theme: MapTheme)
     center: (coordinates: Coordinates) => void;
     setupPointers: (element: HTMLElement) => void;
     addData: (data: MapData) => Promise<void>;
+    addTooltip: (coordinates: Coordinates, mapDataItem: MapDataItem) => void;
+    removeTooltip: () => void;
     setFeatureState: (variant: string, id: string, type: 'hover' | 'focus', hover: boolean) => void;
     search: (searchOptions: MapSearchOptions) => Promise<void>;
     addIsochrone: (isochroneSetting: MapIsochroneSetting) => Promise<void>;

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

@@ -9,6 +9,7 @@ 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),
@@ -16,7 +17,9 @@ const mapbox = (map, options, theme) => ({
     interaction: (setting) => interaction(map, setting),
     center: (coordinates) => center(map, coordinates),
     setupPointers: (element) => setupPointers(map, theme, element),
-    addData: (data) => addData(map, data, theme, options),
+    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),
     addIsochrone: (isochroneSetting) => addIsochrone(map, isochroneSetting),

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

@@ -1 +1 @@
-{"version":3,"file":"mapbox.js","sourceRoot":"","sources":["../../../../../src/molecules/map/utilities/mapbox/mapbox.ts"],"names":[],"mappings":"AAYA,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC5D,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;AAErC,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,EAAE,OAAO,CAAC;IAC9D,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;IAChF,YAAY,EAAE,CAAC,gBAAqC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,gBAAgB,CAAC;IAC5F,eAAe,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC;IAC3C,aAAa,EAAE,CAAC,iBAAuC,EAAE,EAAE,CACvD,aAAa,CAAC,GAAG,EAAE,iBAAiB,CAAC;IACzC,gBAAgB,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC;CAChD,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC","sourcesContent":["import {\n    Coordinates,\n    MapData,\n    MapDirectionsSetting,\n    MapIsochroneSetting,\n    MapOptions,\n    MapSearchOptions,\n    MapTheme,\n    PolygonThemeSetting,\n} from '@bpd-library/types';\n\nimport { MapLayerRasterSettings } from '../../store';\nimport addData from './add-data';\nimport center from './center';\nimport { addDirections, removeDirections } from './directions/directions';\nimport { addIsochrone, removeIsochrone } from './isochrone';\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';\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, options),\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    addIsochrone: (isochroneSetting: MapIsochroneSetting) => addIsochrone(map, isochroneSetting),\n    removeIsochrone: () => removeIsochrone(map),\n    addDirections: (directionsSetting: MapDirectionsSetting) =>\n        addDirections(map, directionsSetting),\n    removeDirections: () => removeDirections(map),\n});\n\nexport default mapbox;\n"]}
+{"version":3,"file":"mapbox.js","sourceRoot":"","sources":["../../../../../src/molecules/map/utilities/mapbox/mapbox.ts"],"names":[],"mappings":"AAaA,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC5D,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;IAChF,YAAY,EAAE,CAAC,gBAAqC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,gBAAgB,CAAC;IAC5F,eAAe,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC;IAC3C,aAAa,EAAE,CAAC,iBAAuC,EAAE,EAAE,CACvD,aAAa,CAAC,GAAG,EAAE,iBAAiB,CAAC;IACzC,gBAAgB,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC;CAChD,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC","sourcesContent":["import {\n    Coordinates,\n    MapData,\n    MapDataItem,\n    MapDirectionsSetting,\n    MapIsochroneSetting,\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 { addDirections, removeDirections } from './directions/directions';\nimport { addIsochrone, removeIsochrone } from './isochrone';\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    addIsochrone: (isochroneSetting: MapIsochroneSetting) => addIsochrone(map, isochroneSetting),\n    removeIsochrone: () => removeIsochrone(map),\n    addDirections: (directionsSetting: MapDirectionsSetting) =>\n        addDirections(map, directionsSetting),\n    removeDirections: () => removeDirections(map),\n});\n\nexport default mapbox;\n"]}

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

@@ -1,7 +1,7 @@
 import { h } from '@atomify/jsx';
 import { calculateCenter, throttle } from '@bpd-library/utilities';
 import { Marker } from 'mapbox-gl';
-import { clearHover, updateClick, updateHover } from '../../../store';
+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';

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

@@ -1 +1 @@
-{"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';\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"]}
+{"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/molecules/map/utilities/mapbox/polygons/interaction.js

@@ -1,4 +1,4 @@
-import { clearHover, getHover, updateClick, updateHover } from '../../../store';
+import { clearHover, getHover, updateClick, updateHover } from '../../../store/map';
 import { parseFeatureProperties } from '../parse-feature-properties';
 const getFeatureFromEvent = (e) => {
     const features = e.features;

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

@@ -1 +1 @@
-{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/polygons/interaction.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EAAqB,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAMxF,MAAM,mBAAmB,GAAG,CAAC,CAAc,EAAE,EAAE;IAC3C,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;IAC5B,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnD,OAAO,OAAO,IAAI,SAAS,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,GAAiB,EAAE,OAA4B,EAAE,EAAE;IACpE,GAAG,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;QACjD,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;IACL,CAAC,CAAC,CAAC;IAEH,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,GAAG,EAAE;QACjD,UAAU,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QAC7C,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;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { MapDataItem, PolygonThemeSetting } from '@bpd-library/types';\n\nimport { clearHover, getHover, updateClick, updateHover } from '../../../store';\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"]}
+{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/polygons/interaction.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACpF,OAAO,EAAqB,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAMxF,MAAM,mBAAmB,GAAG,CAAC,CAAc,EAAE,EAAE;IAC3C,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;IAC5B,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnD,OAAO,OAAO,IAAI,SAAS,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,GAAiB,EAAE,OAA4B,EAAE,EAAE;IACpE,GAAG,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;QACjD,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;IACL,CAAC,CAAC,CAAC;IAEH,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,GAAG,EAAE;QACjD,UAAU,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QAC7C,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;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","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"]}

package/dist/molecules/map/utilities/mapbox/raster.d.ts

@@ -1,3 +1,3 @@
-import { MapLayerRasterSettings } from '../../store';
+import { MapLayerRasterSettings } from '../../store/map';
 declare const raster: (map: mapboxgl.Map, settings: MapLayerRasterSettings) => void;
 export default raster;

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

@@ -1 +1 @@
-{"version":3,"file":"raster.js","sourceRoot":"","sources":["../../../../../src/molecules/map/utilities/mapbox/raster.ts"],"names":[],"mappings":"AAEA,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAEpC,MAAM,MAAM,GAAG,CAAC,GAAiB,EAAE,QAAgC,EAAE,EAAE;IACnE,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,CAAC,CAAC;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,CAAC;AAED,eAAe,MAAM,CAAC","sourcesContent":["import { MapLayerRasterSettings } from '../../store';\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"]}
+{"version":3,"file":"raster.js","sourceRoot":"","sources":["../../../../../src/molecules/map/utilities/mapbox/raster.ts"],"names":[],"mappings":"AAEA,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAEpC,MAAM,MAAM,GAAG,CAAC,GAAiB,EAAE,QAAgC,EAAE,EAAE;IACnE,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,CAAC,CAAC;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,CAAC;AAED,eAAe,MAAM,CAAC","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"]}

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

@@ -1,7 +1,7 @@
 import { h } from '@atomify/jsx';
 import { calculateBoundingBoxCenter, debounce, environment, expandBoundingBox, getCountryBoundingBox, useClickOutside, withinBoundingBox, } from '@bpd-library/utilities';
 import mapboxgl from 'mapbox-gl';
-import { clearSearchResult, getMapboxData, mapStore, updateSearchIsMoving, updateSearchResult, } from '../../../store';
+import { clearSearchResult, getMapboxData, mapStore, updateSearchIsMoving, updateSearchResult, } from '../../../store/map';
 import { fitBounds } from '../../fit-bounds';
 import getCityAlternativeSuggestions from './alternative-city-suggestions';
 const MIN_KM_PADDING = 10;

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

@@ -1 +1 @@
-{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/search/search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@atomify/jsx';\nimport { BoundingBox, MapOptions, MapSearchOptions, MapSearchSuggestion } from '@bpd-library/types';\nimport {\n    calculateBoundingBoxCenter,\n    debounce,\n    environment,\n    expandBoundingBox,\n    getCountryBoundingBox,\n    useClickOutside,\n    withinBoundingBox,\n} from '@bpd-library/utilities';\nimport mapboxgl from 'mapbox-gl';\n\nimport {\n    clearSearchResult,\n    getMapboxData,\n    MapState,\n    mapStore,\n    updateSearchIsMoving,\n    updateSearchResult,\n} from '../../../store';\nimport { fitBounds } from '../../fit-bounds';\nimport getCityAlternativeSuggestions from './alternative-city-suggestions';\n\nconst MIN_KM_PADDING = 10;\nconst DEFAULT_TYPES = 'region,district,place,neighborhood';\n\nconst search = async (\n    map: mapboxgl.Map,\n    {\n        hook,\n        kmPadding = MIN_KM_PADDING,\n        onSearchSuggestion,\n        noZoomAfterSearch,\n        types = DEFAULT_TYPES,\n    }: MapSearchOptions,\n    { searchCountryIsoCodes = ['nl', 'de'], language = 'nl' }: MapOptions,\n) => {\n    const element = document.querySelector(hook);\n    const bounds = getCountryBoundingBox(searchCountryIsoCodes);\n\n    if (!element) {\n        if (environment.isLocal) console.error(`Search element can't be found: ${hook}`);\n        return;\n    }\n\n    const inputElement = element.querySelector('[js-hook-map-search-input]') as HTMLInputElement;\n    const form = inputElement.closest<HTMLFormElement>('form');\n    const suggestionsElement = element.querySelector(\n        '[js-hook-map-search-suggestions]',\n    ) as HTMLElement;\n    const buttonElement = element.querySelector('[js-hook-map-search-button]') as HTMLButtonElement;\n\n    let geocoder: any | undefined;\n    let suggestions: any | undefined;\n\n    init();\n\n    async function init() {\n        // Dynamically import geocoder library\n        const { default: MapboxGeocoder } = await import('@mapbox/mapbox-gl-geocoder');\n\n        geocoder = new MapboxGeocoder({\n            accessToken: mapboxgl.accessToken,\n            mapboxgl,\n            countries: searchCountryIsoCodes.join(',').toUpperCase(),\n            types,\n            localGeocoder,\n            language,\n            enableEventLogging: false,\n            marker: false,\n        });\n\n        map.addControl(geocoder);\n\n        bindEvents();\n        subscribe();\n    }\n\n    function bindEvents() {\n        const debouncedOnKeyDown = debounce(onKeyDown, 300);\n\n        inputElement.addEventListener('keydown', debouncedOnKeyDown);\n        buttonElement.addEventListener('click', handleButtonClick);\n        form?.addEventListener('submit', (e) => e.preventDefault());\n\n        useClickOutside(inputElement!, handleClickOutside);\n\n        geocoder.on('results', (results: any) => {\n            suggestions = results;\n\n            renderSuggestions(suggestions);\n        });\n    }\n\n    function subscribe() {\n        handleManualSearch(mapStore.getState());\n        mapStore.subscribe(handleManualSearch, ['manualSearch']);\n    }\n\n    function handleManualSearch({ manualSearch }: MapState) {\n        if (manualSearch) {\n            geocoder.setInput(manualSearch).on('results', function handleResults(results: any) {\n                suggestions = results;\n\n                // First check if there's an exact match, in some cases bigger cities that are not an exact match are returned as first and most relevant result, while doing a manual search you always want an exact match.\n                const firstExactMatch = results?.features?.find(\n                    ({ text }: { text?: string }) =>\n                        text?.toLowerCase() === manualSearch.toLowerCase(),\n                );\n\n                if (firstExactMatch) {\n                    submitSuggestion(firstExactMatch);\n                } else {\n                    submitFirstSuggestion();\n                }\n\n                geocoder.off('results', handleResults);\n            });\n        }\n    }\n\n    function handleClickOutside() {\n        clearSuggestionsContainer();\n    }\n\n    function handleFitBounds() {\n        if (noZoomAfterSearch) return;\n\n        fitBounds(map, bounds);\n    }\n\n    function onKeyDown(e: KeyboardEvent) {\n        const { value } = inputElement!;\n\n        if (e.key === 'Enter') {\n            if (!value) {\n                clearAll();\n                return;\n            } else {\n                geocoder.on('results', function handleEnter() {\n                    submitFirstSuggestion();\n                    inputElement?.blur();\n\n                    geocoder.off('results', handleEnter);\n                });\n            }\n        }\n\n        if (value.length >= 3) {\n            geocoder.setInput(value);\n        } else {\n            suggestions = undefined;\n            handleFitBounds();\n            clearSuggestionsContainer();\n            clearSearchResult();\n        }\n    }\n\n    function handleButtonClick() {\n        const { value } = inputElement!;\n\n        if (!value) {\n            clearAll();\n        } else {\n            submitFirstSuggestion();\n        }\n    }\n\n    function submitFirstSuggestion() {\n        const firstSuggestion = suggestions?.features[0];\n\n        submitSuggestion(firstSuggestion);\n    }\n\n    function submitSuggestion(feature: any) {\n        updateStore(feature);\n        clearSuggestionsContainer();\n    }\n\n    function clearSuggestionsContainer() {\n        suggestionsElement.innerHTML = '';\n    }\n\n    function clearAll() {\n        suggestions = undefined;\n        handleFitBounds();\n        clearSuggestionsContainer();\n        clearSearchResult();\n        inputElement?.blur();\n    }\n\n    function localGeocoder(query: string) {\n        const createSuggestion = ({ title, bbox, type, id }: MapSearchSuggestion) => {\n            const center = calculateBoundingBoxCenter(bbox);\n\n            return {\n                place_name: title,\n                bbox,\n                center,\n                type,\n                id,\n            };\n        };\n\n        const customSuggestions = onSearchSuggestion\n            ? onSearchSuggestion(query.toLowerCase()).map(createSuggestion)\n            : [];\n        const cityAlternatives = getCityAlternativeSuggestions(query.toLowerCase()).map(\n            createSuggestion,\n        );\n\n        return [...customSuggestions, ...cityAlternatives].slice(0, 4);\n    }\n\n    function updateStore(result: any) {\n        if (!result) {\n            updateSearchResult({\n                items: [],\n                result: false,\n            });\n\n            handleFitBounds();\n\n            return;\n        }\n\n        /*\n            There might not be a bounding box returned.\n            If so, generate one based on the center.\n        */\n        const originalBoundingBox: BoundingBox = result.bbox\n            ? result.bbox\n            : [result.center[0], result.center[1], result.center[0], result.center[1]];\n        const expandedBoundingBox = expandBoundingBox(originalBoundingBox, kmPadding);\n\n        const mapData = getMapboxData();\n        const filteredData = mapData.filter((item) =>\n            withinBoundingBox(item.coordinates, expandedBoundingBox),\n        );\n\n        if (!noZoomAfterSearch) {\n            map.fitBounds(expandedBoundingBox);\n\n            // Update searchIsMoving boolean in store. Is used to block other focus interactions when searched.\n            updateSearchIsMoving(true);\n\n            map.once('moveend', () => {\n                updateSearchIsMoving(false);\n            });\n        }\n\n        updateSearchResult({\n            items: filteredData,\n            result,\n            originalBoundingBox,\n            expandedBoundingBox,\n        });\n    }\n\n    function handleSuggestionClick(feature: any) {\n        inputElement.value = feature.place_name;\n\n        clearSuggestionsContainer();\n        updateStore(feature);\n    }\n\n    function renderSuggestions(suggestions: any) {\n        clearSuggestionsContainer();\n\n        suggestionsElement.append(\n            <ul class=\"map-search__suggestions\">\n                {suggestions.features.map((feature: any) => (\n                    <li class=\"map-search__suggestion\">\n                        <button onClick={() => handleSuggestionClick(feature)}>\n                            {feature.place_name}\n                        </button>\n                    </li>\n                ))}\n            </ul>,\n        );\n    }\n};\n\nexport default search;\n"]}
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/search/search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@atomify/jsx';\nimport { BoundingBox, MapOptions, MapSearchOptions, MapSearchSuggestion } from '@bpd-library/types';\nimport {\n    calculateBoundingBoxCenter,\n    debounce,\n    environment,\n    expandBoundingBox,\n    getCountryBoundingBox,\n    useClickOutside,\n    withinBoundingBox,\n} from '@bpd-library/utilities';\nimport mapboxgl from 'mapbox-gl';\n\nimport {\n    clearSearchResult,\n    getMapboxData,\n    MapState,\n    mapStore,\n    updateSearchIsMoving,\n    updateSearchResult,\n} from '../../../store/map';\nimport { fitBounds } from '../../fit-bounds';\nimport getCityAlternativeSuggestions from './alternative-city-suggestions';\n\nconst MIN_KM_PADDING = 10;\nconst DEFAULT_TYPES = 'region,district,place,neighborhood';\n\nconst search = async (\n    map: mapboxgl.Map,\n    {\n        hook,\n        kmPadding = MIN_KM_PADDING,\n        onSearchSuggestion,\n        noZoomAfterSearch,\n        types = DEFAULT_TYPES,\n    }: MapSearchOptions,\n    { searchCountryIsoCodes = ['nl', 'de'], language = 'nl' }: MapOptions,\n) => {\n    const element = document.querySelector(hook);\n    const bounds = getCountryBoundingBox(searchCountryIsoCodes);\n\n    if (!element) {\n        if (environment.isLocal) console.error(`Search element can't be found: ${hook}`);\n        return;\n    }\n\n    const inputElement = element.querySelector('[js-hook-map-search-input]') as HTMLInputElement;\n    const form = inputElement.closest<HTMLFormElement>('form');\n    const suggestionsElement = element.querySelector(\n        '[js-hook-map-search-suggestions]',\n    ) as HTMLElement;\n    const buttonElement = element.querySelector('[js-hook-map-search-button]') as HTMLButtonElement;\n\n    let geocoder: any | undefined;\n    let suggestions: any | undefined;\n\n    init();\n\n    async function init() {\n        // Dynamically import geocoder library\n        const { default: MapboxGeocoder } = await import('@mapbox/mapbox-gl-geocoder');\n\n        geocoder = new MapboxGeocoder({\n            accessToken: mapboxgl.accessToken,\n            mapboxgl,\n            countries: searchCountryIsoCodes.join(',').toUpperCase(),\n            types,\n            localGeocoder,\n            language,\n            enableEventLogging: false,\n            marker: false,\n        });\n\n        map.addControl(geocoder);\n\n        bindEvents();\n        subscribe();\n    }\n\n    function bindEvents() {\n        const debouncedOnKeyDown = debounce(onKeyDown, 300);\n\n        inputElement.addEventListener('keydown', debouncedOnKeyDown);\n        buttonElement.addEventListener('click', handleButtonClick);\n        form?.addEventListener('submit', (e) => e.preventDefault());\n\n        useClickOutside(inputElement!, handleClickOutside);\n\n        geocoder.on('results', (results: any) => {\n            suggestions = results;\n\n            renderSuggestions(suggestions);\n        });\n    }\n\n    function subscribe() {\n        handleManualSearch(mapStore.getState());\n        mapStore.subscribe(handleManualSearch, ['manualSearch']);\n    }\n\n    function handleManualSearch({ manualSearch }: MapState) {\n        if (manualSearch) {\n            geocoder.setInput(manualSearch).on('results', function handleResults(results: any) {\n                suggestions = results;\n\n                // First check if there's an exact match, in some cases bigger cities that are not an exact match are returned as first and most relevant result, while doing a manual search you always want an exact match.\n                const firstExactMatch = results?.features?.find(\n                    ({ text }: { text?: string }) =>\n                        text?.toLowerCase() === manualSearch.toLowerCase(),\n                );\n\n                if (firstExactMatch) {\n                    submitSuggestion(firstExactMatch);\n                } else {\n                    submitFirstSuggestion();\n                }\n\n                geocoder.off('results', handleResults);\n            });\n        }\n    }\n\n    function handleClickOutside() {\n        clearSuggestionsContainer();\n    }\n\n    function handleFitBounds() {\n        if (noZoomAfterSearch) return;\n\n        fitBounds(map, bounds);\n    }\n\n    function onKeyDown(e: KeyboardEvent) {\n        const { value } = inputElement!;\n\n        if (e.key === 'Enter') {\n            if (!value) {\n                clearAll();\n                return;\n            } else {\n                geocoder.on('results', function handleEnter() {\n                    submitFirstSuggestion();\n                    inputElement?.blur();\n\n                    geocoder.off('results', handleEnter);\n                });\n            }\n        }\n\n        if (value.length >= 3) {\n            geocoder.setInput(value);\n        } else {\n            suggestions = undefined;\n            handleFitBounds();\n            clearSuggestionsContainer();\n            clearSearchResult();\n        }\n    }\n\n    function handleButtonClick() {\n        const { value } = inputElement!;\n\n        if (!value) {\n            clearAll();\n        } else {\n            submitFirstSuggestion();\n        }\n    }\n\n    function submitFirstSuggestion() {\n        const firstSuggestion = suggestions?.features[0];\n\n        submitSuggestion(firstSuggestion);\n    }\n\n    function submitSuggestion(feature: any) {\n        updateStore(feature);\n        clearSuggestionsContainer();\n    }\n\n    function clearSuggestionsContainer() {\n        suggestionsElement.innerHTML = '';\n    }\n\n    function clearAll() {\n        suggestions = undefined;\n        handleFitBounds();\n        clearSuggestionsContainer();\n        clearSearchResult();\n        inputElement?.blur();\n    }\n\n    function localGeocoder(query: string) {\n        const createSuggestion = ({ title, bbox, type, id }: MapSearchSuggestion) => {\n            const center = calculateBoundingBoxCenter(bbox);\n\n            return {\n                place_name: title,\n                bbox,\n                center,\n                type,\n                id,\n            };\n        };\n\n        const customSuggestions = onSearchSuggestion\n            ? onSearchSuggestion(query.toLowerCase()).map(createSuggestion)\n            : [];\n        const cityAlternatives = getCityAlternativeSuggestions(query.toLowerCase()).map(\n            createSuggestion,\n        );\n\n        return [...customSuggestions, ...cityAlternatives].slice(0, 4);\n    }\n\n    function updateStore(result: any) {\n        if (!result) {\n            updateSearchResult({\n                items: [],\n                result: false,\n            });\n\n            handleFitBounds();\n\n            return;\n        }\n\n        /*\n            There might not be a bounding box returned.\n            If so, generate one based on the center.\n        */\n        const originalBoundingBox: BoundingBox = result.bbox\n            ? result.bbox\n            : [result.center[0], result.center[1], result.center[0], result.center[1]];\n        const expandedBoundingBox = expandBoundingBox(originalBoundingBox, kmPadding);\n\n        const mapData = getMapboxData();\n        const filteredData = mapData.filter((item) =>\n            withinBoundingBox(item.coordinates, expandedBoundingBox),\n        );\n\n        if (!noZoomAfterSearch) {\n            map.fitBounds(expandedBoundingBox);\n\n            // Update searchIsMoving boolean in store. Is used to block other focus interactions when searched.\n            updateSearchIsMoving(true);\n\n            map.once('moveend', () => {\n                updateSearchIsMoving(false);\n            });\n        }\n\n        updateSearchResult({\n            items: filteredData,\n            result,\n            originalBoundingBox,\n            expandedBoundingBox,\n        });\n    }\n\n    function handleSuggestionClick(feature: any) {\n        inputElement.value = feature.place_name;\n\n        clearSuggestionsContainer();\n        updateStore(feature);\n    }\n\n    function renderSuggestions(suggestions: any) {\n        clearSuggestionsContainer();\n\n        suggestionsElement.append(\n            <ul class=\"map-search__suggestions\">\n                {suggestions.features.map((feature: any) => (\n                    <li class=\"map-search__suggestion\">\n                        <button onClick={() => handleSuggestionClick(feature)}>\n                            {feature.place_name}\n                        </button>\n                    </li>\n                ))}\n            </ul>,\n        );\n    }\n};\n\nexport default search;\n"]}

package/dist/types/atoms/button/button.d.ts

@@ -0,0 +1,17 @@
+interface ButtonInterface {
+    label: string | Text;
+    variant?: string;
+    icon?: string;
+    size?: string;
+    classes?: string;
+    type?: string;
+    url?: string;
+    hook?: string;
+    controls?: string;
+    onClick?: Function;
+    target?: string;
+    attr?: {};
+}
+declare const Button: (data: ButtonInterface) => any;
+declare const ButtonA: (data: ButtonInterface) => any;
+export { Button, ButtonA };

package/dist/types/atoms/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/types/atoms/col/col.d.ts

@@ -0,0 +1,11 @@
+interface ColInterface {
+    extraClass?: string;
+    children?: NodeList;
+    cols?: (number | undefined)[];
+    push?: (number | undefined)[];
+    pull?: (number | undefined)[];
+    pre?: (number | undefined)[];
+    post?: (number | undefined)[];
+}
+export declare const Col: ({ extraClass, children, cols, push, pull, pre, post, }: ColInterface) => any;
+export {};

package/dist/types/atoms/container/container.d.ts

@@ -0,0 +1,6 @@
+interface ContainerInterface {
+    extraClass?: string;
+    children?: NodeList;
+}
+export declare const Container: ({ extraClass, children }: ContainerInterface) => any;
+export {};

package/dist/types/atoms/form-elements/range-slider/range-slider.d.ts

@@ -0,0 +1,11 @@
+export interface RangeSliderProps {
+    min: number;
+    max: number;
+    increment: number;
+    start: number[];
+    onChange: (e: CustomEvent) => void;
+    name: string;
+    classes?: string;
+    disabled?: boolean;
+}
+export declare const RangeSliderElement: ({ classes, disabled, min, max, increment, start, name, onChange, }: RangeSliderProps) => any;

package/dist/types/atoms/form-elements/utilities/range-slider.d.ts

@@ -0,0 +1,7 @@
+import { Component, FC } from '@atomify/hooks';
+export interface BPDRange extends Component {
+    bindValue: number[];
+    start: number[];
+    resetState: () => void;
+}
+export declare const RangeSlider: FC<BPDRange>;

package/dist/types/atoms/image/image.d.ts

@@ -0,0 +1,14 @@
+import { Setting, Settings } from './utilities/image';
+export interface ImageInterface {
+    image: string;
+    alt: string;
+    settings?: Settings;
+    preload?: Setting;
+    srcset?: string;
+    classes?: string;
+    caption?: string;
+    hidden?: boolean;
+    objectFit?: boolean | 'contain';
+    disableCrossFade?: boolean;
+}
+export declare const Image: (data: ImageInterface) => any;

package/dist/types/atoms/image/index.d.ts

@@ -0,0 +1 @@
+export * from './image';

package/dist/types/atoms/image/utilities/create-image-url.d.ts

@@ -0,0 +1,6 @@
+interface Setting {
+    width?: number;
+    height?: number;
+}
+declare const createImageUrl: (image: string, { width, height }: Setting) => string;
+export default createImageUrl;

package/dist/types/atoms/image/utilities/detect-responsive-images.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    srcset: boolean;
+    currentSrc: boolean;
+    sizes: boolean;
+    picture: boolean;
+};
+export default _default;

package/dist/types/atoms/image/utilities/image.d.ts

@@ -0,0 +1,18 @@
+export interface Setting {
+    width?: number;
+    height?: number;
+    src?: boolean | undefined;
+}
+export interface Settings {
+    [key: string]: Setting;
+}
+export declare class BPDImage extends HTMLElement {
+    img: HTMLImageElement;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private parseSettings;
+    private generateSrc;
+    private generateSrcset;
+    private loadImage;
+    private renderImage;
+}

package/dist/types/atoms/image/utilities/object-fit.d.ts

@@ -0,0 +1,7 @@
+declare type ImageElement = HTMLImageElement | HTMLImageElement[];
+export default class ObjectFit {
+    static polyfillObjectFit(element: ImageElement): void;
+    static getObjectfitImages(element: ImageElement): HTMLImageElement[];
+    private static polyfillImage;
+}
+export {};

package/dist/types/atoms/row/row.d.ts

@@ -0,0 +1,6 @@
+interface RowInterface {
+    extraClass?: string;
+    children?: NodeList;
+}
+export declare const Row: ({ extraClass, children }: RowInterface) => any;
+export {};

package/dist/types/atoms/svg/svg.d.ts

@@ -0,0 +1,4 @@
+export declare class BPDSvg extends HTMLElement {
+    name: string;
+    render(): any;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,11 @@
+export * from './atoms/button';
+export * from './atoms/col/col';
+export * from './atoms/container/container';
+export * from './atoms/form-elements/range-slider/range-slider';
+export * from './atoms/form-elements/utilities/range-slider';
+export * from './atoms/image';
+export * from './atoms/row/row';
+export * from './atoms/svg/svg';
+export * from './molecules/infobox';
+export * from './molecules/map';
+export * from './molecules/tooltip';

package/dist/types/molecules/infobox/index.d.ts

@@ -0,0 +1 @@
+export * from './infobox';

package/dist/types/molecules/infobox/infobox.d.ts

@@ -0,0 +1,7 @@
+import { MapInfobox } from '@bpd-library/types';
+interface InfoboxInterface extends MapInfobox {
+    onClose: () => void;
+    openInTab?: boolean;
+}
+export declare const Infobox: ({ title, image, tags, description, link, onClose, openInTab, }: InfoboxInterface) => any;
+export {};

package/dist/types/molecules/map/hooks/use-style-loaded.d.ts

@@ -0,0 +1,2 @@
+declare const useStyleLoaded: (map: mapboxgl.Map, cb: Function) => void;
+export default useStyleLoaded;

package/dist/types/molecules/map/index.d.ts

@@ -0,0 +1,3 @@
+export * from './utilities/fit-bounds';
+export * from './store/map';
+export * from './map';

package/dist/types/molecules/map/map.d.ts

@@ -0,0 +1,2 @@
+import { FC } from '@atomify/hooks';
+export declare const Map: FC;

package/dist/{molecules/map/store → types/molecules/map/store/map}/store.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="mapbox-gl" />
-import { BoundingBox, MapDataItem, MapDirectionsSetting, MapIsochroneSetting } from '@bpd-library/types';
+import { BoundingBox, MapDataItem } from '@bpd-library/types';
 export declare type SearchResult = {
     items: MapDataItem[];
     result: any;
@@ -8,6 +8,7 @@ export declare type SearchResult = {
 };
 interface MapFocusOptions {
     zoom?: boolean;
+    toggleTooltip?: boolean;
     static?: boolean;
 }
 export interface MapLayerRasterSettings {
@@ -33,8 +34,6 @@ export interface MapState {
     searchIsMoving: boolean;
     manualSearch?: string;
     layerRasterSettings?: MapLayerRasterSettings;
-    isochroneSetting?: MapIsochroneSetting;
-    directionsSetting?: MapDirectionsSetting;
 }
 export declare const mapStore: import("@atomify/kit/dist/utilities/store/store.types").Store<MapState>;
 export declare const updateMapData: (data: MapDataItem[]) => void;
@@ -51,10 +50,6 @@ export declare const setMapInstance: (mapInstance: mapboxgl.Map) => void;
 export declare const manualSearch: (query: string) => void;
 export declare const updateSearchIsMoving: (isMoving: boolean) => void;
 export declare const setLayerRaster: (layerRasterSettings: MapLayerRasterSettings) => void;
-export declare const setIsochrone: (isochroneSetting: MapIsochroneSetting) => void;
-export declare const clearIsochrone: () => void;
-export declare const setDirections: (directionsSetting: MapDirectionsSetting) => void;
-export declare const clearDirections: () => void;
 export declare const getMapboxData: () => MapDataItem[];
 export declare const getHover: () => {
     current?: MapDataItem | undefined;

package/dist/types/molecules/map/storybook/themes.d.ts

@@ -0,0 +1,3 @@
+import { MapTheme } from '@bpd-library/types';
+declare const THEME: MapTheme;
+export default THEME;

package/dist/types/molecules/map/utilities/fit-bounds.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="mapbox-gl" />
+import { BoundingBox } from '@bpd-library/types';
+export declare const fitBounds: (map: mapboxgl.Map, boundingBox: BoundingBox) => import("mapbox-gl").Map;

package/dist/types/molecules/map/utilities/mapbox/add-data.d.ts

@@ -0,0 +1,3 @@
+import { MapData, MapTheme } from '@bpd-library/types';
+declare const addData: (map: mapboxgl.Map, data: MapData, theme: MapTheme) => Promise<void>;
+export default addData;

package/dist/types/molecules/map/utilities/mapbox/center.d.ts

@@ -0,0 +1,3 @@
+import { Coordinates } from '@bpd-library/types';
+declare const center: (map: mapboxgl.Map, coordinates: Coordinates) => void;
+export default center;

package/dist/types/molecules/map/utilities/mapbox/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MAP_FLY_DURATION = 1000;
+export declare const MAP_FLY_EASING_FUNCTION: (t: number) => number;

package/dist/types/molecules/map/utilities/mapbox/index.d.ts

@@ -0,0 +1,2 @@
+import mapbox from './mapbox';
+export default mapbox;

package/dist/types/molecules/map/utilities/mapbox/mapbox.d.ts

@@ -0,0 +1,16 @@
+import { Coordinates, MapData, MapDataItem, MapOptions, MapSearchOptions, MapTheme, PolygonThemeSetting } from '@bpd-library/types';
+import { MapLayerRasterSettings } from '../../store/map';
+declare const mapbox: (map: mapboxgl.Map, options: MapOptions, theme: MapTheme) => {
+    raster: (settings: MapLayerRasterSettings) => void;
+    geojson: (setting: PolygonThemeSetting) => void;
+    layer: (setting: PolygonThemeSetting) => void;
+    interaction: (setting: PolygonThemeSetting) => void;
+    center: (coordinates: Coordinates) => void;
+    setupPointers: (element: HTMLElement) => void;
+    addData: (data: MapData) => Promise<void>;
+    addTooltip: (coordinates: Coordinates, mapDataItem: MapDataItem) => void;
+    removeTooltip: () => void;
+    setFeatureState: (variant: string, id: string, type: 'hover' | 'focus', hover: boolean) => void;
+    search: (searchOptions: MapSearchOptions) => Promise<void>;
+};
+export default mapbox;

package/dist/types/molecules/map/utilities/mapbox/parse-feature-properties.d.ts

@@ -0,0 +1,6 @@
+export declare type FeatureProperties = {
+    [key: string]: string;
+};
+export declare const parseFeatureProperties: (obj: FeatureProperties) => {
+    [key: string]: any;
+};

package/dist/types/molecules/map/utilities/mapbox/pointers/setup-pointers.d.ts

@@ -0,0 +1,3 @@
+import { MapTheme } from '@bpd-library/types';
+declare const setupPointers: (map: mapboxgl.Map, theme: MapTheme, element: HTMLElement) => void;
+export default setupPointers;

package/dist/types/molecules/map/utilities/mapbox/polygons/feature-state.d.ts

@@ -0,0 +1,2 @@
+declare const setFeatureState: (map: mapboxgl.Map, variant: string, id: string, type: 'hover' | 'focus', value: boolean) => void;
+export default setFeatureState;

package/dist/types/molecules/map/utilities/mapbox/polygons/geojson.d.ts

@@ -0,0 +1,3 @@
+import { PolygonThemeSetting } from '@bpd-library/types';
+declare const geojson: (map: mapboxgl.Map, setting: PolygonThemeSetting) => void;
+export default geojson;

package/dist/types/molecules/map/utilities/mapbox/polygons/interaction.d.ts

@@ -0,0 +1,3 @@
+import { PolygonThemeSetting } from '@bpd-library/types';
+declare const interaction: (map: mapboxgl.Map, setting: PolygonThemeSetting) => void;
+export default interaction;

package/dist/types/molecules/map/utilities/mapbox/polygons/layer.d.ts

@@ -0,0 +1,3 @@
+import { PolygonThemeSetting } from '@bpd-library/types';
+declare const layer: (map: mapboxgl.Map, { variant, normal, hover, minzoom, maxzoom }: PolygonThemeSetting) => void;
+export default layer;