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

package/dist/lib/atoms/form-elements/range-slider/range-slider.js

@@ -1,18 +0,0 @@
-import { h } from '@atomify/jsx';
-export const RangeSliderElement = ({ classes, disabled, min, max, increment, start, name, onChange, }) => {
-    const inputClasses = {
-        ['c-range-slider']: true,
-        ['form__item']: true,
-        ['form__item--disabled']: disabled,
-    };
-    return (h("div", { class: inputClasses },
-        h("bpd-range-slider", { min: min, max: max, increment: increment, start: start, onRangeValuesChanged: onChange, class: classes },
-            h("div", { class: "range-slider__container" },
-                h("div", { "js-hook-slider-container": true }),
-                h("div", { class: "range-slider__values" },
-                    h("span", { class: "range-slider__values-item", "js-hook-slider-min": true }),
-                    h("span", { class: "range-slider__values-item", "js-hook-slider-max": true }),
-                    h("input", { type: "number", id: `${name}-0`, name: name, value: start[0], "js-hook-slider-min-value": true }),
-                    h("input", { type: "number", id: `${name}-1`, name: name, value: start[1], "js-hook-slider-max-value": true }))))));
-};
-//# sourceMappingURL=range-slider.js.map

package/dist/lib/atoms/form-elements/range-slider/range-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-slider.js","sourceRoot":"","sources":["../../../../../src/atoms/form-elements/range-slider/range-slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAajC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,GAAG,EACH,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG;QACjB,CAAC,gBAAgB,CAAC,EAAE,IAAI;QACxB,CAAC,YAAY,CAAC,EAAE,IAAI;QACpB,CAAC,sBAAsB,CAAC,EAAE,QAAQ;KACrC,CAAC;IAEF,OAAO,CACH,WAAK,KAAK,EAAE,YAAY;QACpB,wBACI,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,QAAQ,EAC9B,KAAK,EAAE,OAAO;YACd,WAAK,KAAK,EAAC,yBAAyB;gBAChC,8CAAoC;gBACpC,WAAK,KAAK,EAAC,sBAAsB;oBAC7B,YAAM,KAAK,EAAC,2BAA2B,+BAA2B;oBAClE,YAAM,KAAK,EAAC,2BAA2B,+BAA2B;oBAClE,aACI,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,GAAG,IAAI,IAAI,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,qCAEjB;oBACF,aACI,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,GAAG,IAAI,IAAI,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,qCAEjB,CACA,CACJ,CACS,CACjB,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { h } from '@atomify/jsx';\n\nexport interface RangeSliderProps {\n    min: number;\n    max: number;\n    increment: number;\n    start: number[];\n    onChange: (e: CustomEvent) => void;\n    name: string;\n    classes?: string;\n    disabled?: boolean;\n}\n\nexport const RangeSliderElement = ({\n    classes,\n    disabled,\n    min,\n    max,\n    increment,\n    start,\n    name,\n    onChange,\n}: RangeSliderProps) => {\n    const inputClasses = {\n        ['c-range-slider']: true,\n        ['form__item']: true,\n        ['form__item--disabled']: disabled,\n    };\n\n    return (\n        <div class={inputClasses}>\n            <bpd-range-slider\n                min={min}\n                max={max}\n                increment={increment}\n                start={start}\n                onRangeValuesChanged={onChange}\n                class={classes}>\n                <div class=\"range-slider__container\">\n                    <div js-hook-slider-container></div>\n                    <div class=\"range-slider__values\">\n                        <span class=\"range-slider__values-item\" js-hook-slider-min></span>\n                        <span class=\"range-slider__values-item\" js-hook-slider-max></span>\n                        <input\n                            type=\"number\"\n                            id={`${name}-0`}\n                            name={name}\n                            value={start[0]}\n                            js-hook-slider-min-value\n                        />\n                        <input\n                            type=\"number\"\n                            id={`${name}-1`}\n                            name={name}\n                            value={start[1]}\n                            js-hook-slider-max-value\n                        />\n                    </div>\n                </div>\n            </bpd-range-slider>\n        </div>\n    );\n};\n"]}

package/dist/lib/atoms/form-elements/utilities/range-slider.js

