{"version":3,"file":"static/chunks/9837.f4714b19d19267da.js","mappings":"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","sources":["webpack://_N_E/./adapters/helpers/Hooks.js","webpack://_N_E/./components/Image/BackgroundImage/BackgroundImage.js","webpack://_N_E/<anon>"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\n\n// https://github.com/streamich/react-use/blob/master/docs/useIsomorphicLayoutEffect.md\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport function useMatchMedia(mediaQueryString, initialValue = null) {\n    const [match, setMatch] = useState(initialValue);\n\n    useEffect(\n        () => {\n            if(!window.matchMedia) {\n                return;\n            }\n\n            function handleMatch(event) {\n                setMatch(event.matches);\n            }\n\n            const matchMedia = window.matchMedia(mediaQueryString);\n\n            setMatch(matchMedia.matches);\n            matchMedia.addListener(handleMatch);\n\n            return () => {\n                matchMedia.removeListener(handleMatch);\n            };\n        },\n        [mediaQueryString]\n    );\n\n    return match;\n}\n\nexport const mediaQueryHOC = (Component) => {\n    function MediaQueryHOC(props) {\n        const isXSmall = useMatchMedia('(max-width: 375px)');\n        const isSmall = useMatchMedia('(max-width: 479px)');\n        const isMedium = useMatchMedia('(max-width: 767px)');\n        const isLarge = useMatchMedia('(max-width: 991px)');\n        const isXLarge = useMatchMedia('(max-width: 1023px)');\n        return (\n            <Component\n                isXSmall={isXSmall}\n                isSmall={isSmall}\n                isMedium={isMedium}\n                isLarge={isLarge}\n                isXLarge={isXLarge}\n                {...props}\n            />\n        );\n    }\n    return MediaQueryHOC;\n};\n\nlet listeners = [];\nlet state = { currentProductIndex: 0};\n\n\nconst setState = (newState) => {\n    state = { ...state, ...newState };\n    listeners.forEach((listener) => {\n        listener(state);\n    });\n};\n\nexport const updateCurrentProductIndex = () => {\n    const newListener = useState()[1];\n    useEffect(() => {\n        listeners.push(newListener);\n    }, []);\n    return [state, setState];\n};\n","import React, { useEffect, useRef, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport LazyLoad from 'react-lazyload';\nimport throttle from 'lodash/throttle';\nimport Head from 'next/head'\nimport { useIsomorphicLayoutEffect } from '../../../adapters/helpers/Hooks';\nimport { getBackgroundImage, roundUpTheSize } from './BackgroundImage.helpers';\nimport { mediaQueryHOC } from '../../../adapters/helpers/Hooks'\nimport { ImageConstants } from '../../../adapters/helpers/Constants';\nimport ImageFactory from '../../../adapters/cloudinary/ImageFactory';\nimport { optimizeImage } from '../../../adapters/helpers/pagespeedHelper';\nfunction BackgroundImage(props) {\n    const mobileBackgroundImageId = props?.mobileBackgroundImage?.asset?.fields?.file?.url || props.contentImageId;\n    const desktopBackgroundImageId = props?.desktopBackgroundImage?.asset?.fields?.file?.url || props.contentImageId;\n    const { backgroundOffsetTop: marginTop, backgroundPosition, alt = null, children = null, customStyles = null, ariaHidden = false } = props;\n    const paddingTop = `${100 / props.widthToHeightRatio}%`;\n    const isPreload = props.isPreload ? props.isPreload : false;\n    const isBannerImage = props.isBannerImage ? props.isBannerImage : false;\n    const nodeRef = useRef(null);\n    const placeholderRef = useRef(null);\n    const [width, setWidth] = useState(ImageConstants.defaultImageWindWidth);\n    const [isPageLoaded, setIsPageLoaded] = useState(false);\n    const [customClassName, setCustomClassName] = useState('');\n    const [url, setUrl] = useState(`url(${optimizeImage(ImageFactory.buildContentfullImageUrl(props.contentImageId))})`);\n    const isMedium = props?.isMedium;\n    function updateWidth() {\n        const node = nodeRef.current || placeholderRef.current;\n        if (node) {\n            setWidth(roundUpTheSize(node.getBoundingClientRect().width));\n        }\n    }\n\n    useEffect(() => {\n        setIsPageLoaded(true);\n        if (width != 0) {\n            // Set background width*2 for mobile because the background is larger than the with parent\n            setUrl(getBackgroundImage(props.contentImageId, isPreload && isBannerImage && window.innerWidth < 400 ? 450 : props.isMedium ? width * 2 : width, props.transformations, props.format, props.isMedium));\n        }\n    }, [width, props.imageId, props.isMedium, isPageLoaded]);\n\n\n    useEffect(\n        () => {\n            const handleResize = throttle(updateWidth, 100);\n\n            window.addEventListener('resize', handleResize);\n\n            return () => {\n                window.removeEventListener('resize', handleResize);\n                handleResize.cancel();\n            };\n        },\n        []\n    );\n\n    useEffect(\n        () => {\n            setCustomClassName(props.customClassName);\n        }, [props.customClassName]\n    );\n\n    useIsomorphicLayoutEffect(\n        updateWidth,\n        []\n    );\n\n\n    return (\n        <React.Fragment>\n            {isPreload && isBannerImage ?\n                <React.Fragment>\n                    <Head>\n                        <link rel=\"preload\" href={optimizeImage(ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId))} as=\"image\" media={`(max-width:${ImageConstants.mobile_max_width})`} />\n                        <link rel=\"preload\" href={optimizeImage(ImageFactory.buildContentfullImageUrl(desktopBackgroundImageId))} as=\"image\" media={`(min-width:${ImageConstants.desktop_min_width})`} />\n                    </Head>\n                    {/* Below code structure have implemented for pagespeed. */}\n                    {isPageLoaded ?\n                        <div\n                            className={`ob-background-wrapper ${width === 0 ? 'ob-background-wrapper-height' : ''} ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                            ref={nodeRef}\n                            aria-hidden={ariaHidden}\n                            style={{\n                                marginTop, paddingTop, backgroundPosition,\n                                backgroundImage: `url(${optimizeImage(ImageFactory.buildContentfullImageUrl(props.contentImageId))})`,\n                                ...customStyles\n                            }}>\n                            {alt &&\n                                <span role=\"img\" aria-label={alt} aria-hidden='true'></span>\n                            }\n                            {children}\n                        </div>\n                        :\n                        <React.Fragment>\n                            { isMedium && <div\n                                className={`ob-background-wrapper ob-background-wrapper-mobile ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                                ref={nodeRef}\n                                aria-hidden={ariaHidden}\n                                style={{\n                                    marginTop, paddingTop, backgroundPosition,\n                                    backgroundImage: `url(${optimizeImage(ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId))})`,\n                                    ...customStyles\n                                }}>\n                                {alt &&\n                                    <span role=\"img\" aria-label={alt}></span>\n                                }\n                                {children}\n                            </div>}\n                            <div\n                                className={`ob-background-wrapper ob-background-wrapper-desktop ${width === 0 ? 'ob-background-wrapper-height' : ''} ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                                ref={nodeRef}\n                                aria-hidden={ariaHidden}\n                                style={{\n                                    marginTop, paddingTop, backgroundPosition,\n                                    backgroundImage: `url(${optimizeImage(ImageFactory.buildContentfullImageUrl(desktopBackgroundImageId))})`,\n                                    ...customStyles\n                                }}>\n                                {alt &&\n                                    <span role=\"img\" aria-label={alt} aria-hidden='true'></span>\n                                }\n                                {children}\n                            </div>\n                        </React.Fragment>\n                    }\n                </React.Fragment>\n                : <LazyLoad offset={500}\n                    placeholder={\n                        <div\n                            className={`ob-background-wrapper ${props.className ? props.className : ''} ${customClassName ? customClassName : ''}`}\n                            ref={placeholderRef}\n                            aria-hidden={ariaHidden}\n                            style={{\n                                marginTop, paddingTop, backgroundPosition\n                            }}\n                        />\n                    }\n                >\n                    <div\n                        className={`ob-background-wrapper ${props.className ? props.className : ''} ${customClassName}`}\n                        ref={nodeRef}\n                        aria-hidden={ariaHidden}\n                        style={{\n                            marginTop, paddingTop, backgroundPosition,\n                            backgroundImage: ((!props.isLarge && !props.isMedium) || (props.isLarge && !props.isMedium)) ? `url(${optimizeImage(ImageFactory.buildContentfullImageUrl(desktopBackgroundImageId))})` : `url(${optimizeImage(ImageFactory.buildContentfullImageUrl(mobileBackgroundImageId))})`,\n                            ...customStyles\n                        }}>\n                        {alt &&\n                            <span role=\"img\" aria-label={alt}></span>\n                        }\n                        {children}\n                    </div>\n                </LazyLoad>}\n        </React.Fragment>\n\n    );\n}\n\nexport default mediaQueryHOC(BackgroundImage);\n\nBackgroundImage.defaultProps = {\n    transformations: 'c_limit',\n    fragments: [{ minWidth: 0, size: 1 }],\n    widthToHeightRatio: 1\n}\n\nBackgroundImage.propTypes = {\n    imageId: PropTypes.string,\n    transformations: PropTypes.string,\n    className: PropTypes.string,\n    customClassName: PropTypes.string,\n    fragments: PropTypes.array,\n    widthToHeightRatio: PropTypes.number,\n    children: PropTypes.node,\n    backgroundOffsetTop: PropTypes.string,\n    backgroundPosition: PropTypes.string,\n    customStyles: PropTypes.object,\n    format: PropTypes.any,\n    isMedium: PropTypes.bool,\n    ariaHidden: PropTypes.bool,\n    alt: PropTypes.string,\n    isPreload: PropTypes.bool,\n    isBannerImage: PropTypes.bool,\n    preloadImage: PropTypes.object,\n    desktopBackgroundImage: PropTypes.any,\n    mobileBackgroundImage: PropTypes.any\n}","\"use strict\";\n(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[9837],{\n\n/***/ 71357:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"LI\": function() { return /* binding */ useIsomorphicLayoutEffect; },\n/* harmony export */   \"Ui\": function() { return /* binding */ mediaQueryHOC; },\n/* harmony export */   \"ag\": function() { return /* binding */ useMatchMedia; },\n/* harmony export */   \"y3\": function() { return /* binding */ updateCurrentProductIndex; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47941);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(82526);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57327);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38880);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54747);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49337);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33321);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(69070);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(930);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(89554);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41539);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(67294);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(85893);\n\n\n\n\n\n\n\n\n\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n // https://github.com/streamich/react-use/blob/master/docs/useIsomorphicLayoutEffect.md\n\n\nvar useIsomorphicLayoutEffect =  true ? react__WEBPACK_IMPORTED_MODULE_11__.useLayoutEffect : 0;\nfunction useMatchMedia(mediaQueryString) {\n  var initialValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)(initialValue),\n      match = _useState[0],\n      setMatch = _useState[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_11__.useEffect)(function () {\n    if (!window.matchMedia) {\n      return;\n    }\n\n    function handleMatch(event) {\n      setMatch(event.matches);\n    }\n\n    var matchMedia = window.matchMedia(mediaQueryString);\n    setMatch(matchMedia.matches);\n    matchMedia.addListener(handleMatch);\n    return function () {\n      matchMedia.removeListener(handleMatch);\n    };\n  }, [mediaQueryString]);\n  return match;\n}\nvar mediaQueryHOC = function mediaQueryHOC(Component) {\n  function MediaQueryHOC(props) {\n    var isXSmall = useMatchMedia('(max-width: 375px)');\n    var isSmall = useMatchMedia('(max-width: 479px)');\n    var isMedium = useMatchMedia('(max-width: 767px)');\n    var isLarge = useMatchMedia('(max-width: 991px)');\n    var isXLarge = useMatchMedia('(max-width: 1023px)');\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(Component, _objectSpread({\n      isXSmall: isXSmall,\n      isSmall: isSmall,\n      isMedium: isMedium,\n      isLarge: isLarge,\n      isXLarge: isXLarge\n    }, props));\n  }\n\n  return MediaQueryHOC;\n};\nvar listeners = [];\nvar state = {\n  currentProductIndex: 0\n};\n\nvar setState = function setState(newState) {\n  state = _objectSpread(_objectSpread({}, state), newState);\n  listeners.forEach(function (listener) {\n    listener(state);\n  });\n};\n\nvar updateCurrentProductIndex = function updateCurrentProductIndex() {\n  var newListener = (0,react__WEBPACK_IMPORTED_MODULE_11__.useState)()[1];\n  (0,react__WEBPACK_IMPORTED_MODULE_11__.useEffect)(function () {\n    listeners.push(newListener);\n  }, []);\n  return [state, setState];\n};\n\n/***/ }),\n\n/***/ 89837:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47941);\n/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(82526);\n/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57327);\n/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41539);\n/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(38880);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89554);\n/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(54747);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(49337);\n/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(33321);\n/* harmony import */ var core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_properties_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(69070);\n/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(930);\n/* harmony import */ var _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(92222);\n/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(67294);\n/* harmony import */ var react_lazyload__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(1216);\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(23493);\n/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(9008);\n/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var _adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(71357);\n/* harmony import */ var _BackgroundImage_helpers__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(53633);\n/* harmony import */ var _adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(24036);\n/* harmony import */ var _adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(42456);\n/* harmony import */ var _adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(19271);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(85893);\n\n\n\n\n\n\n\n\n\n\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_10___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction BackgroundImage(props) {\n  var _props$mobileBackgrou, _props$mobileBackgrou2, _props$mobileBackgrou3, _props$mobileBackgrou4, _props$desktopBackgro, _props$desktopBackgro2, _props$desktopBackgro3, _props$desktopBackgro4;\n\n  var mobileBackgroundImageId = (props == null ? void 0 : (_props$mobileBackgrou = props.mobileBackgroundImage) == null ? void 0 : (_props$mobileBackgrou2 = _props$mobileBackgrou.asset) == null ? void 0 : (_props$mobileBackgrou3 = _props$mobileBackgrou2.fields) == null ? void 0 : (_props$mobileBackgrou4 = _props$mobileBackgrou3.file) == null ? void 0 : _props$mobileBackgrou4.url) || props.contentImageId;\n  var desktopBackgroundImageId = (props == null ? void 0 : (_props$desktopBackgro = props.desktopBackgroundImage) == null ? void 0 : (_props$desktopBackgro2 = _props$desktopBackgro.asset) == null ? void 0 : (_props$desktopBackgro3 = _props$desktopBackgro2.fields) == null ? void 0 : (_props$desktopBackgro4 = _props$desktopBackgro3.file) == null ? void 0 : _props$desktopBackgro4.url) || props.contentImageId;\n  var marginTop = props.backgroundOffsetTop,\n      backgroundPosition = props.backgroundPosition,\n      _props$alt = props.alt,\n      alt = _props$alt === void 0 ? null : _props$alt,\n      _props$children = props.children,\n      children = _props$children === void 0 ? null : _props$children,\n      _props$customStyles = props.customStyles,\n      customStyles = _props$customStyles === void 0 ? null : _props$customStyles,\n      _props$ariaHidden = props.ariaHidden,\n      ariaHidden = _props$ariaHidden === void 0 ? false : _props$ariaHidden;\n  var paddingTop = \"\".concat(100 / props.widthToHeightRatio, \"%\");\n  var isPreload = props.isPreload ? props.isPreload : false;\n  var isBannerImage = props.isBannerImage ? props.isBannerImage : false;\n  var nodeRef = (0,react__WEBPACK_IMPORTED_MODULE_12__.useRef)(null);\n  var placeholderRef = (0,react__WEBPACK_IMPORTED_MODULE_12__.useRef)(null);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_12__.useState)(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_18__/* .ImageConstants.defaultImageWindWidth */ .j6.defaultImageWindWidth),\n      width = _useState[0],\n      setWidth = _useState[1];\n\n  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_12__.useState)(false),\n      isPageLoaded = _useState2[0],\n      setIsPageLoaded = _useState2[1];\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_12__.useState)(''),\n      customClassName = _useState3[0],\n      setCustomClassName = _useState3[1];\n\n  var _useState4 = (0,react__WEBPACK_IMPORTED_MODULE_12__.useState)(\"url(\".concat((0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__/* .optimizeImage */ .H)(_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__/* [\"default\"].buildContentfullImageUrl */ .ZP.buildContentfullImageUrl(props.contentImageId)), \")\")),\n      url = _useState4[0],\n      setUrl = _useState4[1];\n\n  var isMedium = props == null ? void 0 : props.isMedium;\n\n  function updateWidth() {\n    var node = nodeRef.current || placeholderRef.current;\n\n    if (node) {\n      setWidth((0,_BackgroundImage_helpers__WEBPACK_IMPORTED_MODULE_17__/* .roundUpTheSize */ .V)(node.getBoundingClientRect().width));\n    }\n  }\n\n  (0,react__WEBPACK_IMPORTED_MODULE_12__.useEffect)(function () {\n    setIsPageLoaded(true);\n\n    if (width != 0) {\n      // Set background width*2 for mobile because the background is larger than the with parent\n      setUrl((0,_BackgroundImage_helpers__WEBPACK_IMPORTED_MODULE_17__/* .getBackgroundImage */ .W)(props.contentImageId, isPreload && isBannerImage && window.innerWidth < 400 ? 450 : props.isMedium ? width * 2 : width, props.transformations, props.format, props.isMedium));\n    }\n  }, [width, props.imageId, props.isMedium, isPageLoaded]);\n  (0,react__WEBPACK_IMPORTED_MODULE_12__.useEffect)(function () {\n    var handleResize = lodash_throttle__WEBPACK_IMPORTED_MODULE_14___default()(updateWidth, 100);\n    window.addEventListener('resize', handleResize);\n    return function () {\n      window.removeEventListener('resize', handleResize);\n      handleResize.cancel();\n    };\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_12__.useEffect)(function () {\n    setCustomClassName(props.customClassName);\n  }, [props.customClassName]);\n  (0,_adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_16__/* .useIsomorphicLayoutEffect */ .LI)(updateWidth, []);\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(react__WEBPACK_IMPORTED_MODULE_12__.Fragment, {\n    children: isPreload && isBannerImage ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(react__WEBPACK_IMPORTED_MODULE_12__.Fragment, {\n      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)((next_head__WEBPACK_IMPORTED_MODULE_15___default()), {\n        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(\"link\", {\n          rel: \"preload\",\n          href: (0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__/* .optimizeImage */ .H)(_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__/* [\"default\"].buildContentfullImageUrl */ .ZP.buildContentfullImageUrl(mobileBackgroundImageId)),\n          as: \"image\",\n          media: \"(max-width:\".concat(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_18__/* .ImageConstants.mobile_max_width */ .j6.mobile_max_width, \")\")\n        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(\"link\", {\n          rel: \"preload\",\n          href: (0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__/* .optimizeImage */ .H)(_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__/* [\"default\"].buildContentfullImageUrl */ .ZP.buildContentfullImageUrl(desktopBackgroundImageId)),\n          as: \"image\",\n          media: \"(min-width:\".concat(_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_18__/* .ImageConstants.desktop_min_width */ .j6.desktop_min_width, \")\")\n        })]\n      }), isPageLoaded ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(\"div\", {\n        className: \"ob-background-wrapper \".concat(width === 0 ? 'ob-background-wrapper-height' : '', \" \").concat(props.className ? props.className : '', \" \").concat(customClassName ? customClassName : ''),\n        ref: nodeRef,\n        \"aria-hidden\": ariaHidden,\n        style: _objectSpread({\n          marginTop: marginTop,\n          paddingTop: paddingTop,\n          backgroundPosition: backgroundPosition,\n          backgroundImage: \"url(\".concat((0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__/* .optimizeImage */ .H)(_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__/* [\"default\"].buildContentfullImageUrl */ .ZP.buildContentfullImageUrl(props.contentImageId)), \")\")\n        }, customStyles),\n        children: [alt && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(\"span\", {\n          role: \"img\",\n          \"aria-label\": alt,\n          \"aria-hidden\": \"true\"\n        }), children]\n      }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(react__WEBPACK_IMPORTED_MODULE_12__.Fragment, {\n        children: [isMedium && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(\"div\", {\n          className: \"ob-background-wrapper ob-background-wrapper-mobile \".concat(props.className ? props.className : '', \" \").concat(customClassName ? customClassName : ''),\n          ref: nodeRef,\n          \"aria-hidden\": ariaHidden,\n          style: _objectSpread({\n            marginTop: marginTop,\n            paddingTop: paddingTop,\n            backgroundPosition: backgroundPosition,\n            backgroundImage: \"url(\".concat((0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__/* .optimizeImage */ .H)(_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__/* [\"default\"].buildContentfullImageUrl */ .ZP.buildContentfullImageUrl(mobileBackgroundImageId)), \")\")\n          }, customStyles),\n          children: [alt && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(\"span\", {\n            role: \"img\",\n            \"aria-label\": alt\n          }), children]\n        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(\"div\", {\n          className: \"ob-background-wrapper ob-background-wrapper-desktop \".concat(width === 0 ? 'ob-background-wrapper-height' : '', \" \").concat(props.className ? props.className : '', \" \").concat(customClassName ? customClassName : ''),\n          ref: nodeRef,\n          \"aria-hidden\": ariaHidden,\n          style: _objectSpread({\n            marginTop: marginTop,\n            paddingTop: paddingTop,\n            backgroundPosition: backgroundPosition,\n            backgroundImage: \"url(\".concat((0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__/* .optimizeImage */ .H)(_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__/* [\"default\"].buildContentfullImageUrl */ .ZP.buildContentfullImageUrl(desktopBackgroundImageId)), \")\")\n          }, customStyles),\n          children: [alt && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(\"span\", {\n            role: \"img\",\n            \"aria-label\": alt,\n            \"aria-hidden\": \"true\"\n          }), children]\n        })]\n      })]\n    }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(react_lazyload__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n      offset: 500,\n      placeholder: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(\"div\", {\n        className: \"ob-background-wrapper \".concat(props.className ? props.className : '', \" \").concat(customClassName ? customClassName : ''),\n        ref: placeholderRef,\n        \"aria-hidden\": ariaHidden,\n        style: {\n          marginTop: marginTop,\n          paddingTop: paddingTop,\n          backgroundPosition: backgroundPosition\n        }\n      }),\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsxs)(\"div\", {\n        className: \"ob-background-wrapper \".concat(props.className ? props.className : '', \" \").concat(customClassName),\n        ref: nodeRef,\n        \"aria-hidden\": ariaHidden,\n        style: _objectSpread({\n          marginTop: marginTop,\n          paddingTop: paddingTop,\n          backgroundPosition: backgroundPosition,\n          backgroundImage: !props.isLarge && !props.isMedium || props.isLarge && !props.isMedium ? \"url(\".concat((0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__/* .optimizeImage */ .H)(_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__/* [\"default\"].buildContentfullImageUrl */ .ZP.buildContentfullImageUrl(desktopBackgroundImageId)), \")\") : \"url(\".concat((0,_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__/* .optimizeImage */ .H)(_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__/* [\"default\"].buildContentfullImageUrl */ .ZP.buildContentfullImageUrl(mobileBackgroundImageId)), \")\")\n        }, customStyles),\n        children: [alt && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__.jsx)(\"span\", {\n          role: \"img\",\n          \"aria-label\": alt\n        }), children]\n      })\n    })\n  });\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ((0,_adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_16__/* .mediaQueryHOC */ .Ui)(BackgroundImage));\nBackgroundImage.defaultProps = {\n  transformations: 'c_limit',\n  fragments: [{\n    minWidth: 0,\n    size: 1\n  }],\n  widthToHeightRatio: 1\n};\n\n/***/ })\n\n}]);"],"names":["self","push","__unused_webpack_module","__webpack_exports__","__webpack_require__","d","useIsomorphicLayoutEffect","mediaQueryHOC","useMatchMedia","updateCurrentProductIndex","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8__","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_8___default","n","react__WEBPACK_IMPORTED_MODULE_11__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","apply","_objectSpread","target","i","arguments","length","source","forEach","key","getOwnPropertyDescriptors","defineProperties","defineProperty","useLayoutEffect","mediaQueryString","initialValue","undefined","_useState","useState","match","setMatch","useEffect","window","matchMedia","matches","addListener","handleMatch","removeListener","event","Component","props","isXSmall","isSmall","isMedium","isLarge","isXLarge","jsx","listeners","state","currentProductIndex","setState","newState","listener","newListener","r","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_10__","_home_runner_work_mw_mt_oralb_com_cs_cz_mw_mt_oralb_com_cs_cz_node_modules_next_dist_compiled_babel_runtime_helpers_defineProperty_js__WEBPACK_IMPORTED_MODULE_10___default","react__WEBPACK_IMPORTED_MODULE_12__","react_lazyload__WEBPACK_IMPORTED_MODULE_13__","lodash_throttle__WEBPACK_IMPORTED_MODULE_14__","lodash_throttle__WEBPACK_IMPORTED_MODULE_14___default","next_head__WEBPACK_IMPORTED_MODULE_15__","next_head__WEBPACK_IMPORTED_MODULE_15___default","_adapters_helpers_Hooks__WEBPACK_IMPORTED_MODULE_16__","_BackgroundImage_helpers__WEBPACK_IMPORTED_MODULE_17__","_adapters_helpers_Constants__WEBPACK_IMPORTED_MODULE_18__","_adapters_cloudinary_ImageFactory__WEBPACK_IMPORTED_MODULE_19__","_adapters_helpers_pagespeedHelper__WEBPACK_IMPORTED_MODULE_20__","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__","BackgroundImage","_props$mobileBackgrou","_props$mobileBackgrou2","_props$mobileBackgrou3","_props$mobileBackgrou4","_props$desktopBackgro","_props$desktopBackgro2","_props$desktopBackgro3","_props$desktopBackgro4","mobileBackgroundImageId","mobileBackgroundImage","asset","fields","file","url","contentImageId","desktopBackgroundImageId","desktopBackgroundImage","marginTop","backgroundOffsetTop","backgroundPosition","_props$alt","alt","_props$children","children","_props$customStyles","customStyles","_props$ariaHidden","ariaHidden","paddingTop","concat","widthToHeightRatio","isPreload","isBannerImage","nodeRef","useRef","placeholderRef","j6","defaultImageWindWidth","width","setWidth","_useState2","isPageLoaded","setIsPageLoaded","_useState3","customClassName","setCustomClassName","_useState4","H","ZP","buildContentfullImageUrl","setUrl","updateWidth","node","current","V","getBoundingClientRect","W","innerWidth","transformations","format","imageId","handleResize","addEventListener","removeEventListener","cancel","LI","Fragment","jsxs","rel","href","as","media","mobile_max_width","desktop_min_width","className","ref","style","backgroundImage","role","offset","placeholder","Ui","defaultProps","fragments","minWidth","size"],"sourceRoot":""}