{"version":3,"file":"static/chunks/6790-458432d19e460228.js","mappings":"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","sources":["webpack://_N_E/./components/icons/IconDone.jsx","webpack://_N_E/./components/applications/plp/components/Pod/Pod.helpers.js","webpack://_N_E/./components/applications/pip/components/Options/PriceAdjustedValue.jsx","webpack://_N_E/./components/product/Swatch/SwatchElement/SwatchElement.module.scss","webpack://_N_E/./components/product/SwatchGroup/SwatchReducer.js","webpack://_N_E/./components/product/SwatchGroup/SwatchContext.js","webpack://_N_E/./components/product/Swatch/Swatch.module.scss","webpack://_N_E/./components/product/Swatch/SwatchElement/index.jsx","webpack://_N_E/./custom_hooks/useVisibilityChangeSupport.js","webpack://_N_E/./components/product/SwatchGroup/SwatchFocus.jsx","webpack://_N_E/./components/product/Swatch/index.jsx"],"sourcesContent":["\nexport function IconDone(props){\n    return(\n        <svg xmlSpace=\"preserve\" viewBox=\"0 0 24 24\" {...props} aria-label=\"Done\">\n             <path d=\"M9 16.219l10.594-10.641 1.406 1.406-12 12-5.578-5.578 1.359-1.406z\"></path>\n        </svg>\n    )\n}","\nexport function getFileName(image, fallback){\n    const filename = image ? image : fallback; \n    const fileIndex = filename.lastIndexOf(\"/\") + 1;\n    \n    return filename ? filename.substr(fileIndex) : \"dummy-image-400x300.webp\";\n}","import formatPrice from \"lib/Utils/formatPrice\";\n\n// parsed priceAdjust object from an option.  \n// Probably can just do this in the parseOptionLabel() when we create it\n\nfunction PriceAdjustedValue({ value, qty, isSet }){\n    const price = value.includes(\"$\") ? value.split(\"$\")[1] : value;\n    const priceNumeric = parseFloat(price);\n    const formattedTotal = formatPrice(priceNumeric);\n\n    return(\n        <>\n            {value.includes(\"-\") ? \"-\" : \"+\"}\n            {formattedTotal}                          \n        </>\n    )\n}\n\n\nexport default PriceAdjustedValue;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"block\":\"SwatchElement_block__Zla6b\",\"small\":\"SwatchElement_small__AzRF5\",\"name\":\"SwatchElement_name__3hhSr\",\"disabled\":\"SwatchElement_disabled__hkeKc\",\"price\":\"SwatchElement_price__X8Uxq\",\"soldOut\":\"SwatchElement_soldOut__vzO9b\",\"imgCntr\":\"SwatchElement_imgCntr__60Amn\",\"image\":\"SwatchElement_image__P0YbH\",\"control\":\"SwatchElement_control__yQL_N\",\"badgeRow\":\"SwatchElement_badgeRow__uvmoY\",\"badgeIcon\":\"SwatchElement_badgeIcon__EdQSz\",\"badgeCntr\":\"SwatchElement_badgeCntr__KTmoA\",\"badgeCntrBackground\":\"SwatchElement_badgeCntrBackground__6dv8U\",\"brandBadge\":\"SwatchElement_brandBadge__bhujN\",\"gradeBadge\":\"SwatchElement_gradeBadge__wjmnR\",\"badge\":\"SwatchElement_badge__iHFik\",\"specialOrder\":\"SwatchElement_specialOrder__8NMMH\"};","/**\n*   Swatch Group State Manager:\n*/\n\n// use our initial state as a type of manifest for the Global State\nexport const initialState = {\n    showPopover: null,\n    show: false,\n    arrowElement: null\n}\n\n\nexport const SwatchReducer = (state, action) => {\n    switch(action.type){\n        \n        case \"setPopover\":\n            return {\n                ...state,\n                showPopover: action.data\n            }\n\n        case \"isShown\":\n            return {\n                ...state,\n                show: action.isShown\n            }\n\n        case \"setArrowElement\":\n            return {\n                ...state,\n                arrowElement: action.data\n            }\n\n\n        default: return;\n    }\n};\n","import { createContext, useReducer } from \"react\";\nimport { SwatchReducer, initialState } from \"./SwatchReducer\";\n\nexport const SwatchContext = createContext({});\n\n// Create our Provider with our Reducer as our state manager\nexport const SwatchContextProvider = props => {\n    const [state, dispatch] = useReducer(SwatchReducer, initialState);\n\n    return (\n        <SwatchContext.Provider value={[ state, dispatch ]}>\n            {props.children}\n        </SwatchContext.Provider>\n    );\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"block\":\"Swatch_block__gxYVw\"};","import Style from './SwatchElement.module.scss';\nimport utils from 'styles/globals/utils.module.scss';\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport Image from \"next/image\";\nimport React, { useContext } from \"react\";\nimport parseOptionLabel from 'components/applications/pip/helpers/parseOptionLabel.helper';\nimport { cloudinarySwatchLoader } from \"thirdparty/Cloudinary/cloudinaryLoader\";\nimport PriceAdjustedValue from \"components/applications/pip/components/Options/PriceAdjustedValue\";\nimport { SwatchContext } from 'components/product/SwatchGroup/SwatchContext';\n\n\nconst SwatchElement = React.forwardRef(({\n    onChange = () => null,\n    option_id,\n    label,\n    image,\n    name,\n    selected,\n    isCheckbox,\n    noMargin = false,\n    smallSwatch = false,\n    hideSwatch = false,\n    isStocked = false,\n    isNewColor = false,\n    isSpecialOrder = false,\n    color = \"\",\n    brandName,\n    text,\n    grade,\n    priceAdjust,\n    priceAdjustNumeric,\n    fileName,\n    disabled = false,\n    hidePrice = false,\n    swatch_type = \"\",\n    qty = 1,\n    isSet = false,\n\n}, ref) => {\n\n    const parsedLabel = (color && brandName && grade) ? { color, brandName, text, grade, priceAdjust, priceAdjustNumeric } : parseOptionLabel(label);\n    let timeout = null;\n\n    const [ swatchContext, dispatch ] = useContext(SwatchContext)\n\n    const shouldShow = () => {\n        if( !label?.includes(\"No \") ){\n            timeout = setTimeout(() => {\n                dispatch({ type: \"setPopover\", data: option_id })\n            }, 600)\n        }\n\n    }\n\n\n    return(\n        <>\n            <label\n                htmlFor={option_id}\n                className={clsx(\n                    Style.block,\n                    noMargin && utils.m_0,\n                    smallSwatch && Style.small,\n                    hideSwatch && Style.soldOut,\n                    disabled && Style.disabled,\n                )}\n                onMouseEnter={shouldShow}\n                onMouseLeave={() => {\n                    clearTimeout(timeout)\n                    dispatch({ type: \"setPopover\", data: null })\n                }}\n            >\n\n                <input\n                    ref={ref}\n                    type={isCheckbox ? \"checkbox\" : \"radio\"}\n                    name={name}\n                    id={option_id}\n                    className={Style.control}\n                    value={option_id}\n                    onChange={() => onChange({\n                        image,\n                        swatch_type,\n                        value: option_id,\n                        name,\n                        ...parsedLabel\n                    })}\n                    checked={selected}\n                    title={text ?? parsedLabel.text}\n                    disabled={hideSwatch || disabled}\n                />\n\n                <div className={clsx(Style.imgCntr)}>\n                    {(fileName) && (\n                        <Image\n                            alt={label ?? \"Swatch\"}\n                            src={fileName}\n                            className={Style.image}\n                            width={100}\n                            height={100}\n                            priority={swatch_type === \"full_product\"}\n                            loader={cloudinarySwatchLoader}\n                        />\n                    )}\n\n                    {(\n                        !color.includes(\"No \") && \n                        (parsedLabel.brandName || parsedLabel.grade || isStocked || \n                        (typeof swatch_type === \"string\" && swatch_type.includes(\"full\"))) \n                    ) && (\n                        <div className={clsx(Style.badgeCntr, (parsedLabel.brandName || parsedLabel.grade ) && Style.badgeCntrBackground)}>\n\n                            {(parsedLabel.brandName || parsedLabel.grade) && (\n                                <div className={Style.badgeRow}>\n                                    {parsedLabel.brandName && (\n                                        <div className={Style.brandBadge}>\n                                            {parsedLabel.brandName}\n                                        </div>\n                                    )}\n\n                                    {parsedLabel.grade && (\n                                        <div className={Style.gradeBadge}>\n                                            Grade {parsedLabel.grade}\n                                        </div>\n                                    )}\n                                </div>\n                            )}\n\n\n                            {isStocked && (\n                                <div className={clsx(Style.badge, Style.badgeIcon)}>\n                                    <svg width=\"25\" height=\"25\" viewBox=\"0 0 21 21\">\n                                        <circle cx=\"10.5\" cy=\"10.5\" r=\"10\" fill=\"#4c7b9a\"/>\n                                        <path d=\"m4.48,10.37c0-1.86,1.36-3.19,3.22-3.19s3.23,1.33,3.23,3.19c0,.87-.3,1.63-.81,2.18l.45.53-.92.75-.5-.57c-.43.19-.93.31-1.46.31-1.86,0-3.22-1.33-3.22-3.19Zm3.87,1.92l-.68-.8.91-.75.68.81c.2-.33.31-.74.31-1.18,0-1.16-.74-2.03-1.88-2.03s-1.87.87-1.87,2.03.73,2.03,1.87,2.03c.23,0,.44-.04.65-.1Z\" fill=\"#fff\"/>\n                                        <path d=\"m11.44,12.58l.71-1c.43.45,1.11.83,1.96.83.72,0,1.07-.33,1.07-.69,0-1.09-3.55-.34-3.55-2.67,0-1.03.89-1.88,2.34-1.88.98,0,1.8.3,2.41.86l-.73.96c-.5-.46-1.17-.68-1.8-.68-.56,0-.88.25-.88.62,0,.98,3.54.32,3.54,2.63,0,1.13-.8,1.98-2.47,1.98-1.18,0-2.04-.4-2.61-.98Z\" fill=\"#fff\"/>\n                                    </svg>\n                                </div>\n                            )}\n                            {isNewColor && (\n                                <div className={clsx(Style.badge, Style.badgeIcon)}>\n                                    <svg width=\"25\" height=\"25\" viewBox=\"0 0 50 50\">\n                                        <g id=\"New_Color_Badge\" data-name=\"New Color Badge\" transform=\"translate(-71 -70)\">\n                                        <g id=\"Sale_Badge\" data-name=\"Sale Badge\" transform=\"translate(-61 63)\">\n                                        <g id=\"Group_2\" data-name=\"Group 2\">\n                                            <path id=\"Path_5\" data-name=\"Path 5\" d=\"M25,0A25,25,0,1,1,0,25,25,25,0,0,1,25,0Z\" transform=\"translate(132 7)\" fill=\"#5ca9a4\"/>\n                                        </g>\n                                        </g>\n                                            <path id=\"Path_7\" data-name=\"Path 7\" d=\"M-5.72,0V-6.67H-7.14v4.19l-3.09-4.19h-1.46V0h1.42V-4.35L-7.09,0ZM1.52,0V-1.25h-3.3V-2.76H1.45V-4.01H-1.78V-5.42h3.3V-6.67H-3.2V0Zm8.92,0,1.9-6.67h-1.6L9.58-1.85,8.32-6.67H7.21L5.94-1.85,4.77-6.67H3.18L5.09,0H6.6L7.76-4.58,8.93,0ZM-15.29,10.12A3.072,3.072,0,0,0-12.5,8.48l-1.22-.59a1.789,1.789,0,0,1-1.57.97,2.077,2.077,0,0,1-2.09-2.19,2.077,2.077,0,0,1,2.09-2.19,1.808,1.808,0,0,1,1.57.97l1.22-.6a3.053,3.053,0,0,0-2.79-1.63,3.389,3.389,0,0,0-3.55,3.45A3.389,3.389,0,0,0-15.29,10.12Zm8,0A3.351,3.351,0,0,0-3.8,6.67,3.351,3.351,0,0,0-7.29,3.22a3.349,3.349,0,0,0-3.48,3.45A3.349,3.349,0,0,0-7.29,10.12Zm0-1.26A2.022,2.022,0,0,1-9.31,6.67,2.017,2.017,0,0,1-7.29,4.48,2.025,2.025,0,0,1-5.26,6.67,2.03,2.03,0,0,1-7.29,8.86ZM2.64,10V8.75H-.18V3.33H-1.6V10Zm5.08.12a3.351,3.351,0,0,0,3.49-3.45A3.351,3.351,0,0,0,7.72,3.22,3.349,3.349,0,0,0,4.24,6.67,3.349,3.349,0,0,0,7.72,10.12Zm0-1.26A2.022,2.022,0,0,1,5.7,6.67a2.031,2.031,0,1,1,4.05,0A2.03,2.03,0,0,1,7.72,8.86ZM18.81,10l-1.5-2.54a1.914,1.914,0,0,0,1.46-1.98,2.077,2.077,0,0,0-2.24-2.15H13.41V10h1.42V7.63h1.04L17.18,10ZM16.32,6.38H14.83V4.58h1.49a.905.905,0,1,1,0,1.8Z\" transform=\"translate(96 93)\" fill=\"#fff\"/>\n                                        </g>\n                                    </svg>\n                                </div>\n                            )}\n                        </div>\n                    )}\n\n                    {isSpecialOrder && (\n                        <div className={Style.specialOrder}>\n                            <svg width=\"65\" height=\"37\" viewBox=\"0 0 65 37\">\n                                <g id=\"WS01255_090623_SpecialOrder-Icon\" transform=\"translate(-143 -97)\">\n                                    <rect id=\"Rectangle_442\" data-name=\"Rectangle 442\" width=\"65\" height=\"37\" rx=\"9\" transform=\"translate(143 97)\" fill=\"#5ca9a4\"/>\n                                    <path id=\"Path_5\" data-name=\"Path 5\" d=\"M-22.87-.94A3.568,3.568,0,0,0-20.16.12c1.8,0,2.58-.95,2.58-2.06,0-1.45-1.31-1.79-2.41-2.07-.79-.2-1.47-.37-1.47-.89,0-.5.44-.83,1.13-.83a2.711,2.711,0,0,1,1.93.76l.67-.87a3.471,3.471,0,0,0-2.5-.93c-1.46,0-2.43.85-2.43,1.95,0,1.41,1.28,1.73,2.37,2,.81.21,1.52.39,1.52.99,0,.44-.38.91-1.34.91a2.877,2.877,0,0,1-2.11-.92Zm8.74.94V-2.49h1.76a2.04,2.04,0,0,0,2.18-2.09,2.035,2.035,0,0,0-2.18-2.09H-15.3V0Zm2.74-4.58a1.052,1.052,0,0,1-1.14,1.06h-1.6V-5.64h1.6A1.052,1.052,0,0,1-11.39-4.58ZM-3.45,0V-1.03h-3.4V-2.88h3.33V-3.91H-6.85V-5.64h3.4V-6.67H-8.02V0ZM2.1.12a3.052,3.052,0,0,0,2.73-1.5l-1-.51A1.98,1.98,0,0,1,2.1-.92,2.275,2.275,0,0,1-.15-3.33,2.275,2.275,0,0,1,2.1-5.74a2,2,0,0,1,1.73.97l1-.51A3.04,3.04,0,0,0,2.1-6.78,3.353,3.353,0,0,0-1.35-3.33,3.353,3.353,0,0,0,2.1.12ZM8.14,0V-6.67H6.97V0Zm8.62,0L14.14-6.67H12.68L10.06,0h1.28l.49-1.28h3.16L15.48,0Zm-2.1-2.31h-2.5l1.25-3.37ZM22.8,0V-1.03H19.86V-6.67H18.69V0ZM-18.53,8.67a3.309,3.309,0,0,0,3.41,3.45,3.309,3.309,0,0,0,3.41-3.45,3.309,3.309,0,0,0-3.41-3.45A3.309,3.309,0,0,0-18.53,8.67Zm5.62,0a2.221,2.221,0,0,1-2.21,2.41,2.215,2.215,0,0,1-2.21-2.41,2.21,2.21,0,0,1,2.21-2.41A2.215,2.215,0,0,1-12.91,8.67ZM-4.22,12-5.85,9.38A1.87,1.87,0,0,0-4.27,7.42,2.025,2.025,0,0,0-6.45,5.33H-9.38V12h1.17V9.51h1.16L-5.57,12ZM-5.47,7.42A1.052,1.052,0,0,1-6.61,8.48h-1.6V6.36h1.6A1.052,1.052,0,0,1-5.47,7.42ZM.58,12A3.252,3.252,0,0,0,4.07,8.67,3.26,3.26,0,0,0,.58,5.33H-1.9V12ZM-.73,6.36H.58A2.161,2.161,0,0,1,2.87,8.67a2.19,2.19,0,0,1-2.29,2.3H-.73ZM10.97,12V10.97H7.57V9.12H10.9V8.09H7.57V6.36h3.4V5.33H6.4V12Zm7.56,0L16.9,9.38a1.87,1.87,0,0,0,1.58-1.96A2.025,2.025,0,0,0,16.3,5.33H13.37V12h1.17V9.51H15.7L17.18,12ZM17.28,7.42a1.052,1.052,0,0,1-1.14,1.06h-1.6V6.36h1.6A1.052,1.052,0,0,1,17.28,7.42Z\" transform=\"translate(176 113)\" fill=\"#fff\"/>\n                                </g>\n                            </svg>\n                        </div>\n                    )}\n\n                </div>\n\n                <span className={Style.name}>\n                    {parsedLabel.color}\n\n                    {(parsedLabel?.priceAdjust && !hidePrice) && (\n                        <small className={Style.price}>\n                            (<PriceAdjustedValue\n                                value={parsedLabel?.priceAdjust}\n                                {...{ isSet, qty }}\n                            />)\n                        </small>\n                    )}\n                </span>\n            </label>\n        </>\n    )\n})\n\n\nSwatchElement.displayName = \"SwatchElement\";\n\n\nSwatchElement.propTypes = {\n    toggleShow: PropTypes.func,\n    onChange: PropTypes.func,\n    option_id: PropTypes.number,\n    label: PropTypes.string,\n    image: PropTypes.string,\n    name: PropTypes.string,\n    selected: PropTypes.bool,\n    noMargin: PropTypes.bool,\n    smallSwatch: PropTypes.bool\n};\n\n\nexport default SwatchElement;","import { useEffect, useRef } from \"react\";\n\nfunction useVisibilityChangeSupport() {\n\tconst hasFocus = useRef(true)\n\n\tconst onFocus = () => {\n\t\thasFocus.current = true;\n\t};\n\n\n\tconst onBlur = () => {\n\t\thasFocus.current = false;\n\t};\n\n\n\tuseEffect(() => {\n\t\tonFocus();\n\n\t\twindow.addEventListener(\"focus\", onFocus);\n\t\twindow.addEventListener(\"blur\", onBlur);\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"focus\", onFocus);\n\t\t\twindow.removeEventListener(\"blur\", onBlur);\n\t\t};\n\n\t}, []);\n\n\n\treturn hasFocus;\n}\n\n\nexport default useVisibilityChangeSupport;","import useVisibilityChangeSupport from 'custom_hooks/useVisibilityChangeSupport';\nimport { useContext, useEffect } from 'react';\nimport { SwatchContext } from './SwatchContext';\n\n\n\nfunction SwatchFocus({ swatchData, productImage, isSet, dispatch = () => null }) {\n    const swatchGroupFocus = useVisibilityChangeSupport()\n    const [ swatchContext, swatchDispatch ] = useContext(SwatchContext)\n\n    useEffect(() => {\n        if( !swatchGroupFocus ){\n            dispatch({ type: \"setPopover\", data: null })\n        }\n\n    }, [ swatchGroupFocus ])\n\n\n\n     useEffect(() => {\n        const isShown = swatchData.option_id === swatchContext.showPopover\n\n        if( swatchData.swatch_type === \"full_product\" && isShown && !isSet ){     \n            dispatch({\n                type: \"setHoverImage\",\n                data: productImage\n            })\n\n        }else{\n            swatchDispatch({\n                type: \"isShown\",\n                isShown\n            })\n        }\n        \n    }, [ \n        swatchData.option_id, \n        swatchContext.showPopover \n    ])\n\n\n    return null\n}\n\nexport default SwatchFocus;","/* eslint-disable react-hooks/exhaustive-deps */\nimport PropTypes from \"prop-types\";\nimport { memo, useEffect, useMemo, useRef, useState } from \"react\";\nimport SwatchElement from \"./SwatchElement\";\nimport dynamic from 'next/dynamic'\nimport { SwatchContextProvider } from \"../SwatchGroup/SwatchContext\";\nimport Style from './Swatch.module.scss';\nimport { getFileName } from \"components/applications/plp/components/Pod/Pod.helpers\";\nimport { cloudinarySwatchLoader } from \"thirdparty/Cloudinary/cloudinaryLoader\";\nimport SwatchFocus from \"../SwatchGroup/SwatchFocus\";\n\nconst SwatchPopover = dynamic(() => import('./SwatchPopover'))\n\n\nfunction Swatch({ \n    id, \n    swatchData, \n    onChange, \n    name, \n    selected, \n    isCheckbox = false, \n    width, \n    height,\n    noMargin,\n    smallSwatch = false,\n    isMobile = false,\n    hideSwatch,\n    isStocked,\n    isNewColor,\n    isSpecialOrder,\n    contextState,\n    isFabric,\n    totalSwatches,\n    disabled = false,\n    hidePrice = false,\n    isSet  = false,\n    qty = 1,\n    dispatch = () => null,\n}){\n    const [ swatchElement, setSwatchElement ] = useState(null)\n\n    const productImage = useMemo(() => {\n        if( swatchElement?.fileName ){\n            return cloudinarySwatchLoader({\n                width: 500,\n                height: 500,\n                src: swatchElement?.fileName,\n            })\n        }\n\n    }, [ swatchElement?.fileName ])\n    \n\n    \n    useEffect(() => {\n        const fileName = swatchData?.image ? getFileName(swatchData?.image) : null;\n        setSwatchElement({ ...swatchData, fileName: fileName ?? null })\n        \n    }, [ swatchData ])\n\n\n    const referenceElement = useRef(null)\n\n\n\n    return(\n        <SwatchContextProvider>\n            <SwatchFocus \n                dispatch={dispatch}\n                {...{ swatchData, productImage, isSet }} \n            />\n\n            <div className={Style.block} style={{ order: (hideSwatch && totalSwatches) || (isSpecialOrder && totalSwatches) }}>\n                <SwatchPopover \n                    referenceElement={referenceElement?.current}\n                    {...swatchElement} \n                    {...{ \n                        isStocked, \n                        isMobile,\n                        hideSwatch,\n                        isSpecialOrder, \n                        isSet, \n                        qty, \n                    }} \n                />\n                        \n\n                <SwatchElement \n                    ref={referenceElement} \n                    id={id}\n                    onChange={(e) => onChange(e)}\n                    {...swatchElement}\n                    {...{ \n                        isSet,\n                        qty,\n                        hideSwatch, \n                        name, \n                        selected, \n                        isCheckbox, \n                        width, \n                        height, \n                        smallSwatch, \n                        noMargin, \n                        isStocked,\n                        isNewColor,\n                        isSpecialOrder,\n                        contextState,\n                        isFabric,\n                        disabled,\n                        hidePrice,\n                        swatch_type: swatchData.swatch_type\n                    }}\n                />\n            </div>\n        </SwatchContextProvider>\n    )\n}\n\n\nSwatch.propTypes = {\n    id: PropTypes.string, \n    swatchData: PropTypes.object, \n    onChange: PropTypes.func, \n    name: PropTypes.string, \n    selected: PropTypes.bool, \n    noMargin: PropTypes.bool,\n    smallSwatch: PropTypes.bool\n}\n\n\nexport default memo(Swatch);"],"names":["IconDone","props","svg","xmlSpace","viewBox","aria-label","path","d","getFileName","image","fallback","filename","fileIndex","lastIndexOf","substr","value","qty","isSet","priceNumeric","parseFloat","PriceAdjustedValue","includes","split","formattedTotal","formatPrice","initialState","showPopover","show","arrowElement","SwatchReducer","state","action","type","data","isShown","createContext","dispatch","useReducer","SwatchContext","Provider","children","SwatchElement","React","ref","onChange","option_id","label","name","selected","isCheckbox","noMargin","smallSwatch","hideSwatch","isStocked","isNewColor","isSpecialOrder","color","brandName","text","grade","priceAdjust","priceAdjustNumeric","fileName","disabled","hidePrice","swatch_type","parsedLabel","parseOptionLabel","timeout","swatchContext","useContext","htmlFor","className","clsx","Style","utils","onMouseEnter","shouldShow","setTimeout","onMouseLeave","clearTimeout","input","id","checked","title","div","Image","alt","src","width","height","priority","loader","cloudinarySwatchLoader","circle","cx","cy","r","fill","g","data-name","transform","rect","rx","span","small","displayName","propTypes","toggleShow","PropTypes","useVisibilityChangeSupport","hasFocus","useRef","onFocus","current","onBlur","useEffect","window","addEventListener","removeEventListener","SwatchFocus","swatchData","productImage","swatchGroupFocus","swatchDispatch","SwatchPopover","dynamic","Swatch","isMobile","contextState","isFabric","totalSwatches","swatchElement","setSwatchElement","useState","useMemo","referenceElement","SwatchContextProvider","style","order","e","memo"],"sourceRoot":"","ignoreList":[]}