@@ -1,97 +0,0 @@
-import { defineElement, onDidLoad, useBindMethod, useElement, useEvent, useProp, } from '@atomify/hooks';
-import { toCurrency } from '@bpd-library/utilities';
-import noUiSlider from 'nouislider';
-export const RangeSlider = ({ element }) => {
-    const [min] = useProp('min', 0);
-    const [max] = useProp('max', 0);
-    const [increment] = useProp('increment', 0);
-    const [hasChanged, setHasChanged] = useProp('hasChanged', false);
-    const [, setStart, watchStart] = useProp('start', [0, 0]);
-    const [, setBindValue] = useProp('bindValue', [0, 0]);
-    const sliderContainer = useElement('[js-hook-slider-container]');
-    const sliderMin = useElement('[js-hook-slider-min]');
-    const sliderMax = useElement('[js-hook-slider-max]');
-    const sliderMinValue = useElement('[js-hook-slider-min-value]');
-    const sliderMaxValue = useElement('[js-hook-slider-max-value]');
-    const rangeValuesChanged = useEvent({ eventName: 'rangevalueschanged' });
-    useBindMethod('resetState', resetState);
-    onDidLoad(() => {
-        const hasZeroValues = element.start.every((item) => item === 0);
-        const settings = {
-            start: hasZeroValues ? [min, max] : element.start,
-            step: increment,
-            connect: true,
-            documentElement: sliderContainer.current,
-            range: {
-                min,
-                max,
-            },
-        };
-        noUiSlider.create(sliderContainer.current, settings);
-        sliderContainer.current.noUiSlider.on('update', (values) => {
-            const generatedValues = values.map((value) => parseInt(value));
-            setStart([...generatedValues]);
-        });
-        sliderContainer.current.noUiSlider.on('change', onChangeHandler);
-        setMinMaxValues();
-    });
-    watchStart(setMinMaxValues);
-    function setMinMaxValues() {
-        const { minValue, maxValue } = getValues();
-        sliderMin.current.innerHTML = `${toCurrency(minValue)}`.replace(',', '.');
-        sliderMax.current.innerHTML = `${toCurrency(maxValue)}`.replace(',', '.');
-    }
-    function onChangeHandler() {
-        const { minValue, maxValue } = getValues();
-        sliderMinValue.current.value = `${minValue}`;
-        sliderMaxValue.current.value = `${maxValue}`;
-        sliderMinValue.current.checked = true;
-        sliderMaxValue.current.checked = true;
-        sliderMinValue.current.dispatchEvent(new Event('change'));
-        sliderMaxValue.current.dispatchEvent(new Event('change'));
-        rangeValuesChanged.emit({ minValue, maxValue, hasChanged });
-    }
-    function getValues() {
-        const hasZeroValues = element.start.every((item) => item === 0);
-        const minValue = hasZeroValues ? min : element.start[0];
-        const maxValue = hasZeroValues ? max : element.start[1];
-        setBindValue(element.start);
-        setHasChanged(JSON.stringify(element.start) !== JSON.stringify([min, max]));
-        return {
-            minValue,
-            maxValue,
-        };
-    }
-    function resetState() {
-        sliderContainer.current.noUiSlider.set([min, max]);
-        setStart([0, 0]);
-        setHasChanged(false);
-    }
-};
-RangeSlider.props = {
-    min: {
-        type: Number,
-        reflectToAttr: true,
-    },
-    max: {
-        type: Number,
-        reflectToAttr: true,
-    },
-    increment: {
-        type: Number,
-        reflectToAttr: true,
-    },
-    hasChanged: {
-        type: Boolean,
-        reflectToAttr: true,
-    },
-    start: {
-        type: Array,
-        reflectToAttr: true,
-    },
-    bindValue: {
-        type: Array,
-    },
-};
-defineElement('bpd-range-slider', RangeSlider);
-//# sourceMappingURL=range-slider.js.map

package/dist/lib/atoms/form-elements/utilities/range-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-slider.js","sourceRoot":"","sources":["../../../../../src/atoms/form-elements/utilities/range-slider.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    defineElement,\n    FC,\n    onDidLoad,\n    useBindMethod,\n    useElement,\n    useEvent,\n    useProp,\n} from '@atomify/hooks';\nimport { toCurrency } from '@bpd-library/utilities';\nimport noUiSlider from 'nouislider';\n\nexport interface BPDRange extends Component {\n    bindValue: number[];\n    start: number[];\n    resetState: () => void;\n}\n\nexport const RangeSlider: FC<BPDRange> = ({ element }) => {\n    const [min] = useProp<number>('min', 0);\n    const [max] = useProp<number>('max', 0);\n    const [increment] = useProp<number>('increment', 0);\n    const [hasChanged, setHasChanged] = useProp<boolean>('hasChanged', false);\n    const [, setStart, watchStart] = useProp<number[]>('start', [0, 0]);\n    const [, setBindValue] = useProp<number[]>('bindValue', [0, 0]);\n\n    const sliderContainer = useElement<HTMLDivElement>('[js-hook-slider-container]');\n    const sliderMin = useElement<HTMLDivElement>('[js-hook-slider-min]');\n    const sliderMax = useElement<HTMLDivElement>('[js-hook-slider-max]');\n    const sliderMinValue = useElement<HTMLInputElement>('[js-hook-slider-min-value]');\n    const sliderMaxValue = useElement<HTMLInputElement>('[js-hook-slider-max-value]');\n\n    const rangeValuesChanged = useEvent({ eventName: 'rangevalueschanged' });\n\n    useBindMethod('resetState', resetState);\n\n    onDidLoad(() => {\n        const hasZeroValues = element.start.every((item) => item === 0);\n\n        const settings = {\n            start: hasZeroValues ? [min, max] : element.start,\n            step: increment,\n            connect: true,\n            documentElement: sliderContainer.current,\n            range: {\n                min,\n                max,\n            },\n        };\n\n        noUiSlider.create(sliderContainer.current!, settings);\n\n        (sliderContainer.current as any).noUiSlider.on('update', (values: string[]) => {\n            const generatedValues = values.map((value) => parseInt(value));\n            setStart([...generatedValues]);\n        });\n\n        (sliderContainer.current as any).noUiSlider.on('change', onChangeHandler);\n\n        setMinMaxValues();\n    });\n\n    watchStart(setMinMaxValues);\n\n    function setMinMaxValues() {\n        const { minValue, maxValue } = getValues();\n\n        sliderMin.current!.innerHTML = `${toCurrency(minValue)}`.replace(',', '.');\n        sliderMax.current!.innerHTML = `${toCurrency(maxValue)}`.replace(',', '.');\n    }\n\n    function onChangeHandler() {\n        const { minValue, maxValue } = getValues();\n\n        sliderMinValue.current!.value = `${minValue}`;\n        sliderMaxValue.current!.value = `${maxValue}`;\n\n        sliderMinValue.current!.checked = true;\n        sliderMaxValue.current!.checked = true;\n\n        sliderMinValue.current!.dispatchEvent(new Event('change'));\n        sliderMaxValue.current!.dispatchEvent(new Event('change'));\n\n        rangeValuesChanged.emit({ minValue, maxValue, hasChanged });\n    }\n\n    function getValues() {\n        const hasZeroValues = element.start.every((item) => item === 0);\n        const minValue = hasZeroValues ? min : element.start[0];\n        const maxValue = hasZeroValues ? max : element.start[1];\n\n        setBindValue(element.start);\n        setHasChanged(JSON.stringify(element.start) !== JSON.stringify([min, max]));\n\n        return {\n            minValue,\n            maxValue,\n        };\n    }\n\n    function resetState() {\n        (sliderContainer.current as any).noUiSlider.set([min, max]);\n        setStart([0, 0]);\n        setHasChanged(false);\n    }\n};\n\nRangeSlider.props = {\n    min: {\n        type: Number,\n        reflectToAttr: true,\n    },\n    max: {\n        type: Number,\n        reflectToAttr: true,\n    },\n    increment: {\n        type: Number,\n        reflectToAttr: true,\n    },\n    hasChanged: {\n        type: Boolean,\n        reflectToAttr: true,\n    },\n    start: {\n        type: Array,\n        reflectToAttr: true,\n    },\n    bindValue: {\n        type: Array,\n    },\n};\n\ndefineElement('bpd-range-slider', RangeSlider);\n"]}

