{"version":3,"sources":["webpack:///./src/modules/szf-carousel-container/szf-carousel-container.tsx?b24c","webpack:///./src/modules/szf-carousel-container/szf-carousel-container.view.tsx?22d2","webpack:///external \"React\"?c481","webpack:///./lib/szf-carousel-container/module-registration.js?b0b0"],"names":["SzfCarouselContainer","React","render","this","props","renderView","_props$config","carouselcontentCount","config","autoPlay","autoplaySpeed","pauseOnMouseHover","context","request","textDirection","settings","dots","infinite","speed","slidesToShow","slidesToScroll","responsive","breakpoint","autoplay","pauseOnHover","Slider","Object","assign","slots","content","map","contentBlock","i","links","get","length","onClick","window","open","linkUrl","destinationUrl","openInNewTab","className","key","module","exports","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","__bindings__","_objectSpread","viewDictionary","cn"],"mappings":";6FAAA,uBAiBA,MAAMA,UAA6BC,gBACxBC,SACH,OAAOC,KAAKC,MAAMC,WAAWF,KAAKC,QAI3BJ,a,6GCdCI,cAAyC,IAAAE,EACrD,MAAMC,GAA2C,QAAZD,EAAAF,EAAMI,cAAM,IAAAF,OAAA,EAAZA,EAAcC,uBAAwB,GACnEC,QAAQ,SAAEC,EAAQ,cAAEC,EAAa,kBAAEC,GAAqBC,SAAWC,SAAS,cAAEC,KAAsBV,EACtGW,EAAW,CACbC,MAAM,EACNC,UAAU,EACVC,MAAO,IACPC,aAAcZ,EACda,eAAgB,EAChBC,WAAY,CACR,CACIC,WAAY,KACZP,SAAU,CACNI,aAAaZ,GAAwB,EAAIA,EAAuB,EAChEa,eAAgB,IAGxB,CACIE,WAAY,IACZP,SAAU,CACNI,aAAcZ,GAAwB,EAAIA,EAAuB,EACjEa,eAAgB,IAGxB,CACIE,WAAY,IACZP,SAAU,CACNI,aAAc,EACdC,eAAgB,KAI5BG,SAAUd,EACVC,cAAeA,GAAgC,EAC/Cc,aAAcb,EACd,CAACG,IAAgB,GAErB,OACIb,gBAACA,WAAc,KACXA,gBAACwB,IAAMC,OAAAC,OAAA,GAAKZ,GACPX,EAAMwB,MAAMC,QAAQC,IAAI,CAACC,EAAcC,KACpC,MAAMC,EAAQC,IAAIH,EAAc,sBAChC,OACIE,GAASA,EAAME,OAAS,EACpBlC,gBAAA,KAAGmC,QAASA,KAAQC,OAAOC,KAAKL,EAAM,GAAGM,QAAQC,eAAgB,IAAGP,EAAM,GAAGQ,aAAe,SAAW,WAAeC,UAAU,uBAAuBC,IAAK,0BAA0BX,GACjLD,GAGD9B,gBAAA,OAAKyC,UAAU,uBAAuBC,IAAK,0BAA0BX,GAChED,S,mBC1DrCa,EAAOC,QAAU5C,O,2rBCAjB,MAAM6C,EAAU,CAAEC,QAAS,GAAIC,YAAa,IAEvCF,EAAQC,QAAQ,0BAA4B,CACzCE,EAAGA,IAAMC,EAAQ,QACjBC,MAAO,kBACPC,GAAI,GAEJC,KAAK,EACLC,GAAI,YACJC,EAAG,yBACHC,EAAG,YAEHC,IAAK,GAGLC,GAAI,sCAKRrB,OAAOsB,aAAetB,OAAOsB,cAAgB,GAC7CtB,OAAOsB,aAAaZ,QAAOa,IAAA,GACpBvB,OAAOsB,aAAaZ,SAAW,IAC/BD,EAAQC,SAGXV,OAAOsB,aAAaX,YAAWY,IAAA,GAC5BvB,OAAOsB,aAAaX,aAAe,IACnCF,EAAQE,aAEY,MAAMa,EAAiB,GAC9BA,EAAe,6EAA+E,CACtGZ,EAAGA,IAAMC,EAAQ,QACjBY,GAAI,8CAEpBzB,OAAOsB,aAAetB,OAAOsB,cAAgB,GAC7CtB,OAAOsB,aAAaE,eAAcD,IAAA,GACPvB,OAAOsB,aAAaE,gBAAkB,IACtCA,K","file":"static/js/147.a8dfcb68781023869661.chunk.js","sourcesContent":["/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\n\r\nimport { ISzfCarouselContainerData } from './szf-carousel-container.data';\r\nimport { ISzfCarouselContainerProps } from './szf-carousel-container.props.autogenerated';\r\n\r\nexport interface ISzfCarouselContainerViewProps extends ISzfCarouselContainerProps<ISzfCarouselContainerData> {}\r\n\r\n/**\r\n *\r\n * SzfCarouselContainer component\r\n * @extends {React.PureComponent<ISzfCarouselContainerProps<ISzfCarouselContainerData>>}\r\n */\r\nclass SzfCarouselContainer extends React.PureComponent<ISzfCarouselContainerProps<ISzfCarouselContainerData>> {\r\n    public render(): JSX.Element | null {\r\n        return this.props.renderView(this.props);\r\n    }\r\n}\r\n\r\nexport default SzfCarouselContainer;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport { ISzfCarouselContainerViewProps } from './szf-carousel-container';\r\nimport Slider from 'react-slick';\r\nimport get from 'lodash/get';\r\nexport default (props: ISzfCarouselContainerViewProps) => {\r\n    const carouselcontentCount: number = props.config?.carouselcontentCount || 4;\r\n    const { config: { autoPlay, autoplaySpeed, pauseOnMouseHover }, context: { request: { textDirection } } } = props;\r\n    const settings = {\r\n        dots: false,\r\n        infinite: true,\r\n        speed: 500,\r\n        slidesToShow: carouselcontentCount,\r\n        slidesToScroll: 1,\r\n        responsive: [\r\n            {\r\n                breakpoint: 1199,\r\n                settings: {\r\n                    slidesToShow:carouselcontentCount <= 3 ? carouselcontentCount : 3,\r\n                    slidesToScroll: 1\r\n                }\r\n            },\r\n            {\r\n                breakpoint: 768,\r\n                settings: {\r\n                    slidesToShow: carouselcontentCount <= 2 ? carouselcontentCount : 2,\r\n                    slidesToScroll: 1\r\n                }\r\n            },\r\n            {\r\n                breakpoint: 480,\r\n                settings: {\r\n                    slidesToShow: 1,\r\n                    slidesToScroll: 1\r\n                }\r\n            }\r\n        ],\r\n        autoplay: autoPlay,\r\n        autoplaySpeed: autoplaySpeed ? autoplaySpeed : 0,\r\n        pauseOnHover: pauseOnMouseHover, \r\n        [textDirection]: true\r\n    };\r\n    return (\r\n        <React.Fragment>\r\n            <Slider {...settings}>\r\n                {props.slots.content.map((contentBlock, i) => {\r\n                    const links = get(contentBlock, 'props.config.links');\r\n                    return (\r\n                        links && links.length > 0 ? (\r\n                            <a onClick={() => { window.open(links[0].linkUrl.destinationUrl, `${links[0].openInNewTab ? '_blank' : '_self'}`); }} className='single-carousel-slot' key={`szf-carousel-container-${i}`}>\r\n                                {contentBlock}\r\n                            </a>\r\n                        ) : (\r\n                                <div className='single-carousel-slot' key={`szf-carousel-container-${i}`}>\r\n                                    {contentBlock}\r\n                                </div>\r\n                            )\r\n                    );\r\n                })}\r\n            </Slider>\r\n        </React.Fragment>\r\n    );\r\n};\r\n","module.exports = React;","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['szf-carousel-container'] = {\n        c: () => require('partner/modules/szf-carousel-container/szf-carousel-container.tsx'),\n        $type: 'containerModule',\n        da: [],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'szf-carousel-container',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/szf-carousel-container'\n    });\n        \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['__local__|__local__|modules|szf-carousel-container|szf-carousel-container'] = {\n                c: () => require('partner/modules/szf-carousel-container/szf-carousel-container.view.tsx'),\n                cn: '__local__-__local__-szf-carousel-container'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };"],"sourceRoot":""}