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

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

@@ -1,32 +0,0 @@
-import { clearHover, getHover, updateClick, updateHover } from '../../../store/map';
-import { parseFeatureProperties } from '../parse-feature-properties';
-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 default interaction;
-//# sourceMappingURL=interaction.js.map

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

@@ -1 +0,0 @@
-{"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/lib/molecules/map/utilities/mapbox/polygons/layer.js

@@ -1,109 +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 default layer;
-//# sourceMappingURL=layer.js.map

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

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

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

@@ -1,42 +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 default raster;
-//# sourceMappingURL=raster.js.map

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

@@ -1 +0,0 @@
-{"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/lib/molecules/map/utilities/mapbox/search/alternative-city-suggestions.js

@@ -1,26 +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 default getCityAlternativeSuggestions;
-//# sourceMappingURL=alternative-city-suggestions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alternative-city-suggestions.js","sourceRoot":"","sources":["../../../../../../../src/molecules/map/utilities/mapbox/search/alternative-city-suggestions.ts"],"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,EAAE,EAAE;QAC5C,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;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACvB,CAAC;AAED,eAAe,6BAA6B,CAAC","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"]}

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

@@ -1,172 +0,0 @@
-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/map';
-import { fitBounds } from '../../fit-bounds';
-import getCityAlternativeSuggestions from './alternative-city-suggestions';
-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 default search;
-//# sourceMappingURL=search.js.map

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

@@ -1 +0,0 @@
-{"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;\n\nconst search = async (\n    map: mapboxgl.Map,\n    { hook, kmPadding = MIN_KM_PADDING, onSearchSuggestion }: 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: 'region,district,place,neighborhood',\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                submitFirstSuggestion();\n\n                geocoder.off('results', handleResults);\n            });\n        }\n    }\n\n    function handleClickOutside() {\n        clearSuggestionsContainer();\n    }\n\n    function handleFitBounds() {\n        return 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        updateStore(firstSuggestion);\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        const expandedBoundingBox = expandBoundingBox(result.bbox as BoundingBox, kmPadding);\n        const originalBoundingBox = result.bbox as BoundingBox;\n\n        const mapData = getMapboxData();\n        const filteredData = mapData.filter((item) =>\n            withinBoundingBox(item.coordinates, expandedBoundingBox),\n        );\n\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        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/lib/molecules/map/utilities/mapbox/tooltip.js

@@ -1,24 +0,0 @@
-import { h } from '@atomify/jsx';
-import { calculateCenter } from '@bpd-library/utilities';
-import { Popup } from 'mapbox-gl';
-import { Tooltip } from '../../../tooltip';
-let currentTooltip;
-const addTooltip = (map, coordinates, mapDataItem, openInTab) => {
-    removeTooltip();
-    const { tooltip, url } = mapDataItem;
-    if (!tooltip)
-        return;
-    const center = calculateCenter(coordinates);
-    currentTooltip = new Popup({
-        closeButton: false,
-        offset: 20,
-    })
-        .setLngLat(center)
-        .setDOMContent(h(Tooltip, Object.assign({}, tooltip, { url: url, openInTab: openInTab })))
-        .addTo(map);
-};
-const removeTooltip = () => {
-    currentTooltip === null || currentTooltip === void 0 ? void 0 : currentTooltip.remove();
-};
-export { addTooltip, removeTooltip };
-//# sourceMappingURL=tooltip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../../src/molecules/map/utilities/mapbox/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,IAAI,cAA0C,CAAC;AAE/C,MAAM,UAAU,GAAG,CACf,GAAiB,EACjB,WAAwB,EACxB,WAAwB,EACxB,SAAmB,EACrB,EAAE;IACA,aAAa,EAAE,CAAC;IAEhB,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC;IAErC,IAAI,CAAC,OAAO;QAAE,OAAO;IAErB,MAAM,MAAM,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAE5C,cAAc,GAAG,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,EAAE;KACb,CAAC;SACG,SAAS,CAAC,MAAM,CAAC;SACjB,aAAa,CAAC,EAAC,OAAO,oBAAK,OAAO,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAAI,CAAC;SACvE,KAAK,CAAC,GAAG,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,EAAE;IACvB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,GAAG;AAC7B,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { h } from '@atomify/jsx';\nimport { Coordinates, MapDataItem } from '@bpd-library/types';\nimport { calculateCenter } from '@bpd-library/utilities';\nimport { Popup } from 'mapbox-gl';\n\nimport { Tooltip } from '../../../tooltip';\n\nlet currentTooltip: mapboxgl.Popup | undefined;\n\nconst addTooltip = (\n    map: mapboxgl.Map,\n    coordinates: Coordinates,\n    mapDataItem: MapDataItem,\n    openInTab?: boolean,\n) => {\n    removeTooltip();\n\n    const { tooltip, url } = mapDataItem;\n\n    if (!tooltip) return;\n\n    const center = calculateCenter(coordinates);\n\n    currentTooltip = new Popup({\n        closeButton: false,\n        offset: 20,\n    })\n        .setLngLat(center)\n        .setDOMContent(<Tooltip {...tooltip} url={url} openInTab={openInTab} />)\n        .addTo(map);\n};\n\nconst removeTooltip = () => {\n    currentTooltip?.remove();\n};\n\nexport { addTooltip, removeTooltip };\n"]}

package/dist/lib/molecules/tooltip/index.js

@@ -1,2 +0,0 @@
-export * from './tooltip';
-//# sourceMappingURL=index.js.map

package/dist/lib/molecules/tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './tooltip';\n"]}

package/dist/lib/molecules/tooltip/tooltip.js

@@ -1,11 +0,0 @@
-import { h } from '@atomify/jsx';
-import { ButtonA } from '../../atoms/button';
-import { Image } from '../../atoms/image';
-export const Tooltip = ({ title, image, tags, buttonLabel, url, openInTab }) => (h("div", { class: "c-tooltip" },
-    image && (h("div", { class: "tooltip__image" },
-        h(Image, { image: image, preload: { width: 180, height: 100 }, alt: title }))),
-    h("div", { class: "tooltip__wrapper" },
-        h("h3", { class: "tooltip__title" }, title), tags === null || tags === void 0 ? void 0 :
-        tags.map((tag) => (h("span", { class: "tooltip__meta" }, tag))),
-        url && buttonLabel && (h(ButtonA, { classes: "tooltip__button", url: url, target: openInTab ? '_blank' : '_self', label: buttonLabel, size: "small" })))));
-//# sourceMappingURL=tooltip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/molecules/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAW,EAAE,EAAE,CAAC,CACrF,WAAK,KAAK,EAAC,WAAW;IACjB,KAAK,IAAI,CACN,WAAK,KAAK,EAAC,gBAAgB;QACvB,EAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,KAAK,GAAI,CACvE,CACT;IACD,WAAK,KAAK,EAAC,kBAAkB;QACzB,UAAI,KAAK,EAAC,gBAAgB,IAAE,KAAK,CAAM,EACtC,IAAI,aAAJ,IAAI;QAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChB,YAAM,KAAK,EAAC,eAAe,IAAE,GAAG,CAAQ,CAC3C;QAEA,GAAG,IAAI,WAAW,IAAI,CACnB,EAAC,OAAO,IACJ,OAAO,EAAC,iBAAiB,EACzB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EACtC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAC,OAAO,GACd,CACL,CACC,CACJ,CACT,CAAC","sourcesContent":["import { h } from '@atomify/jsx';\nimport { MapTooltip } from '@bpd-library/types';\n\nimport { ButtonA } from '../../atoms/button';\nimport { Image } from '../../atoms/image';\n\ninterface Tooltip extends MapTooltip {\n    url?: string | null;\n    openInTab?: boolean;\n}\n\nexport const Tooltip = ({ title, image, tags, buttonLabel, url, openInTab }: Tooltip) => (\n    <div class=\"c-tooltip\">\n        {image && (\n            <div class=\"tooltip__image\">\n                <Image image={image} preload={{ width: 180, height: 100 }} alt={title} />\n            </div>\n        )}\n        <div class=\"tooltip__wrapper\">\n            <h3 class=\"tooltip__title\">{title}</h3>\n            {tags?.map((tag) => (\n                <span class=\"tooltip__meta\">{tag}</span>\n            ))}\n\n            {url && buttonLabel && (\n                <ButtonA\n                    classes=\"tooltip__button\"\n                    url={url}\n                    target={openInTab ? '_blank' : '_self'}\n                    label={buttonLabel}\n                    size=\"small\"\n                />\n            )}\n        </div>\n    </div>\n);\n"]}

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

@@ -1,17 +0,0 @@
-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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

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

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

@@ -1,6 +0,0 @@
-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

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

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

@@ -1,18 +0,0 @@
-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

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