package/dist/lib/atoms/image/image.js

@@ -1,15 +0,0 @@
-import { h } from '@atomify/jsx';
-import createImageUrl from './utilities/create-image-url';
-export const Image = (data) => {
-    const preload = data.preload ? createImageUrl(data.image, data.preload) : false;
-    return (h("bpd-image", { class: `c-image ${data.classes ? data.classes : ''}` },
-        h("figure", Object.assign({}, { 'js-hook-objectfit-container': data.objectFit }),
-            h("img", Object.assign({ class: `${data.disableCrossFade ? '' : ' image__default'}`, "data-image": data.image, alt: data.alt }, {
-                src: preload ? preload : false,
-                'data-settings': JSON.stringify(data.settings),
-                'js-hook-objectfit-img': data.objectFit,
-                hidden: data.hidden,
-            }))),
-        data.caption && h("figcaption", { class: "image__caption" }, data.caption)));
-};
-//# sourceMappingURL=image.js.map

package/dist/lib/atoms/image/image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/atoms/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAqB1D,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAoB,EAAE,EAAE;IAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEhF,OAAO,CACH,iBAAW,KAAK,EAAE,WAAW,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QAC3D,8BAAY,EAAE,6BAA6B,EAAE,IAAI,CAAC,SAAS,EAAE;YACzD,yBACI,KAAK,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,gBAC9C,IAAI,CAAC,KAAK,EACtB,GAAG,EAAE,IAAI,CAAC,GAAG,IACT;gBACA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;gBAC9B,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC9C,uBAAuB,EAAE,IAAI,CAAC,SAAS;gBACvC,MAAM,EAAE,IAAI,CAAC,MAAM;aACtB,EACH,CACG;QAER,IAAI,CAAC,OAAO,IAAI,kBAAY,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAc,CACvE,CACf,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { h } from '@atomify/jsx';\n\nimport createImageUrl from './utilities/create-image-url';\nimport { Setting, Settings } from './utilities/image';\n\nexport interface ImageInterface {\n    image: string;\n    alt: string;\n\n    settings?: Settings;\n    preload?: Setting;\n\n    // Remove after settings is implemented\n    srcset?: string;\n\n    classes?: string;\n    caption?: string;\n\n    hidden?: boolean;\n    objectFit?: boolean | 'contain';\n    disableCrossFade?: boolean;\n}\n\nexport const Image = (data: ImageInterface) => {\n    const preload = data.preload ? createImageUrl(data.image, data.preload) : false;\n\n    return (\n        <bpd-image class={`c-image ${data.classes ? data.classes : ''}`}>\n            <figure {...{ 'js-hook-objectfit-container': data.objectFit }}>\n                <img\n                    class={`${data.disableCrossFade ? '' : ' image__default'}`}\n                    data-image={data.image}\n                    alt={data.alt}\n                    {...{\n                        src: preload ? preload : false,\n                        'data-settings': JSON.stringify(data.settings),\n                        'js-hook-objectfit-img': data.objectFit,\n                        hidden: data.hidden,\n                    }}\n                />\n            </figure>\n\n            {data.caption && <figcaption class=\"image__caption\">{data.caption}</figcaption>}\n        </bpd-image>\n    );\n};\n"]}

package/dist/lib/atoms/image/index.js

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

package/dist/lib/atoms/image/index.js.map

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

package/dist/lib/atoms/image/utilities/create-image-url.js

@@ -1,14 +0,0 @@
-const addUrlParameter = (url, key, value) => {
-    const separator = url.indexOf('?') > -1 ? '&' : '?';
-    return `${url}${separator}${key}=${value}`;
-};
-const createImageUrl = (image, { width, height }) => {
-    let url = addUrlParameter(image, 'mode', 'crop');
-    if (width)
-        url = addUrlParameter(url, 'width', width);
-    if (height)
-        url = addUrlParameter(url, 'height', height);
-    return url;
-};
-export default createImageUrl;
-//# sourceMappingURL=create-image-url.js.map

package/dist/lib/atoms/image/utilities/create-image-url.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-image-url.js","sourceRoot":"","sources":["../../../../../src/atoms/image/utilities/create-image-url.ts"],"names":[],"mappings":"AAKA,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,KAAsB,EAAE,EAAE;IACzE,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAEpD,OAAO,GAAG,GAAG,GAAG,SAAS,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAW,EAAE,EAAE;IACjE,IAAI,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEjD,IAAI,KAAK;QAAE,GAAG,GAAG,eAAe,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACtD,IAAI,MAAM;QAAE,GAAG,GAAG,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAEzD,OAAO,GAAG,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["interface Setting {\n    width?: number;\n    height?: number;\n}\n\nconst addUrlParameter = (url: string, key: string, value: string | number) => {\n    const separator = url.indexOf('?') > -1 ? '&' : '?';\n\n    return `${url}${separator}${key}=${value}`;\n};\n\nconst createImageUrl = (image: string, { width, height }: Setting) => {\n    let url = addUrlParameter(image, 'mode', 'crop');\n\n    if (width) url = addUrlParameter(url, 'width', width);\n    if (height) url = addUrlParameter(url, 'height', height);\n\n    return url;\n};\n\nexport default createImageUrl;\n"]}

