{"version":3,"file":"js/8158.js","mappings":"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","sources":["webpack:///./resources/js/components/pages/products/detailWidgets/SlideWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/SingleListWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/FlexListWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/FileWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/LinkWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/ColumnWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/FlexImagesWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/CopyWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/TableWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/ApplicationOptionsWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/SwatchesWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/SwatchesTabsWidget.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/SectionWidget.jsx","webpack:///./resources/js/components/pages/products/detailBlades/ProductDetailBlade.jsx","webpack:///./resources/js/components/pages/products/detailWidgets/NavigationWidget.jsx","webpack:///./resources/js/components/pages/products/detailBlades/index.js","webpack:///./resources/js/components/blades/PlaceHolderBlade.jsx","webpack:///./resources/js/components/helpers/kebabCase.js"],"sourcesContent":["import {useTheme, css} from \"@emotion/react\";\nimport {useState} from 'react';\nimport PropTypes from \"prop-types\";\nimport ImageGallery from 'react-image-gallery';\nimport { em } from \"@util/convertUnits\";\nimport CmsImageLoader from \"../../../base/CmsImageLoader\";\n\nconst SlideWidget = ({content}) => {\n\n    const theme = useTheme();\n\n    const {subtitle, slides} = content;\n    const [slideIndex, setSlideIndex] = useState(0);\n    const subheaderCss = css(`\n        text-align:center;\n        margin-top: 1em;\n        min-width: 30em;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            min-width: 40em;\n            \n        }\n\n    `)\n    \n    const slidesCss = css(`\n        text-align:center;\n        text-align: left;\n        margin-right:3em;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            margin-left:12em;\n            \n        }\n        \n    `)\n    \n    const subheaderContainer = css(`\n        width: 100%; \n        height: auto;\n        object-fit: cover;\n        position: relative;\n        display: flex;\n        align-items:center;\n        flex-direction:column;\n    `)\n\n    const imageContainer = css(`\n        display: flex;\n        max-width: 30em;\n        flex-direction: column;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            width:70em;\n            max-width: 100vw;\n        }\n    `);\n\n    const formatted = slides.map(slide => {\n        return {\n            original: slide.image_url,\n            originalTitle: slide.alt_text\n        }\n    })\n\n    const renderImage = (item) => {\n        return <CmsImageLoader className={'image-gallery-image'} url={item.original} alt={item.originalTitle} />\n    }\n\n    const config = {\n        showThumbnails: false,\n        items: formatted,\n        renderItem: renderImage,\n        onSlide: setSlideIndex,\n        showFullscreenButton: false,\n        showPlayButton: false,\n        showBullets: true,\n    }\n\n    return <div css={subheaderContainer}>\n            <h2 css={subheaderCss}>{subtitle}</h2>\n            <div css={imageContainer}>\n                <ImageGallery {...config} />\n                    <h3 css={subheaderCss}>{slides[slideIndex].slide_label}</h3>\n                </div>\n                <p css={slidesCss}>{slides[slideIndex].slide_desc}</p>\n    </div>;\n};\n\nSlideWidget.propTypes = {\n    content: PropTypes.object,\n};\n\nexport default SlideWidget;\n","import {useTheme, css} from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\nimport { em } from \"@util/convertUnits\";\n\nconst SingleListWidget = ({content}) => {\n\n\n    const theme = useTheme();\n\n    const listItemCss = css(`\n        align-items: center;\n        justify-content: left;\n        display: flex;\n        max-width: 95%;\n        max-height: 90%;\n        margin-bottom: 2em;\n        max-height: 85%;\n        text-align: left;\n        padding:2em;\n\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            min-width: 100%;\n        }\n    `)\n    \n    const listDomContainer = css(`\n        flex-direction: column;\n        display: flex;\n        margin-top: 1em;\n\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            justify-content: center;\n            align-items:center;\n            max-width: 40%\n            margin-bottom: 2em;\n        }\n        \n    `);\n\n    const listStyles = css(`\n        background-color:#F9F9F9;\n        height: auto;\n        padding:2em;\n    `);\n\n    const {list} = content;\n    \n    const listDom = list.map((e, i) => {\n        const css = [listItemCss];\n        if(i % 2 === 0){\n            css.push(listStyles);\n        }\n        return <li css={css} key={e} dangerouslySetInnerHTML={{__html: e}}></li>\n    })\n\n    return <ul css={listDomContainer} className={'px-3'}>\n        {listDom}\n    </ul>;\n};\n\nSingleListWidget.propTypes = {\n    content: PropTypes.object,\n};\n\nexport default SingleListWidget;\n","import {css, useTheme} from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\nimport { em } from \"@util/convertUnits\";\n\nconst FlexListWidget = ({content}) => {\n\n    const theme = useTheme();\n\n    const widgetCss = css(`\n        display:flex;\n        flex-wrap: nowrap;\n        flex-direction: column;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            flex-direction: row;\n            background-color:#F9F9F9;\n            flex-wrap:wrap;\n        }\n    `);\n\n    const listItemCss = css(`\n        margin: 0px 0;\n        text-transform: capitalize;\n        display: flex;\n        width:100%;\n        margin-bottom: 2em;\n        align-items: center;\n        justify-content:center;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            margin: 10px 0;\n            display:flex;\n            align-items: left;\n            width: 50%;\n            justify-content: start;\n            flex-wrap:wrap;\n        }\n    `)\n    \n    const {list} = content;\n    const listDom = list.map(i => {\n        return <div css={listItemCss} key={i} dangerouslySetInnerHTML={{__html: i}}></div>\n    })\n\n    return <div css={widgetCss} className={'px-3'}>\n        {listDom}\n    </div>;\n};\n\nFlexListWidget.propTypes = {\n    content: PropTypes.object,\n};\n\nexport default FlexListWidget;\n","import React from 'react';\nimport PropTypes from \"prop-types\";\nimport {css, useTheme} from \"@emotion/react\";\nimport { em } from \"@util/convertUnits\";\nimport {buttonClick} from \"@util/buttonClick\";\n\nconst FileWidget = ({content}) => {\n\n    const { file } = content;\n    const theme = useTheme();\n    const fontTheme = theme.header.fontFamily;\n\n    const fileImgContainer = css(`\n        display: flex;\n        justify-content: space-evenly;\n        align-items: center;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            flex-direction: row;\n            justify-content: space-between;\n        }\n    `);\n\n\n    const labelStyles = css(`\n        font-family: ${fontTheme};\n        display: flex;\n        flex-wrap: wrap;\n        text-align:left;\n        align-items: center;\n        text-decoration: underline;\n        cursor: pointer;\n    `);\n\n    const downloadFile = (file) => {\n        const link = document.createElement('a');\n        link.href = file.file_url;\n        link.target = '_blank';\n        link.click();\n    }\n\n    return ( \n    <div style={{maxWidth: \"100%\", width: \"70rem\"}}>\n        {file?.map((item) => (\n            <div key={item.file_url} css={fileImgContainer} className={'pb-2'} tabIndex={0} role={'button'} onKeyDown={(e)=>buttonClick(e)} onClick={() => downloadFile(item)}>\n                <div css={labelStyles}>\n                    {item.file_label}\n                </div>\n                {/*<div css={svgContainer}>*/}\n                {/*    <svg tabIndex={0} role='button' width=\"40\" height=\"40\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">*/}\n                {/*        <path fill=\"#95979a\" d=\"M5.74.48V29.73h23V8.09L21.11.48ZM7,1.74H20.22V9h7.23V28.46H7Zm14.47.9,5.08,5.08H21.48Z\"/>*/}\n                {/*        <path fill=\"#da6d6d\" d=\"M1.42,25.49H25.48V13H1.42Z\"/>*/}\n                {/*        <g>*/}\n                {/*            <path fill=\"#ffffff\" d=\"M10.55,18.34a1.89,1.89,0,0,1-.12.67,1.46,1.46,0,0,1-.34.55,2.21,2.21,0,0,1-.68.46,2.52,2.52,0,0,1-.93.15H7.67v1.66H6.35V16.74H8.51a3.72,3.72,0,0,1,.82.08,2.1,2.1,0,0,1,.59.25,1.37,1.37,0,0,1,.47.52A1.6,1.6,0,0,1,10.55,18.34Zm-1.35,0A.61.61,0,0,0,9.08,18a.66.66,0,0,0-.27-.21,1,1,0,0,0-.4-.09H7.67v1.52H8a2.81,2.81,0,0,0,.55,0A.75.75,0,0,0,9,19a.61.61,0,0,0,.18-.26A1,1,0,0,0,9.2,18.37Z\"/>*/}\n                {/*            <path fill=\"#ffffff\" d=\"M16.29,19.29A2.55,2.55,0,0,1,16,20.56a2.39,2.39,0,0,1-1.64,1.18,5.41,5.41,0,0,1-1.05.09h-1.8V16.74h1.85a4.81,4.81,0,0,1,1.07.1,2.41,2.41,0,0,1,.76.3A2.28,2.28,0,0,1,16,18,2.67,2.67,0,0,1,16.29,19.29Zm-1.35,0a1.88,1.88,0,0,0-.19-.86,1.22,1.22,0,0,0-.58-.56,1.53,1.53,0,0,0-.41-.14,4.85,4.85,0,0,0-.63,0H12.8v3.18h.33a3.75,3.75,0,0,0,.68,0,1.69,1.69,0,0,0,.43-.15,1.27,1.27,0,0,0,.53-.55A2,2,0,0,0,14.94,19.28Z\"/>*/}\n                {/*            <path fill=\"#ffffff\" d=\"M20.94,17.72H18.6v1h2.17v1H18.6v2.18H17.29V16.74h3.65Z\"/>*/}\n                {/*        </g>*/}\n                {/*    </svg>*/}\n                {/*</div>*/}\n            </div>)\n        )}\n    </div>\n    )};\n\nFileWidget.propTypes = {\n        content: PropTypes.object\n};\n\nexport default FileWidget;","import React from 'react';\nimport PropTypes from \"prop-types\";\nimport { useTheme, css } from \"@emotion/react\";\nimport {ButtonPill} from \"@/base\";\n\nconst linkContainerStyles = css(`\n        display: flex; \n        justify-content: center;\n        align-items: center;\n        height: 8em;\n    `);\n\nconst LinkWidget = ({content}) => {\n    const theme = useTheme();\n    const fontTheme = theme.header.fontFamily;\n\n    return <div css={linkContainerStyles}>{content.link.map((index) => (\n        <div key={index}>\n            <ButtonPill buttonTheme={'dark'} to={index.link_url} style={{fontFamily: fontTheme, cursor: 'pointer', textDecoration: 'none', color: \"#448DA4\"}}>{index.page_link}</ButtonPill>\n        </div>\n        ))}\n    </div>\n}\n\nLinkWidget.propTypes = {\n    content: PropTypes.object\n};\n\nexport default LinkWidget;","import {css, useTheme} from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\nimport {sectionMap} from './SectionWidget';\nimport { em } from \"@util/convertUnits\";\n\nconst ColumnWidget = ({content}) => {\n\n    const theme = useTheme();\n\n    const columnWrapperCss = css(`\n        display:flex;\n        flex-direction: column;\n\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            flex-direction: row;\n            justify-content: center;\n        }\n        \n    `)\n\n\n    const columnCss = css(`\n        display: flex;\n        justify-content:center;\n        align-items:center;\n        max-width:30em;\n    `)\n\n\n    const Components = content.content.map(content => {\n\n        const key = JSON.stringify(content);\n        const Component = sectionMap[content.type] || null;\n\n        return Component && (\n            <div key={key} css={columnWrapperCss}>\n                <div key={key} css={columnCss}>\n                    <Component content={content}/>\n                </div>\n            </div>\n        )\n    })\n\n    return <div>\n        {Components}\n    </div>;\n};\n\nColumnWidget.propTypes = {\n    content: PropTypes.object,\n};\n\nexport default ColumnWidget;\n","import { css, useTheme } from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\nimport { em } from \"@util/convertUnits\";\nimport CmsImageLoader from \"../../../base/CmsImageLoader\";\n\n\nconst FlexImagesWidget = ({ content }) => {\n    const theme = useTheme();\n    const imageLength = content.images.length;\n\n    const subheaderCss = css(`\n        text-align:center;\n        min-width:15em;\n    `);\n\n    const handleImageCss = css(`\n        margin:10px 1em;\n        flex-basis: calc(100%/6);\n        display:flex;\n        margin-bottom:2em;\n        align-items: center;\n        justify-content: center;\n        min-width:8em;\n        min-height:8em;\n        padding-left:1em;\n        flex-direction:column;\n        max-height: ${imageLength > 1 ? \"22em\" : \"12em\"};\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            \n            padding: 0;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n\n            img{\n                margin-bottom: 10px;\n            }\n        }\n   \n    `)\n\n    const largeImageCss = (`\n        min-width:300px;\n        min-height:300px;\n        max-height: 300px;\n        max-width: 300px;\n    `)\n\n    const hardwareOptionText = css(`\n        font-size: 12px;\n        width: 12em;\n        height: 2em;\n        text-align:center;\n        margin-bottom: 2em;\n    `);\n\n    const imageWrapperCss = css(`\n        display:flex;\n        width: 100vw;\n        flex-wrap: wrap;\n        justify-content: center;\n    `);\n\n\n    const { label, images } = content;\n    const imagesDom = images.map(i => {\n        return <div css={[handleImageCss, content.largeImages && largeImageCss]} key={`${i.swatch_url}_${i.swatch_label}`}>\n            <CmsImageLoader\n                url={i.swatch_url}\n                alt={i.swatch_label}\n                style={{\n                    width: \"100%\",\n                    height: \"100%\",\n                    objectFit: \"contain\"\n                }}\n            />\n            <div css={hardwareOptionText}>{i.swatch_label ? i.swatch_label : \"\"}</div>\n        </div>\n    })\n\n    return <div>\n        {label ? <h4 css={subheaderCss}> {label}</h4> : null}\n        <div css={imageWrapperCss}>{imagesDom}</div>\n    </div>;\n};\n\nFlexImagesWidget.propTypes = {\n    content: PropTypes.object,\n};\n\nexport default FlexImagesWidget;\n","import PropTypes from \"prop-types\";\nimport {css} from \"@emotion/react\";\n\nconst CopyWidget = ({content}) => {\n\n    const {copy} = content;\n\n    const copyWidgetStyles = css(`\n        text-align: center;\n        width: 100%;\n    `);\n\n    const copyDom = copy.map(str => {\n        return <p css={copyWidgetStyles} key={str} dangerouslySetInnerHTML={{__html: str}}></p>\n    })\n\n    return <div>\n        {copyDom}\n    </div>;\n};\n\nCopyWidget.propTypes = {\n    content: PropTypes.object,\n};\n\nexport default CopyWidget;\n","import PropTypes from \"prop-types\";\nimport {css} from \"@emotion/react\";\n\nconst TableWidget = ({content}) => {\n\n    const {data, label} = content;\n\n    const tableCss = css(`\n        width:100%;\n        max-width: 40em;\n        margin-bottom: 2em;\n    `)\n\n    const labelStyles = css(`\n        font-weight: normal;    \n    `)\n\n    const tdStyles = css(`\n        padding-top: 10px;\n        font-weight: normal;\n        > p {\n            max-width: 20em;\n        }\n    `);\n\n    const trStyles = css(`\n        border-bottom: .5px solid black;\n    `);\n\n\n    const theadStyles = css(`\n        border-bottom: 1px solid black;\n    `);\n\n    // we are literally mapping over a matrix of primitive values for a table here, there are no ID's whatsoever for this\n    // data that arent simply 'its index', and this is an anti-pattern. In the interest of time, and because this works\n    // just fine so far, i'm simply disabling the check here. For future reference: If there are any proper IDs available\n    // to use as keys, use them instead of the array index.\n    /* eslint-disable react/no-array-index-key */\n    const headers = data[0].map((cell, key) => {\n        return <th key={key} dangerouslySetInnerHTML={{__html: cell}}></th>\n    })\n    const body = data.slice(1).map((row, rowkey) => {\n        const cells = row.map((cell, cellkey) => {\n            return <td css={tdStyles} key={cellkey} dangerouslySetInnerHTML={{__html: cell}}></td>\n        })\n        return <tr css={trStyles} key={rowkey}>{cells}</tr>\n    })\n    /* eslint-enable react/no-array-index-key */\n\n    const table = <table css={tableCss}>\n        <thead css={theadStyles}>\n        <tr>{headers}</tr>\n        </thead>\n        <tbody>{body}</tbody>\n    </table>\n\n    return <div css={tableCss}>\n        {label ? <h3 css={labelStyles}> {label}</h3> : null}\n        {table}\n    </div>;\n};\n\nTableWidget.propTypes = {\n    content: PropTypes.object,\n};\n\nexport default TableWidget;\n","import React from 'react';\nimport {css, useTheme} from \"@emotion/react\";\nimport { em } from \"@util/convertUnits\";\nimport PropTypes from \"prop-types\";\nimport CmsImageLoader from \"../../../base/CmsImageLoader\";\n\nconst ApplicationOptionsWidget = ({content}) => {\n    const theme = useTheme();\n    const fontTheme = theme.header.fontFamily;\n\n    const containerStyles = css(`\n        justify-content: center;\n        align-items: center;\n        display:flex;\n        padding-bottom: 3.6rem;\n        \n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            padding-bottom: 0;\n        }\n    `);\n\n    const labelAndDescriptionContainer = css(`\n        display:flex;\n        width:8em;\n        flex-direction: column;\n        min-height:8em;\n        font-family:${fontTheme};\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            justify-content: start;\n            width: 25em;\n            margin-left:1.5em;\n            align-items: left;\n            min-height:5em;\n            max-height:5em;\n        }\n    `);\n\n    const imgStyles = css(`\n        min-height: 4em;\n        max-height: 6em;\n        \n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            min-height: 8em;\n            max-height: 8em;\n        }\n    `)\n\n    const descriptionStyles = css(`\n        font-size: 12px;\n    `)\n\n    const labelStyles = css(`\n        color: black;\n        margin-bottom:1em;\n    `);\n\n    return (\n   <div>\n        {content.items.map((item) => (\n            <div key={item.image_url} css={containerStyles}>\n                <div css={imgStyles}>\n                    <CmsImageLoader url={item.image_url} alt={item.alt_text}\n                                    style={{width: \"100%\", height: \"100%\", objectFit: \"cover\"}} />\n                </div>\n                <div css={labelAndDescriptionContainer}>\n                    <div css={labelStyles}>{item.label}</div>\n                    <div css={descriptionStyles}>{item.description}</div>\n                </div>\n            </div>)\n        )}\n    </div>\n    )};\n\nApplicationOptionsWidget.propTypes = {\n    content: PropTypes.object\n};\n\nexport default ApplicationOptionsWidget;","import { useTheme, css } from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\nimport { em } from \"@util/convertUnits\";\nimport React, { useState } from \"react\";\nimport CmsImageLoader from \"../../../base/CmsImageLoader\";\nimport {ButtonPill} from \"@/base\";\nimport useWindowResized from \"@/helpers/useWindowResized\";\n\nconst SwatchesWidget = ({ content }) => {\n\n    const theme = useTheme();\n    const [isMobile, setIsMobile] = useState(window.innerWidth <= theme.breakpoint.ns )\n    const [isOpen, setIsOpen] = useState(false)\n\n    useWindowResized(() => {\n        let mobileCheck = window.innerWidth <= theme.breakpoint.ns;\n        if (isMobile !== mobileCheck) setIsMobile(mobileCheck);\n    })\n\n    const subheaderCss = css(`\n        text-align:center;\n        display: flex;\n        justify-content: center;\n        margin-top: 2em;\n        margin-bottom: 1em;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            margin-bottom: 2em;\n\n            + p{\n                margin-top: -2em;\n            }\n        }\n    `)\n\n    const swatchWrapperCss = css(`\n        position: relative;\n        display:flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        justify-content: center;\n        margin-bottom:2em;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            width: 100%;\n            max-width: 840px;\n        }\n    `);\n\n    const labelStyles = css(`\n        font-size: 12px;\n        margin-top: 5px;\n    `);\n\n    const descriptionCss = css(`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 2.5em;\n        max-width:90%;\n        text-align:center;\n \n    `);\n\n    const listItemCss = css(`\n        \n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: start;\n        text-align: center;\n        margin-bottom: 1em;\n        width: 120px;\n        \n    `)\n\n    const swatchContainer = css(`\n        text-align: center;\n        width: 100%%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    `);\n\n    const fadeCss = css(`\n        position: absolute;\n        bottom: 0px;\n\n        display: block;\n    \n        width: 100%;\n        height: 10em;\n    \n        background-image: linear-gradient(to bottom, \n            rgba(255, 255, 255, 0), \n            rgba(255, 255, 255, 0.9)\n        80%);\n    `);\n\n    const labelDescriptionContainer = css(`\n            display: flex;\n            align-items:center;\n            justify-content:center;\n            flex-direction: column;\n    `);\n\n    const swatchImageCss = css(`\n        border-radius: 50%;\n        height: 60px;\n        width: 60px;\n    `)\n\n    const { swatches, label, description, footnote_label, footnote } = content;\n\n\n    const swatchesDom = swatches?.map((swatch, swatchIndex) => {\n        if(isMobile && swatchIndex >= 6 && !isOpen ) return;\n        return (\n            <div key={`${swatch.swatch_url}_${swatch.swatch_label}`} css={listItemCss}>\n                <CmsImageLoader css={swatchImageCss}\n                                url={swatch.swatch_url}\n                                alt={swatch.alt_text} />\n                <div css={labelStyles}>{swatch.swatch_label}</div>\n            </div>\n        )\n\n    })\n\n\n    return <div css={labelDescriptionContainer} className={'pb-4'}>\n        {label ? <h4 css={subheaderCss}> {label}</h4> : null}\n        {description ? <p css={descriptionCss}>{description}</p> : null}\n        <div css={swatchContainer}>\n            <div css={swatchWrapperCss}>\n                {swatchesDom}\n\n                { isMobile && swatches?.length > 6 && !isOpen ? <div css={fadeCss}></div> : \"\"}\n\n            </div>\n\n            { isMobile && swatches?.length > 6 &&  (\n                <ButtonPill buttonTheme={'dark-rev'} onClick={() => setIsOpen(!isOpen)}>{ isOpen ? 'View Less' : 'View More'}</ButtonPill>\n            )}\n            {footnote_label ? <h5 css={subheaderCss}> {footnote_label}</h5> : null}\n            {footnote ? <React.Fragment>\n                {[].concat(footnote).map(notes => {\n                    if(!notes) return null;\n                    return <p key={notes} css={descriptionCss}>{notes}</p>\n                })}\n            </React.Fragment> : null}\n        </div>\n\n    </div>;\n};\n\nSwatchesWidget.propTypes = {\n    content: PropTypes.object,\n    swatches: PropTypes.object,\n    isOpen: PropTypes.bool,\n};\nexport default SwatchesWidget;","import PropTypes from \"prop-types\";\nimport {ButtonPill} from \"@/base\";\nimport {useState} from \"react\";\nimport SwatchesWidget from \"@/pages/products/detailWidgets/SwatchesWidget\";\nimport {em} from \"@util/convertUnits\";\nimport {css, useTheme} from \"@emotion/react\";\n\nconst SwatchesTabsWidget = ({ tabs }) => {\n\n    const [activeTab, setActiveTab] = useState(0);\n    const theme = useTheme();\n\n    let tabCss = css(`\n\n            margin-bottom: 10px;\n            text-align: right;\n            &:nth-of-type(even){\n                text-align: left;\n            }\n            \n            @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n                width: auto;\n                text-align: unset;\n            }\n            \n            > button{\n                height: 100%;\n            }\n        `)\n\n    const buttons = () => {\n\n        return tabs?.map((tab, tabIndex)=>{\n            if(tab.hide) return null;\n            return <span key={tab.label} className={'px-1'} css={tabCss}>\n                <ButtonPill buttonTheme={'light-grey'} active={activeTab === tabIndex}\n                            onClick={()=>setActiveTab(tabIndex)}>{tab.label}</ButtonPill>\n            </span>\n        })\n    }\n\n    const swatches = () => {\n        return tabs?.[activeTab] && (\n            <div key={tabs[activeTab].key}>\n                <SwatchesWidget content={tabs[activeTab]}/>\n            </div>\n        )\n    }\n\n    return (\n        <div>\n            {tabs?.length > 1 && <div className={'d-flex flex-row flex-wrap justify-content-center py-1'}>{buttons()}</div>}\n            {swatches()}\n        </div>\n    )\n}\n\nSwatchesTabsWidget.propTypes = {\n    tabs: PropTypes.array\n};\nexport default SwatchesTabsWidget;","import { useTheme, css } from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\nimport SlideWidget from './SlideWidget';\nimport SingleListWidget from './SingleListWidget';\nimport FlexListWidget from './FlexListWidget';\nimport FileWidget from './FileWidget';\nimport LinkWidget from './LinkWidget';\nimport ColumnWidget from './ColumnWidget';\nimport FlexImagesWidget from './FlexImagesWidget';\nimport CopyWidget from './CopyWidget';\nimport { em } from \"@util/convertUnits\";\nimport TableWidget from \"./TableWidget\";\nimport ApplicationOptionsWidget from \"./ApplicationOptionsWidget\";\nimport SwatchesTabsWidget from \"./SwatchesTabsWidget\";\nimport SwatchesWidget from \"./SwatchesWidget\";\n\nconst sectionMap = {\n    \"slides\": SlideWidget,\n    \"single_list\": SingleListWidget,\n    \"flex_list\": FlexListWidget,\n    \"swatches\": SwatchesTabsWidget,\n    \"swatches_single\": SwatchesWidget,\n    \"flex_columns\": ColumnWidget,\n    \"flex_images\": FlexImagesWidget,\n    \"copy\": CopyWidget,\n    \"table\": TableWidget,\n    \"file\": FileWidget,\n    \"link\": LinkWidget,\n    \"image_list\": ApplicationOptionsWidget\n\n};\n\nconst SectionWidget = ({ section, name }) => {\n\n    const theme = useTheme();\n    const fontTheme = theme.header.fontFamily;\n\n    const headerCss = css(`\n        text-align:center;\n        text-transform: uppercase;\n        margin-top:2em;\n    `);\n\n    const sectionWidgetContainer = css(`\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content:center;\n    `);\n\n    const sectionWidgetAnchor = css(`\n        position: relative;\n        top: -70px;\n    `);\n\n    const subtitleCss = css(`\n        width:90%;\n        margin:0 auto;\n        height:auto;\n        font-size: 1em;\n        font-family: ${fontTheme};\n        text-align:center;\n        margin-bottom:2em;\n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            text-align:center;\n        }\n    `);\n\n    const componentWrapper = css(`\n        align-items: center;\n        flex-direction: column;\n        display:flex;\n        max-width: 90%;\n        font-family: ${fontTheme};\n        font-size: 1em;\n        text-align: center;\n        \n        @media (min-width: ${em(theme.breakpoint.ns, 16)}) {\n            justify-content: center;\n            align-items: center;\n            text-align: left;\n        }\n    `)\n\n    const tabbedSwatches = section.content.filter((content)=>content.type==='swatches');\n\n    const Components = section.content.map(content => {\n        const key = JSON.stringify(content);\n        const Component = sectionMap[content.type] || null;\n        if(content.type === \"link\"){\n\n            return (\n                <div data-aos={\"fade-up\"} key={key}>\n                    <LinkWidget content={content}/>\n                </div>\n            )\n\n        } else if(content.type === \"swatches\"){\n\n            return null;\n\n        } else if (!Component) {\n\n            return <div key={key}>\n                <pre>{JSON.stringify(content, false, '\\t')}</pre>\n            </div>;\n\n        } else {\n\n            return (\n                <div data-aos={\"fade-up\"} key={key}>\n                    <Component content={content} />\n                </div>\n            )\n        }\n    })\n\n    const subtitle = section.subtitle ?\n        <div css={subtitleCss} dangerouslySetInnerHTML={{ __html: section.subtitle }}/> : false;\n\n    /* eslint-disable */\n    return <div css={sectionWidgetContainer}>\n        <div css={sectionWidgetAnchor} id={name} />\n        <h3 data-aos={\"fade-up\"} css={headerCss}>{section.rename || section.label}</h3>\n        <div data-aos={\"fade-up\"} data-aos-delay={400} css={{width: '100%'}}>{subtitle}</div>\n        {Components && <div css={componentWrapper}>{Components}</div>}\n        {tabbedSwatches && <SwatchesTabsWidget tabs={tabbedSwatches}/>}\n    </div>\n    /* eslint-enable */\n};\n\nSectionWidget.propTypes = {\n    section: PropTypes.object,\n    name: PropTypes.string,\n};\n\n\nexport { SectionWidget as default, sectionMap };","import PropTypes from \"prop-types\";\nimport { useContext } from 'react';\nimport { ProductContext } from \"@/core/providers/ProductContext\";\nimport SectionWidget from \"@/pages/products/detailWidgets/SectionWidget\";\nimport { kebabCase } from \"@/helpers/kebabCase\";\n\nconst ProductDetailBlade = ({ stepKey }) => {\n\n    const {product} = useContext(ProductContext);\n\n    try {\n        \n        const section = product.sections.find((section) => section.label === stepKey);\n        const name = kebabCase(section.label)\n        return <div key={name}>\n            <SectionWidget section={section} name={name} />\n        </div>\n    } catch (e) {\n        return <></>;\n    }\n\n};\n\nProductDetailBlade.propTypes = {\n    stepKey: PropTypes.string\n};\n\nexport default ProductDetailBlade;\n","import {useTheme, css} from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\nimport {kebabCase} from \"@/helpers/kebabCase\";\nimport {useContext, useEffect, useRef, useCallback} from \"react\";\nimport {NavContext} from \"@/core/providers/NavProvider\";\nimport {ButtonPill} from \"@/base\";\nimport pdpBlades from \"@/pages/products/detailBlades\";\nimport BreadcrumbsNav from \"@/core/navigation/Breadcrumbs\";\n\n\nconst NavigationWidget = ({siblings}) => {\n\n    const { stickyMenu } = useContext(NavContext);\n    // eslint-disable-next-line no-unused-vars\n    const [subNav, setSubNav] = stickyMenu;\n    const initalNav = useRef();\n    const isActive = useRef(false);\n    const lastScroll = useRef(0);\n    const scrollUp = useRef(false)\n\n    const navItems = siblings.filter((link) => {\n        let keep = false;\n        if(link.render_name === 'quick_links_item') keep = true;\n        if(link.render_name === 'placeholder'){\n            let target = link.value.elements.find(el=>el.render_name==='target');\n            if(target.value !== 'product_detail_nav') keep = true;\n        }\n        if(keep) return link;\n    });\n\n    /** Begin Sticky Logic **/\n\n    useEffect(()=>{\n        // remove from context when not in use\n        return ()=>setSubNav(null)\n    }, [setSubNav])\n\n    const checkDirection = () => {\n        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n        scrollUp.current = scrollTop > lastScroll.current\n        lastScroll.current = scrollTop <= 0 ? 0 : scrollTop; // For Mobile or negative scrolling\n    };\n\n    const scrollCheck = useCallback(() => {\n\n        checkDirection()\n\n        // since our sticky nav exists in the middle of the dom and not just beneath header already, we wait to move\n        // it to the pageHeader via context till it is needed. Once there it can exist sticky along main nav sticky\n        // with scroll to see useage\n\n        let mainNavOffset = scrollUp.current ? 0 : document.getElementById('StickyMainNav').offsetHeight;\n\n        // window scroll amount - the elements distance to the top (adding main nav height to catch prior to top)\n        let activate = (window.scrollY - initalNav.current.offsetTop + mainNavOffset) > 0;\n\n        if(isActive.current !== activate){\n            setSubNav(activate ? navWidgetLayout(false) : null);\n            isActive.current = activate;\n        }\n\n    }, [navWidgetLayout, setSubNav])\n\n    useEffect(()=>{\n        window.addEventListener('scroll', scrollCheck)\n        return ()=>window.removeEventListener('scroll', scrollCheck)\n    }, [scrollCheck])\n\n    /** End sticky logic **/\n\n    const theme = useTheme();\n\n    const splashCss = css(`\n        align-items: center;\n        justify-content: center;\n        display: flex;\n        background: #000;\n        width: 100%;\n        padding: 1em;\n        margin: 0 auto;\n        border-bottom: 2px solid #e3e3e3;\n    `);\n\n    const styleMobileCatChooser = css(`\n    padding: 1rem;\n    width: 100%;\n    select {\n      outline:none;\n      min-width: 100%;\n      width: 100%;\n      text-indent:.3em;\n      padding: 1rem;\n      background: #000;\n      color: #fff;\n\n      // Remove default select appearance for cross-browser consistency & force in a little down arrow thingy.\n      -moz-appearance: none; \n      -webkit-appearance: none; \n      appearance: none;\n      background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJhbmdsZS1kb3duIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyMCA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1hbmdsZS1kb3duIGZhLXctMTAgZmEtM3giPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNTEuNSAzNDcuOEwzLjUgMjAxYy00LjctNC43LTQuNy0xMi4zIDAtMTdsMTkuOC0xOS44YzQuNy00LjcgMTIuMy00LjcgMTcgMEwxNjAgMjgyLjdsMTE5LjctMTE4LjVjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDE5LjggMTkuOGM0LjcgNC43IDQuNyAxMi4zIDAgMTdsLTE0OCAxNDYuOGMtNC43IDQuNy0xMi4zIDQuNy0xNyAweiIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==');\n      background-repeat: no-repeat;\n      background-position: calc(100% - 2rem) center;\n      background-size: 1rem;\n    }\n    @media (min-width: ${theme.mobileNavBp}px) {\n      display:none;\n    }\n  `);\n\n  const flexItemCss = css(`\n        display: none;\n  \n        @media (min-width: ${theme.mobileNavBp}px) {\n            font-size: 14px;\n            text-align:center;\n            display: flex;\n            align-items: center;\n            justify-content: center; \n        }\n`);\n\n\n    const renderMobileCatNav = useCallback(() => (\n        <div css={styleMobileCatChooser}>\n          <select onChange={ev => handleChooseCat(ev)}>\n              {navItems.map((link) => {\n                  if(link.render_name === 'placeholder'){\n                      let target = link.value.elements.find((attr)=>attr.render_name==='target');\n                      let navItem = pdpBlades[target.value].props.stepKey;\n                      return <option key={navItem} value={navItem}>{navItem}</option>\n                  } else {\n                      let anchorItem = link.value.elements.find(el=>el.render_name==='quick_link_title');\n                      const name = kebabCase(anchorItem.value);\n                      return <option key={name} value={name}>{anchorItem.value}</option>\n                  }\n\n              })}\n          </select>\n        </div>\n      ), [handleChooseCat, styleMobileCatChooser, navItems]);\n\n     const labels = useCallback((initial) => {\n\n         return navItems.map((link, linkIndex) => {\n\n             const initAnimation = initial ? {\n                         'data-aos' : \"fade-in\",\n                         'data-aos-delay' : 500 + (200*linkIndex) ,\n                         'data-aos-offset' : 50\n                     } : null;\n\n             if(link.render_name === 'placeholder'){\n                 let target = link.value.elements.find((attr)=>attr.render_name==='target');\n                 let stepItem = pdpBlades[target.value].props.stepKey;\n                 const name = kebabCase(stepItem);\n                 return (\n                         <span {...initAnimation} key={stepItem}>\n                            <ButtonPill to={`#${name}`} tagOverride={'a'} buttonTheme={'dark'} css={flexItemCss}>\n                                {stepItem}\n                            </ButtonPill>\n                        </span>\n                     )\n             } else {\n                 let anchorItem = link.value.elements.find(el=>el.render_name==='quick_link_title');\n                 const name = kebabCase(anchorItem.value);\n                 return (\n                     <span {...initAnimation} key={anchorItem.id}>\n                            <ButtonPill to={`#${name}`} tagOverride={'a'} buttonTheme={'dark'} css={flexItemCss}>\n                                {anchorItem.value}\n                            </ButtonPill>\n                        </span>\n                 )\n             }\n         })\n\n     }, [flexItemCss, navItems]);\n\n\n    const handleChooseCat = useCallback((ev) => {\n        const sectionLabel = ev.target.value;\n        if (ev.type === 'change') { // Handle select change\n            document.location = `#${kebabCase(sectionLabel)}`\n        }\n        if (ev.type === 'keydown') { // Handle keyboard selection\n        if (ev.code !== 'Space' && ev.code !== 'Enter') {\n            document.location = `#${kebabCase(sectionLabel)}`\n        }\n        ev.preventDefault();\n        }\n    }, []);\n\n    const navWidgetLayout = useCallback((initial) => {\n        return (\n            <div>\n                <div css={splashCss} ref={initial ? initalNav : null}>\n                {labels(initial)}\n                {renderMobileCatNav()}    \n                </div>\n                <BreadcrumbsNav />\n            </div>\n\n        )\n    }, [labels, renderMobileCatNav, splashCss]);\n\n    return navWidgetLayout(true);\n}\n\nNavigationWidget.propTypes = {\n    product: PropTypes.object,\n};\n\nexport default NavigationWidget;\n","import ProductDetailBlade from \"@/pages/products/detailBlades/ProductDetailBlade\";\nimport NavigationWidget from \"@/pages/products/detailWidgets/NavigationWidget\";\n\n/** hopefully we implement using an actual step ID or something from step to match these, such as lifestyle_images, NA_Color_Options...\n * and not a keyless label string from our custom json **/\n\nconst pdpBlades = {\n    product_detail_nav: {component: NavigationWidget, props: {}},\n    product_detail_gallery: {component: ProductDetailBlade, props: {stepKey: 'Gallery'}},\n    product_detail_features: {component: ProductDetailBlade, props: {stepKey: 'Features'}},\n    product_detail_options: {component: ProductDetailBlade, props: {stepKey: 'Additional Options'}},\n    product_detail_colors: {component: ProductDetailBlade, props: {stepKey: 'Colors'}},\n    product_detail_wood: {component: ProductDetailBlade, props: {stepKey: 'Wood'}},\n    product_detail_screen_color: {component: ProductDetailBlade, props: {stepKey: 'Color Options'}},\n    product_detail_screen_application: {component: ProductDetailBlade, props: {stepKey: 'Applications'}},\n    product_detail_hardware: {component: ProductDetailBlade, props: {stepKey: 'Hardware'}},\n    product_detail_mounting: {component: ProductDetailBlade, props: {stepKey: 'Mounting'}},\n    product_detail_glass: {component: ProductDetailBlade, props: {stepKey: 'Glass'}},\n    product_detail_docs: {component: ProductDetailBlade, props: {stepKey: 'Sizing, Technical, Performance'}},\n};\n\nexport default pdpBlades\n","import PropTypes from \"prop-types\";\nimport pdpBlades from \"@/pages/products/detailBlades\";\n\nconst PlaceholderBlade = ({target, siblings}) => {\n\n    const availablePlaceholders = {\n        ...pdpBlades\n        // set for more if needed in future\n    }\n\n    const PlaceholderComponent = availablePlaceholders[target.value]?.component;\n    const props = availablePlaceholders[target.value]?.props;\n\n    return availablePlaceholders[target.value] ? <PlaceholderComponent {...props} siblings={siblings}/> : <></>\n};\n\nPlaceholderBlade.propTypes = {\n    target: PropTypes.object,\n    siblings: PropTypes.array\n};\n\nexport default PlaceholderBlade;\n","export const kebabCase = (word) => word.toLowerCase().replace(/[^\\w\\s]/gi, '').trim().replace(/ /g, '-');"],"names":["SlideWidget","_ref","content","theme","useTheme","subtitle","slides","_useState2","_slicedToArray","useState","slideIndex","setSlideIndex","subheaderCss","css","concat","em","breakpoint","ns","slidesCss","subheaderContainer","imageContainer","config","showThumbnails","items","map","slide","original","image_url","originalTitle","alt_text","renderItem","item","_jsx","CmsImageLoader","className","url","alt","onSlide","showFullscreenButton","showPlayButton","showBullets","_jsxs","children","ImageGallery","_objectSpread","slide_label","slide_desc","propTypes","PropTypes","SingleListWidget","listItemCss","listDomContainer","listStyles","listDom","list","e","i","push","dangerouslySetInnerHTML","__html","FlexListWidget","widgetCss","FileWidget","file","fontTheme","header","fontFamily","fileImgContainer","labelStyles","style","maxWidth","width","tabIndex","role","onKeyDown","buttonClick","onClick","link","document","createElement","href","file_url","target","click","downloadFile","file_label","linkContainerStyles","LinkWidget","index","ButtonPill","buttonTheme","to","link_url","cursor","textDecoration","color","page_link","ColumnWidget","columnWrapperCss","columnCss","Components","key","JSON","stringify","Component","sectionMap","type","FlexImagesWidget","imageLength","images","length","handleImageCss","hardwareOptionText","imageWrapperCss","label","imagesDom","largeImages","swatch_url","swatch_label","height","objectFit","CopyWidget","copy","copyWidgetStyles","copyDom","str","TableWidget","data","tableCss","tdStyles","trStyles","theadStyles","headers","cell","body","slice","row","rowkey","cells","cellkey","table","ApplicationOptionsWidget","containerStyles","labelAndDescriptionContainer","imgStyles","descriptionStyles","description","SwatchesWidget","window","innerWidth","isMobile","setIsMobile","_useState4","isOpen","setIsOpen","useWindowResized","mobileCheck","swatchWrapperCss","descriptionCss","swatchContainer","fadeCss","labelDescriptionContainer","swatchImageCss","swatches","footnote_label","footnote","swatchesDom","swatch","swatchIndex","React","notes","SwatchesTabsWidget","tabs","activeTab","setActiveTab","tabCss","tab","hide","active","_ref2","name","styles","SectionWidget","section","headerCss","sectionWidgetContainer","sectionWidgetAnchor","subtitleCss","componentWrapper","tabbedSwatches","filter","id","rename","ProductDetailBlade","stepKey","product","useContext","ProductContext","sections","find","kebabCase","_Fragment","NavigationWidget","siblings","_stickyMenu","NavContext","stickyMenu","setSubNav","initalNav","useRef","isActive","lastScroll","scrollUp","navItems","keep","render_name","value","elements","el","useEffect","scrollCheck","useCallback","scrollTop","pageYOffset","documentElement","current","mainNavOffset","getElementById","offsetHeight","activate","scrollY","offsetTop","navWidgetLayout","addEventListener","removeEventListener","splashCss","styleMobileCatChooser","mobileNavBp","flexItemCss","renderMobileCatNav","onChange","ev","handleChooseCat","attr","navItem","pdpBlades","props","anchorItem","labels","initial","linkIndex","initAnimation","stepItem","_createElement","tagOverride","sectionLabel","location","code","preventDefault","ref","BreadcrumbsNav","product_detail_nav","component","product_detail_gallery","product_detail_features","product_detail_options","product_detail_colors","product_detail_wood","product_detail_screen_color","product_detail_screen_application","product_detail_hardware","product_detail_mounting","product_detail_glass","product_detail_docs","PlaceholderBlade","_availablePlaceholder","_availablePlaceholder2","availablePlaceholders","PlaceholderComponent","word","toLowerCase","replace","trim"],"sourceRoot":""}