{"version":3,"file":"js/image-module.chunk.js","mappings":"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","sources":["webpack:///./assets/common/src/components/utils/Lazyimg.tsx","webpack:///./assets/stone/src/components/imageModule/ImageModule.tsx","webpack:///./assets/stone/src/hooks/useMediaQueries.tsx","webpack:///./assets/stone/src/ui/image/Image.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nconst Lazyimg = (props) => {\n    return (React.createElement(\"img\", { src: \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\", \"data-src\": props.src, \"data-srcset\": props.srcset, className: classNames('lazyload', props.className, { 'not-draggable': !props.draggable }), alt: props.alt, width: props === null || props === void 0 ? void 0 : props.width, height: props === null || props === void 0 ? void 0 : props.height, draggable: props.draggable, \"aria-hidden\": (props === null || props === void 0 ? void 0 : props.ariaHidden) ? true : false, \"data-sizes\": props.dataSizes }));\n};\nexport default Lazyimg;\n","import classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport Image from '@stone/ui/image/Image';\nimport '@stone/scss/components/image-module/_image-module.scss';\nconst ImageModule = (props) => {\n    const imageModule = useMemo(() => {\n        return JSON.parse(props.media)[0];\n    }, [props.media]);\n    const checks = useMemo(() => {\n        var _a;\n        const IS_SINGLE = (imageModule === null || imageModule === void 0 ? void 0 : imageModule.typeid) === 'component_image_module_single';\n        const IS_DOUBLE = (imageModule === null || imageModule === void 0 ? void 0 : imageModule.typeid) === 'component_image_module_double';\n        const IS_FULLBLEED = (imageModule === null || imageModule === void 0 ? void 0 : imageModule.columns) === 'FULL_BLEED' || (imageModule === null || imageModule === void 0 ? void 0 : imageModule.columns) === 'FULL_BLEED_SPLIT';\n        const IS_SPLIT = (imageModule === null || imageModule === void 0 ? void 0 : imageModule.columns) === 'FULL_BLEED_SPLIT' && !!((_a = imageModule === null || imageModule === void 0 ? void 0 : imageModule.secondImage) === null || _a === void 0 ? void 0 : _a.path);\n        const IS_3_4 = (imageModule === null || imageModule === void 0 ? void 0 : imageModule.aspectRatio) === '3/4';\n        return { IS_SINGLE, IS_DOUBLE, IS_FULLBLEED, IS_SPLIT, IS_3_4 };\n    }, [imageModule]);\n    const singleDefault12 = 'col-lg-12 offset-lg-6';\n    const mapCol = {\n        double: {\n            FULL_BLEED: '',\n            FULL_BLEED_SPLIT: '',\n            '24': 'col-lg-12',\n            '20': 'col-lg-10',\n            '18': 'col-lg-9',\n        },\n        single: {\n            FULL_BLEED: '',\n            FULL_BLEED_SPLIT: '',\n            '20': !checks.IS_3_4 ? 'col-lg-20 offset-lg-2' : singleDefault12,\n            '16': !checks.IS_3_4 ? 'col-lg-16 offset-lg-4' : singleDefault12,\n            '12': singleDefault12,\n            '10': checks.IS_3_4 ? 'col-lg-10 offset-lg-7' : singleDefault12,\n            '8': checks.IS_3_4 ? 'col-lg-10 offset-lg-7 col-xxl-8 offset-xxl-9' : singleDefault12,\n        },\n    };\n    const classes = useMemo(() => {\n        return {\n            singleCol: classNames(mapCol.single[imageModule === null || imageModule === void 0 ? void 0 : imageModule.columns]),\n            firstCol: classNames(mapCol.double[imageModule === null || imageModule === void 0 ? void 0 : imageModule.columns], { 'offset-lg-2': !checks.IS_FULLBLEED && (imageModule === null || imageModule === void 0 ? void 0 : imageModule.columns) !== '24' }),\n            secondCol: classNames(mapCol.double[imageModule === null || imageModule === void 0 ? void 0 : imageModule.columns], { 'offset-lg-2': (imageModule === null || imageModule === void 0 ? void 0 : imageModule.columns) === '18' }),\n            imageWrapper: classNames('image-wrapper', { 'is-split': checks.IS_SPLIT }, { 'image-ratio--16-9': checks.IS_SPLIT }),\n            image: !checks.IS_SPLIT ? `image-ratio--${imageModule === null || imageModule === void 0 ? void 0 : imageModule.aspectRatio.replace(/\\//g, '-')}` : '',\n        };\n    }, [checks]);\n    const renderLabels = (first, second) => (React.createElement(React.Fragment, null, (first || second) && (React.createElement(\"div\", { className: \"image-module__labels\" },\n        React.createElement(\"div\", { className: \"row\" },\n            first && (React.createElement(\"div\", { className: second ? 'inner-col-12 inner-col-lg-3' : 'inner-col-fill' },\n                React.createElement(\"span\", { className: \"font__subtitle\" }, first))),\n            second && (React.createElement(\"div\", { className: \"inner-col-fill\" },\n                React.createElement(\"span\", { className: \"font__subtitle\" }, second))))))));\n    const renderDouble = () => {\n        var _a, _b, _c, _d;\n        return (React.createElement(React.Fragment, null,\n            React.createElement(\"div\", { className: classes.firstCol },\n                React.createElement(\"div\", { className: classes.imageWrapper },\n                    React.createElement(Image, { className: classes.image, src: (_a = imageModule.firstImage) === null || _a === void 0 ? void 0 : _a.path, srcMobile: (_b = imageModule === null || imageModule === void 0 ? void 0 : imageModule.firstImageMobile) === null || _b === void 0 ? void 0 : _b.path, alt: imageModule === null || imageModule === void 0 ? void 0 : imageModule.firstImgAlt }),\n                    renderLabels(imageModule.firstImageFirstLabel, imageModule.firstImageSecondLabel))),\n            React.createElement(\"div\", { className: classes.secondCol },\n                React.createElement(\"div\", { className: classes.imageWrapper },\n                    React.createElement(Image, { className: classes.image, src: (_c = imageModule.secondImage) === null || _c === void 0 ? void 0 : _c.path, srcMobile: (_d = imageModule === null || imageModule === void 0 ? void 0 : imageModule.secondImageMobile) === null || _d === void 0 ? void 0 : _d.path, alt: imageModule === null || imageModule === void 0 ? void 0 : imageModule.secondImgAlt }),\n                    renderLabels(imageModule.secondImageFirstLabel, imageModule.secondImageSecondLabel)))));\n    };\n    const renderSingle = () => {\n        var _a, _b, _c, _d;\n        return (React.createElement(React.Fragment, null,\n            React.createElement(\"div\", { className: classes.singleCol },\n                React.createElement(\"div\", { className: classes.imageWrapper },\n                    React.createElement(Image, { className: classes.image, src: (_a = imageModule.firstImage) === null || _a === void 0 ? void 0 : _a.path, srcMobile: (_b = imageModule === null || imageModule === void 0 ? void 0 : imageModule.firstImageMobile) === null || _b === void 0 ? void 0 : _b.path, alt: imageModule === null || imageModule === void 0 ? void 0 : imageModule.firstImgAlt }),\n                    checks.IS_SPLIT && React.createElement(Image, { src: (_c = imageModule.secondImage) === null || _c === void 0 ? void 0 : _c.path, srcMobile: (_d = imageModule === null || imageModule === void 0 ? void 0 : imageModule.secondImageMobile) === null || _d === void 0 ? void 0 : _d.path, alt: imageModule === null || imageModule === void 0 ? void 0 : imageModule.secondImgAlt })))));\n    };\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: classNames('image-module__container', { 'is-full': checks.IS_FULLBLEED }, { container: !checks.IS_FULLBLEED }) },\n            React.createElement(\"div\", { className: classNames('image-module__row', { row: !checks.IS_FULLBLEED }) },\n                checks.IS_DOUBLE && renderDouble(),\n                checks.IS_SINGLE && renderSingle()))));\n};\nexport default ImageModule;\n","import { throttle } from 'lodash';\nimport { useLayoutEffect, useEffect, useRef, useState } from 'react';\nconst REFLOW_CAP = 400;\nconst getInitialBreakpointValue = () => {\n    // get initial breakpoint is called before the page is fully loaded and innerWith may be 0. windows.mqObj may not be set\n    var _a;\n    const mediaQueries = window.mqObj;\n    const documentWidth = window.innerWidth || ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width);\n    if (documentWidth == 0 || !mediaQueries) {\n        return;\n    }\n    const filtered = Object.keys(mediaQueries).filter((key) => mediaQueries[key] <= documentWidth);\n    const initalBr = filtered.length ? mediaQueries[filtered[filtered.length - 1]] : mediaQueries['xs'];\n    // console.info('[getInitialBreakpointValue]: ', documentWidth, initalBr);\n    return initalBr;\n};\nconst getReflowValue = () => {\n    var _a;\n    const documentHeight = window.innerHeight || ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height);\n    if (documentHeight == 0) {\n        return;\n    }\n    return documentHeight < REFLOW_CAP ? 399 : REFLOW_CAP;\n};\nconst mediaQueries = Object.assign({ '<xs': 0 }, window.mqObj);\nconst useMediaQueries = () => {\n    const [breakpoint, setBreakpoint] = useState(getInitialBreakpointValue());\n    const [breakpointHeight, setBreakpointHeight] = useState(getReflowValue());\n    const [isTouch, setIsTouch] = useState(false);\n    // const [isMotionReduced, setIsMotionReduced] = useState<boolean>(false);\n    const firstRender = useRef(true);\n    function detectTouchscreen() {\n        if (window.PointerEvent && 'maxTouchPoints' in navigator) {\n            // if Pointer Events are supported, just check maxTouchPoints\n            if (navigator.maxTouchPoints > 0) {\n                setIsTouch(true);\n            }\n        }\n        else {\n            // no Pointer Events...\n            if (window.matchMedia && window.matchMedia('(any-pointer:coarse)').matches) {\n                // check for any-pointer:coarse which mostly means touchscreen\n                setIsTouch(true);\n            }\n            else if (window.TouchEvent || 'ontouchstart' in window) {\n                // last resort - check for exposed touch events API / event handler\n                setIsTouch(true);\n            }\n        }\n    }\n    const getCurrentBreakpoint = () => {\n        var _a;\n        const documentWidth = window.innerWidth || ((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.width);\n        if (documentWidth == 0) {\n            return;\n        }\n        const filtered = Object.keys(mediaQueries).filter((key) => mediaQueries[key] <= documentWidth);\n        return mediaQueries[filtered[filtered.length - 1]];\n    };\n    useEffect(() => {\n        if (firstRender.current) {\n            // setBreakpoint(window.innerWidth);\n            firstRender.current = false;\n            detectTouchscreen();\n        }\n    }, []);\n    useLayoutEffect(() => {\n        const handleResize = throttle(() => {\n            const currentBr = getCurrentBreakpoint();\n            if (currentBr && currentBr !== breakpoint) {\n                setBreakpoint(currentBr);\n            }\n            const currentHBr = getReflowValue();\n            if (currentHBr && currentHBr !== breakpointHeight) {\n                setBreakpointHeight(currentHBr);\n            }\n        }, 200);\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n    }, [breakpoint, breakpointHeight]);\n    return {\n        //@ts-ignore disable-next-line\n        isTightMobile: breakpoint <= window.mqObj.xs,\n        //@ts-ignore disable-next-line\n        isMobile: breakpoint < window.mqObj.lg,\n        //@ts-ignore disable-next-line\n        isTablet: breakpoint >= window.mqObj.sm && breakpoint < window.mqObj.lg,\n        //@ts-ignore disable-next-line\n        isSmallDesktop: breakpoint >= window.mqObj.md,\n        //@ts-ignore disable-next-line\n        isDesktop: breakpoint >= window.mqObj.lg,\n        //@ts-ignore disable-next-line\n        isWideDesktop: breakpoint >= window.mqObj.xxl,\n        isTouch: isTouch,\n        isReflow: breakpointHeight < REFLOW_CAP,\n    };\n};\nexport default useMediaQueries;\n","import Lazyimg from '@components/utils/Lazyimg';\nimport useMediaQueries from '@stone/hooks/useMediaQueries';\nimport React, { useMemo } from 'react';\nconst Image = (props) => {\n    const { isMobile } = useMediaQueries();\n    const args = useMemo(() => {\n        return {\n            src: isMobile && props.srcMobile ? props.srcMobile : props.src,\n            alt: props.alt || '',\n            className: props.className,\n        };\n    }, [props, isMobile]);\n    return props.avoidLazy ? React.createElement(\"img\", Object.assign({ alt: args.alt }, args, { \"aria-hidden\": props.ariaHidden })) : React.createElement(Lazyimg, Object.assign({}, args, { ariaHidden: props.ariaHidden }));\n};\nexport default Image;\n"],"names":["props","src","srcset","className","draggable","alt","width","height","ariaHidden","dataSizes","imageModule","useMemo","JSON","parse","media","checks","_a","IS_SINGLE","typeid","IS_DOUBLE","IS_FULLBLEED","columns","IS_SPLIT","secondImage","path","IS_3_4","aspectRatio","singleDefault12","mapCol","double","FULL_BLEED","FULL_BLEED_SPLIT","single","classes","singleCol","firstCol","secondCol","imageWrapper","image","replace","renderLabels","first","second","container","row","firstImage","srcMobile","_b","firstImageMobile","firstImgAlt","firstImageFirstLabel","firstImageSecondLabel","_c","_d","secondImageMobile","secondImgAlt","secondImageFirstLabel","secondImageSecondLabel","renderSingle","getReflowValue","documentHeight","window","innerHeight","visualViewport","mediaQueries","Object","assign","mqObj","breakpoint","setBreakpoint","useState","documentWidth","innerWidth","filtered","keys","filter","key","length","getInitialBreakpointValue","breakpointHeight","setBreakpointHeight","isTouch","setIsTouch","firstRender","useRef","useEffect","current","PointerEvent","navigator","maxTouchPoints","matchMedia","matches","TouchEvent","useLayoutEffect","handleResize","throttle","currentBr","getCurrentBreakpoint","currentHBr","addEventListener","removeEventListener","isTightMobile","xs","isMobile","lg","isTablet","sm","isSmallDesktop","md","isDesktop","isWideDesktop","xxl","isReflow","args","avoidLazy"],"sourceRoot":""}