package/dist/lib/atoms/image/utilities/detect-responsive-images.js

@@ -1,24 +0,0 @@
-const hasResponsiveImages = function () {
-    const supports = {
-        srcset: false,
-        currentSrc: false,
-        sizes: false,
-        picture: false,
-    };
-    const img = new Image();
-    if ('srcset' in img) {
-        supports.srcset = true;
-    }
-    if ('currentSrc' in img) {
-        supports.currentSrc = true;
-    }
-    if ('sizes' in img) {
-        supports.sizes = true;
-    }
-    if ('HTMLPictureElement' in window) {
-        supports.picture = true;
-    }
-    return supports;
-};
-export default hasResponsiveImages();
-//# sourceMappingURL=detect-responsive-images.js.map

package/dist/lib/atoms/image/utilities/detect-responsive-images.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"detect-responsive-images.js","sourceRoot":"","sources":["../../../../../src/atoms/image/utilities/detect-responsive-images.ts"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAG;IACxB,MAAM,QAAQ,GAAG;QACb,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,KAAK;KACjB,CAAC;IAEF,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;IAExB,IAAI,QAAQ,IAAI,GAAG,EAAE;QACjB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;KAC1B;IAED,IAAI,YAAY,IAAI,GAAG,EAAE;QACrB,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC;KAC9B;IAED,IAAI,OAAO,IAAI,GAAG,EAAE;QAChB,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;KACzB;IAED,IAAI,oBAAoB,IAAI,MAAM,EAAE;QAChC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;KAC3B;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,mBAAmB,EAAE,CAAC","sourcesContent":["const hasResponsiveImages = function() {\n    const supports = {\n        srcset: false,\n        currentSrc: false,\n        sizes: false,\n        picture: false,\n    };\n\n    const img = new Image();\n\n    if ('srcset' in img) {\n        supports.srcset = true;\n    }\n\n    if ('currentSrc' in img) {\n        supports.currentSrc = true;\n    }\n\n    if ('sizes' in img) {\n        supports.sizes = true;\n    }\n\n    if ('HTMLPictureElement' in window) {\n        supports.picture = true;\n    }\n\n    return supports;\n};\n\nexport default hasResponsiveImages();\n"]}

package/dist/lib/atoms/image/utilities/image.js

@@ -1,86 +0,0 @@
-import { __decorate } from "tslib";
-import { Component, Query } from '@atomify/core';
-import { inviewObserver } from '@atomify/kit';
-import createImageUrl from './create-image-url';
-import hasResponsiveImages from './detect-responsive-images';
-import ObjectFit from './object-fit';
-const LAZY_IMAGE_ANIMATE_IN_CLASS = 'image--is-loaded';
-const SETTINGS_ATTRIBUTE = 'data-settings';
-const BASE_IMAGE_ATTRIBUTE = 'data-image';
-const SUPPORTS_SRCSET = hasResponsiveImages.srcset || hasResponsiveImages.picture;
-let BPDImage = class BPDImage extends HTMLElement {
-    componentDidLoad() {
-        inviewObserver.observe(this, (inView) => inView && this.loadImage());
-    }
-    disconnectedCallback() {
-        inviewObserver.unobserve(this);
-    }
-    parseSettings(json) {
-        return JSON.parse(json) || {};
-    }
-    generateSrc(baseImage, settings) {
-        const keys = Object.keys(settings);
-        let setting = settings[keys[0]];
-        if (keys.length > 1) {
-            const srcKey = keys.find((key) => !!settings[key].src);
-            setting = srcKey ? settings[srcKey] : {};
-        }
-        const src = createImageUrl(baseImage, setting);
-        return src;
-    }
-    generateSrcset(baseImage, settings) {
-        const keys = Object.keys(settings);
-        const srcset = keys.reduce((srcset, key, index) => {
-            const setting = settings[key];
-            const url = createImageUrl(baseImage, setting);
-            const isLast = index + 1 === keys.length;
-            return `${srcset} ${url} ${key}${isLast ? '' : ','}`;
-        }, '');
-        return srcset;
-    }
-    loadImage() {
-        const image = this.img;
-        if (!image)
-            return;
-        inviewObserver.unobserve(this);
-        const baseImage = image.getAttribute(BASE_IMAGE_ATTRIBUTE);
-        const settingsAttribute = image.getAttribute(SETTINGS_ATTRIBUTE);
-        if (settingsAttribute) {
-            const settings = this.parseSettings(settingsAttribute);
-            const src = this.generateSrc(baseImage, settings);
-            const srcset = this.generateSrcset(baseImage, settings);
-            if (!src) {
-                this.renderImage(this);
-                return;
-            }
-            if (SUPPORTS_SRCSET && srcset) {
-                image.srcset = srcset;
-            }
-            image.src = src;
-            image.onload = () => this.renderImage(this);
-        }
-        else {
-            this.renderImage(this);
-        }
-    }
-    renderImage(element) {
-        const image = this.img;
-        element.classList.add(LAZY_IMAGE_ANIMATE_IN_CLASS);
-        image.removeAttribute(SETTINGS_ATTRIBUTE);
-        image.removeAttribute(BASE_IMAGE_ATTRIBUTE);
-        if (!hasResponsiveImages.currentSrc) {
-            image.currentSrc = `${image.src}`;
-        }
-        ObjectFit.polyfillObjectFit(image);
-    }
-};
-__decorate([
-    Query('img')
-], BPDImage.prototype, "img", void 0);
-BPDImage = __decorate([
-    Component({
-        tag: 'bpd-image',
-    })
-], BPDImage);
-export { BPDImage };
-//# sourceMappingURL=image.js.map

package/dist/lib/atoms/image/utilities/image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../../src/atoms/image/utilities/image.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Query } from '@atomify/core';\nimport { inviewObserver } from '@atomify/kit';\n\nimport createImageUrl from './create-image-url';\nimport hasResponsiveImages from './detect-responsive-images';\nimport ObjectFit from './object-fit';\n\nconst LAZY_IMAGE_ANIMATE_IN_CLASS = 'image--is-loaded';\n\nconst SETTINGS_ATTRIBUTE = 'data-settings';\nconst BASE_IMAGE_ATTRIBUTE = 'data-image';\n\nexport interface Setting {\n    width?: number;\n    height?: number;\n    src?: boolean | undefined;\n}\n\nexport interface Settings {\n    [key: string]: Setting;\n}\n\nconst SUPPORTS_SRCSET = hasResponsiveImages.srcset || hasResponsiveImages.picture;\n\n@Component({\n    tag: 'bpd-image',\n})\nexport class BPDImage extends HTMLElement {\n    @Query('img') img: HTMLImageElement;\n\n    componentDidLoad() {\n        inviewObserver.observe(this, (inView) => inView && this.loadImage());\n    }\n\n    disconnectedCallback() {\n        inviewObserver.unobserve(this);\n    }\n\n    private parseSettings(json: string) {\n        return JSON.parse(json) || {};\n    }\n\n    private generateSrc(baseImage: string, settings: Settings) {\n        const keys = Object.keys(settings);\n\n        // Set setting to first one by default\n        let setting = settings[keys[0]];\n\n        // Overwrite when a setting is found with scr: true\n        if (keys.length > 1) {\n            const srcKey = keys.find((key) => !!settings[key].src);\n\n            setting = srcKey ? settings[srcKey] : ({} as Setting);\n        }\n\n        const src = createImageUrl(baseImage, setting);\n\n        return src;\n    }\n\n    private generateSrcset(baseImage: string, settings: Settings) {\n        const keys = Object.keys(settings);\n\n        const srcset = keys.reduce((srcset, key, index) => {\n            const setting = settings[key];\n            const url = createImageUrl(baseImage, setting);\n            const isLast = index + 1 === keys.length;\n\n            return `${srcset} ${url} ${key}${isLast ? '' : ','}`;\n        }, '');\n\n        return srcset;\n    }\n\n    private loadImage() {\n        const image = this.img;\n\n        if (!image) return;\n\n        inviewObserver.unobserve(this);\n\n        const baseImage = image.getAttribute(BASE_IMAGE_ATTRIBUTE) as string;\n        const settingsAttribute = image.getAttribute(SETTINGS_ATTRIBUTE);\n\n        if (settingsAttribute) {\n            const settings = this.parseSettings(settingsAttribute);\n\n            const src = this.generateSrc(baseImage, settings);\n            const srcset = this.generateSrcset(baseImage, settings);\n\n            // // If there is no data-src set just render the element.\n            if (!src) {\n                this.renderImage(this);\n                return;\n            }\n\n            if (SUPPORTS_SRCSET && srcset) {\n                image.srcset = srcset;\n            }\n\n            image.src = src;\n            image.onload = () => this.renderImage(this);\n        } else {\n            this.renderImage(this);\n        }\n    }\n\n    private renderImage(element: HTMLElement) {\n        const image = this.img;\n\n        element.classList.add(LAZY_IMAGE_ANIMATE_IN_CLASS);\n        image.removeAttribute(SETTINGS_ATTRIBUTE);\n        image.removeAttribute(BASE_IMAGE_ATTRIBUTE);\n\n        if (!hasResponsiveImages.currentSrc) {\n            (image as any).currentSrc = `${image.src}`;\n        }\n\n        ObjectFit.polyfillObjectFit(image);\n    }\n}\n"]}

package/dist/lib/atoms/image/utilities/object-fit.js

@@ -1,35 +0,0 @@
-import { elements } from '@bpd-library/utilities';
-const HAS_POLYFILL_CLASS = 'has--object-fit-polyfill';
-const OBJECT_FIT_IMAGE_HOOK = 'js-hook-objectfit-img';
-const OBJECT_FIT_CONTAINER_HOOK = 'js-hook-objectfit-container';
-export default class ObjectFit {
-    static polyfillObjectFit(element) {
-        if ('objectFit' in document.documentElement.style) {
-            return;
-        }
-        const images = ObjectFit.getObjectfitImages(element);
-        elements.html.classList.add(HAS_POLYFILL_CLASS);
-        images.forEach((image) => ObjectFit.polyfillImage(image));
-    }
-    static getObjectfitImages(element) {
-        let images = [];
-        if (!Array.isArray(element)) {
-            if (typeof element.getAttribute(OBJECT_FIT_IMAGE_HOOK) === 'undefined' ||
-                element.getAttribute(OBJECT_FIT_IMAGE_HOOK) === null) {
-                return images;
-            }
-            images.push(element);
-        }
-        else {
-            const queriedImages = document.querySelectorAll(`[${OBJECT_FIT_IMAGE_HOOK}]`);
-            images = [...queriedImages];
-        }
-        return images;
-    }
-    static polyfillImage(image) {
-        const container = image.closest(`[${OBJECT_FIT_CONTAINER_HOOK}]`);
-        if (container)
-            container.setAttribute('style', `background-image: url(${image.currentSrc});`);
-    }
-}
-//# sourceMappingURL=object-fit.js.map

package/dist/lib/atoms/image/utilities/object-fit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-fit.js","sourceRoot":"","sources":["../../../../../src/atoms/image/utilities/object-fit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AACtD,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AACtD,MAAM,yBAAyB,GAAG,6BAA6B,CAAC;AAIhE,MAAM,CAAC,OAAO,OAAO,SAAS;IACnB,MAAM,CAAC,iBAAiB,CAAC,OAAqB;QACjD,IAAI,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE;YAC/C,OAAO;SACV;QAED,MAAM,MAAM,GAAG,SAAS,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QACrD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEM,MAAM,CAAC,kBAAkB,CAAC,OAAqB;QAClD,IAAI,MAAM,GAAiB,EAAE,CAAC;QAE9B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAEzB,IACI,OAAO,OAAO,CAAC,YAAY,CAAC,qBAAqB,CAAC,KAAK,WAAW;gBAClE,OAAO,CAAC,YAAY,CAAC,qBAAqB,CAAC,KAAK,IAAI,EACtD;gBACE,OAAO,MAAM,CAAC;aACjB;YACD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACxB;aAAM;YACH,MAAM,aAAa,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,qBAAqB,GAAG,CAAC,CAAC;YAC9E,MAAM,GAAG,CAAC,GAAI,aAAqB,CAAC,CAAC;SACxC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;IAEO,MAAM,CAAC,aAAa,CAAC,KAAuB;QAChD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,yBAAyB,GAAG,CAAC,CAAC;QAClE,IAAI,SAAS;YACT,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,yBAAyB,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC;IACvF,CAAC;CACJ","sourcesContent":["import { elements } from '@bpd-library/utilities';\n\nconst HAS_POLYFILL_CLASS = 'has--object-fit-polyfill';\nconst OBJECT_FIT_IMAGE_HOOK = 'js-hook-objectfit-img';\nconst OBJECT_FIT_CONTAINER_HOOK = 'js-hook-objectfit-container';\n\ntype ImageElement = HTMLImageElement | HTMLImageElement[];\n\nexport default class ObjectFit {\n    public static polyfillObjectFit(element: ImageElement) {\n        if ('objectFit' in document.documentElement.style) {\n            return;\n        }\n\n        const images = ObjectFit.getObjectfitImages(element);\n        elements.html.classList.add(HAS_POLYFILL_CLASS);\n        images.forEach((image) => ObjectFit.polyfillImage(image));\n    }\n\n    public static getObjectfitImages(element: ImageElement) {\n        let images: ImageElement = [];\n\n        if (!Array.isArray(element)) {\n            // If element without hook is passed in, ignore it.\n            if (\n                typeof element.getAttribute(OBJECT_FIT_IMAGE_HOOK) === 'undefined' ||\n                element.getAttribute(OBJECT_FIT_IMAGE_HOOK) === null\n            ) {\n                return images;\n            }\n            images.push(element);\n        } else {\n            const queriedImages = document.querySelectorAll(`[${OBJECT_FIT_IMAGE_HOOK}]`);\n            images = [...(queriedImages as any)];\n        }\n\n        return images;\n    }\n\n    private static polyfillImage(image: HTMLImageElement) {\n        const container = image.closest(`[${OBJECT_FIT_CONTAINER_HOOK}]`);\n        if (container)\n            container.setAttribute('style', `background-image: url(${image.currentSrc});`);\n    }\n}\n"]}

package/dist/lib/atoms/row/row.js

@@ -1,3 +0,0 @@
-import { h } from '@atomify/jsx';
-export const Row = ({ extraClass = '', children }) => (h("div", { class: `o-grid ${extraClass}` }, children));
-//# sourceMappingURL=row.js.map

package/dist/lib/atoms/row/row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../../src/atoms/row/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAOjC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,UAAU,GAAG,EAAE,EAAE,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAChE,WAAK,KAAK,EAAE,UAAU,UAAU,EAAE,IAAG,QAAQ,CAAO,CACvD,CAAC","sourcesContent":["import { h } from '@atomify/jsx';\n\ninterface RowInterface {\n    extraClass?: string;\n    children?: NodeList;\n}\n\nexport const Row = ({ extraClass = '', children }: RowInterface) => (\n    <div class={`o-grid ${extraClass}`}>{children}</div>\n);\n"]}

package/dist/lib/atoms/svg/svg.js

@@ -1,23 +0,0 @@
-import { __decorate } from "tslib";
-import { Component, Prop } from '@atomify/core';
-import { h } from '@atomify/jsx';
-let BPDSvg = class BPDSvg extends HTMLElement {
-    constructor() {
-        super(...arguments);
-        this.name = '';
-    }
-    render() {
-        return (h("svg", { class: `svg svg-${this.name}` },
-            h("use", { xlinkHref: `#svg-${this.name}` })));
-    }
-};
-__decorate([
-    Prop()
-], BPDSvg.prototype, "name", void 0);
-BPDSvg = __decorate([
-    Component({
-        tag: 'bpd-svg',
-    })
-], BPDSvg);
-export { BPDSvg };
-//# sourceMappingURL=svg.js.map

package/dist/lib/atoms/svg/svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../../src/atoms/svg/svg.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAKjC,IAAa,MAAM,GAAnB,MAAa,MAAO,SAAQ,WAAW;IAAvC;;QACY,SAAI,GAAW,EAAE,CAAC;IAS9B,CAAC;IAPG,MAAM;QACF,OAAO,CACH,WAAK,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,EAAE;YAC9B,WAAK,SAAS,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,GAAQ,CACzC,CACT,CAAC;IACN,CAAC;CACJ,CAAA;AATW;IAAP,IAAI,EAAE;oCAAmB;AADjB,MAAM;IAHlB,SAAS,CAAC;QACP,GAAG,EAAE,SAAS;KACjB,CAAC;GACW,MAAM,CAUlB;SAVY,MAAM","sourcesContent":["import { Component, Prop } from '@atomify/core';\nimport { h } from '@atomify/jsx';\n\n@Component({\n    tag: 'bpd-svg',\n})\nexport class BPDSvg extends HTMLElement {\n    @Prop() name: string = '';\n\n    render() {\n        return (\n            <svg class={`svg svg-${this.name}`}>\n                <use xlinkHref={`#svg-${this.name}`}></use>\n            </svg>\n        );\n    }\n}\n"]}

package/dist/lib/index.js

@@ -1,12 +0,0 @@
-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';
-//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAKhC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC","sourcesContent":["/**\n * Atoms\n */\nexport * from './atoms/button';\nexport * from './atoms/col/col';\nexport * from './atoms/container/container';\nexport * from './atoms/form-elements/range-slider/range-slider';\nexport * from './atoms/form-elements/utilities/range-slider';\nexport * from './atoms/image';\nexport * from './atoms/row/row';\nexport * from './atoms/svg/svg';\n\n/**\n * Molecules\n */\nexport * from './molecules/infobox';\nexport * from './molecules/map';\nexport * from './molecules/tooltip';\n"]}

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

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

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

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

package/dist/lib/molecules/infobox/infobox.js

@@ -1,17 +0,0 @@
-import { h } from '@atomify/jsx';
-import { ButtonA } from '../../atoms/button';
-import { Image } from '../../atoms/image';
-export const Infobox = ({ title, image, tags, description, link, onClose, openInTab, }) => (h("div", { class: "c-infobox" },
-    h("button", { class: "infobox__close", onClick: onClose },
-        h("bpd-svg", { name: "icons-close" })),
-    image && title && (h("div", { class: "infobox__image-container" },
-        h(Image, { classes: "infobox__image", image: image, alt: title, preload: {
-                width: 325,
-                height: 117,
-            } }))),
-    h("div", { class: "infobox__wrapper" },
-        title && h("h3", { class: "infobox__title" }, title),
-        tags && h("span", { class: "infobox__tags" }, tags === null || tags === void 0 ? void 0 : tags.join(', ')),
-        description && h("p", { class: "infobox__description" }, description),
-        link && (h(ButtonA, { target: openInTab ? '_blank' : '_self', url: link, label: "Bekijk het gebied" })))));
-//# sourceMappingURL=infobox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"infobox.js","sourceRoot":"","sources":["../../../../src/molecules/infobox/infobox.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,EACpB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,SAAS,GACM,EAAE,EAAE,CAAC,CACpB,WAAK,KAAK,EAAC,WAAW;IAClB,cAAQ,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO;QAC3C,eAAS,IAAI,EAAC,aAAa,GAAG,CACzB;IACR,KAAK,IAAI,KAAK,IAAI,CACf,WAAK,KAAK,EAAC,0BAA0B;QACjC,EAAC,KAAK,IACF,OAAO,EAAC,gBAAgB,EACxB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,EACV,OAAO,EAAE;gBACL,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;aACd,GACH,CACA,CACT;IACD,WAAK,KAAK,EAAC,kBAAkB;QACxB,KAAK,IAAI,UAAI,KAAK,EAAC,gBAAgB,IAAE,KAAK,CAAM;QAChD,IAAI,IAAI,YAAM,KAAK,EAAC,eAAe,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,IAAI,EAAS;QAC7D,WAAW,IAAI,SAAG,KAAK,EAAC,sBAAsB,IAAE,WAAW,CAAK;QAChE,IAAI,IAAI,CACL,EAAC,OAAO,IACJ,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EACtC,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,mBAAmB,GAC3B,CACL,CACC,CACJ,CACT,CAAC","sourcesContent":["import { h } from '@atomify/jsx';\nimport { MapInfobox } from '@bpd-library/types';\n\nimport { ButtonA } from '../../atoms/button';\nimport { Image } from '../../atoms/image';\n\ninterface InfoboxInterface extends MapInfobox {\n    onClose: () => void;\n    openInTab?: boolean;\n}\n\nexport const Infobox = ({\n    title,\n    image,\n    tags,\n    description,\n    link,\n    onClose,\n    openInTab,\n}: InfoboxInterface) => (\n    <div class=\"c-infobox\">\n        <button class=\"infobox__close\" onClick={onClose}>\n            <bpd-svg name=\"icons-close\" />\n        </button>\n        {image && title && (\n            <div class=\"infobox__image-container\">\n                <Image\n                    classes=\"infobox__image\"\n                    image={image}\n                    alt={title}\n                    preload={{\n                        width: 325,\n                        height: 117,\n                    }}\n                />\n            </div>\n        )}\n        <div class=\"infobox__wrapper\">\n            {title && <h3 class=\"infobox__title\">{title}</h3>}\n            {tags && <span class=\"infobox__tags\">{tags?.join(', ')}</span>}\n            {description && <p class=\"infobox__description\">{description}</p>}\n            {link && (\n                <ButtonA\n                    target={openInTab ? '_blank' : '_self'}\n                    url={link}\n                    label=\"Bekijk het gebied\"\n                />\n            )}\n        </div>\n    </div>\n);\n"]}

package/dist/lib/molecules/map/hooks/use-style-loaded.js

@@ -1,14 +0,0 @@
-const useStyleLoaded = (map, cb) => {
-    if (map.isStyleLoaded()) {
-        cb();
-        return;
-    }
-    let isCalled = false;
-    map.on('styledata', () => {
-        if (!isCalled)
-            cb();
-        isCalled = true;
-    });
-};
-export default useStyleLoaded;
-//# sourceMappingURL=use-style-loaded.js.map

package/dist/lib/molecules/map/hooks/use-style-loaded.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-style-loaded.js","sourceRoot":"","sources":["../../../../../src/molecules/map/hooks/use-style-loaded.ts"],"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG,CAAC,GAAiB,EAAE,EAAY,EAAE,EAAE;IACvD,IAAI,GAAG,CAAC,aAAa,EAAE,EAAE;QACrB,EAAE,EAAE,CAAC;QACL,OAAO;KACV;IAED,IAAI,QAAQ,GAAY,KAAK,CAAC;IAE9B,GAAG,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE;QACrB,IAAI,CAAC,QAAQ;YAAE,EAAE,EAAE,CAAC;QACpB,QAAQ,GAAG,IAAI,CAAC;IACpB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["const useStyleLoaded = (map: mapboxgl.Map, cb: Function) => {\n    if (map.isStyleLoaded()) {\n        cb();\n        return;\n    }\n\n    let isCalled: boolean = false;\n\n    map.on('styledata', () => {\n        if (!isCalled) cb();\n        isCalled = true;\n    });\n};\n\nexport default useStyleLoaded;\n"]}

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

@@ -1,4 +0,0 @@
-export * from './utilities/fit-bounds';
-export * from './store/map';
-export * from './map';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/map/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC","sourcesContent":["export * from './utilities/fit-bounds';\nexport * from './store/map';\nexport * from './map';\n"]}