(6);\r\n const isMoreSix = props.referenciaPlantillaContenido.length > limit;\r\n \r\n useEffect( () => {\r\n change();\r\n isBrowser && window.addEventListener('resize', change);\r\n return () => window.removeEventListener('resize', change);\r\n }, [] )\r\n\r\n useMemo( () => reset(), [limit] )\r\n\r\n function change() {\r\n if(isBrowser) {\r\n setLimit( window.screen.width <= 960 ? 3 : 6);\r\n }\r\n }\r\n\r\n function reset() {\r\n setContent( isMoreSix ? props.referenciaPlantillaContenido.slice(0, limit) : props.referenciaPlantillaContenido );\r\n setPager(limit);\r\n }\r\n \r\n const getMore = () => {\r\n setContent(content.concat(props.referenciaPlantillaContenido.slice(pager, pager+limit)));\r\n setPager(pager+limit);\r\n }\r\n\r\n return (\r\n \r\n
{props.tituloGeneral} \r\n
\r\n { props.referenciaPlantillaContenido.length > pager &&\r\n
Ver más \r\n }\r\n { content.length >= props.referenciaPlantillaContenido.length && props.tituloBoton &&\r\n
\r\n }\r\n
\r\n { props.referenciaPlantillaContenido.map( (rpc, key) => (\r\n
\r\n \r\n {rpc.imagenPrincipal && \r\n rpc.imagenPrincipal[0].fluid ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n \r\n
{rpc.tituloBanner} \r\n \r\n { rpc.descripcion &&\r\n \r\n {rpc.descripcion.json.content && documentToReactComponents(rpc.descripcion.json)}\r\n
\r\n }\r\n {rpc.tituloDescripcion && \r\n \r\n }\r\n \r\n
\r\n \r\n \r\n ) )}\r\n
\r\n {image &&
}\r\n
\r\n {title}\r\n
\r\n\r\n
\r\n {description.content && documentToReactComponents(description)}\r\n
\r\n\r\n
\r\n
\r\n {props.tituloGeneral} \r\n \r\n
\r\n {\r\n props.referenciaPlantillaContenido.map((elem, i) =>
\r\n
\r\n
\r\n
{plantillaContenido.tituloBanner}
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n\t\t\t\t
{ fileTitle }
\r\n\t\t\t\t
{ fileSize } \r\n\t\t\t
\r\n\t\t\t\t
\r\n\r\n\t\t \r\n)}\r\n\r\ninterface CardDownloadInterface {\r\n\tfileTitle: string,\r\n\tfileSize: any,\r\n\tdownloadLink: string,\r\n\tgtmMark?:string\r\n}\r\n\r\nexport default CardDownload\r\n","import React, { useState } from \"react\"\r\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer'\r\nimport { normalizeTwoWords } from \"../../../shared/utils/stringUtilities\"\r\nimport { ReferenciaContenido } from '../../../interfaces/ReferenciaContenido'\r\nimport Button from '../../atoms/button/button';\r\nimport CardDownload from '../../atoms/card-download/cardDownload' \r\nimport './downloadsList.scss'\r\n\r\nconst DownloadsList = (props: ReferenciaContenido) => {\r\n\r\n\tconst { \r\n\t\ttituloGeneral,\r\n\t\treferenciaPlantillaContenido,\r\n\t\tnombreCategoria\r\n } = props;\r\n \r\n const CARDS_ON_VIEW = 4;\r\n const [cardsLimit, setCardsLimit] = useState(CARDS_ON_VIEW)\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
{ tituloGeneral } \r\n\t\t\t
\r\n\t\t\t\t{ referenciaPlantillaContenido && referenciaPlantillaContenido.slice(0, cardsLimit).map((card, i)=>(\t\t\r\n\t\t\t\t\t
\r\n\r\n { referenciaPlantillaContenido && \r\n referenciaPlantillaContenido.length > CARDS_ON_VIEW && \r\n referenciaPlantillaContenido.length > cardsLimit &&\r\n
\r\n { setCardsLimit(cardsLimit + CARDS_ON_VIEW) } } \r\n isDisabled= {false}\r\n gtmMark= { `gtm${normalizeTwoWords(nombreCategoria)}${normalizeTwoWords(tituloGeneral)}VerMas` }\r\n />\r\n
\r\n }\r\n\t\t
\r\n\t\t\t\r\n\t\t\t\t
{ title }
\r\n\t\t\t\t
{ info } \r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t \r\n)}\r\n\r\ninterface CardOfficeInterface {\r\n\ttitle: string,\r\n\tinfo: any,\r\n\tlocationLink: string,\r\n\tgtmMark?: string\r\n}\r\n\r\nexport default CardOffice\r\n","import React from \"react\";\r\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\r\nimport { normalizeTwoWords } from \"../../../shared/utils/stringUtilities\";\r\nimport { ReferenciaContenido } from '../../../interfaces/ReferenciaContenido';\r\nimport Button from '../../atoms/button/button';\r\nimport CardOffice from \"../../atoms/card-office/cardOffice\";\r\nimport './officesList.scss';\r\n\r\nconst OfficesList = (props: ReferenciaContenido) => {\r\n\r\n\tconst { \r\n\t\ttituloGeneral,\r\n\t\treferenciaPlantillaContenido,\r\n nombreCategoria,\r\n tituloBoton,\r\n redireccionBoton\r\n } = props;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
{tituloGeneral} \r\n\t\t\t
\r\n\t\t\t\t{ referenciaPlantillaContenido && referenciaPlantillaContenido.map((card, i)=>(\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t))}\r\n\t\t\t
\r\n
\r\n
\r\n\t\t\t\t\t\r\n\t\t
\r\n\t\t\t \r\n\t\t\t{imgSrc &&\r\n\t\t\t\t
\r\n\t\t\t}\r\n\t\t\t { label } \r\n\t\t\t\r\n\t\t\t\t{ title }\r\n\t\t\t
\r\n\t\t \r\n)}\r\n\r\ninterface CardNewsInterface {\r\n\timgSrc: string,\r\n\timgAlt: string,\r\n\ttitle: any,\r\n\tlink: string,\r\n\tlabel: string,\r\n gtmMark?: string,\r\n modeGallery?:boolean,\r\n type?:string\r\n}\r\n\r\nexport default CardNews\r\n","import React from \"react\"\r\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\r\nimport { normalizeTwoWords } from \"../../../shared/utils/stringUtilities\"\r\nimport { ReferenciaContenido } from '../../../interfaces/ReferenciaContenido'\r\nimport CardNews from '../../atoms/card-news/cardNews';\r\nimport './galleryCards.scss'\r\nimport LayoutSlider from \"../../templates/layout-slider/layoutSlider\";\r\nimport { ReferenciaPlantillaContenido } from \"../../../interfaces/ReferenciaPlantillaContenido\";\r\n\r\nconst GalleryCards = (props: ReferenciaContenido) => {\r\n\r\n\tconst { \r\n\t\ttituloGeneral,\r\n\t\treferenciaPlantillaContenido,\r\n\t\tnombreCategoria\r\n\t} = props;\r\n\r\n const getCard = (_card:ReferenciaPlantillaContenido, _i:number) => {\r\n return(\r\n \r\n\t\t\t
{ tituloGeneral } \r\n\t\t\t
\r\n \r\n { referenciaPlantillaContenido && referenciaPlantillaContenido.map((card, i)=>(\r\n getCard(card, i)\r\n ))}\r\n \r\n\t\t\t
\r\n\t\t
\r\n
\r\n
\r\n {title}\r\n \r\n { description &&\r\n
\r\n {description}\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
{props.tituloGeneral} \r\n {props.descripcion &&
{props.descripcion.json.content && documentToReactComponents(props.descripcion.json)}
}\r\n
\r\n
\r\n { props.imagenPrincipal || props.redireccionBoton &&\r\n
\r\n { props.imagenPrincipal ? \r\n
\r\n : props.redireccionBoton ?\r\n
: <>\r\n }\r\n
\r\n }\r\n
\r\n
\r\n\r\n \r\n
\r\n { props.referenciaPlantillaContenido &&\r\n \r\n { props.referenciaPlantillaContenido.map((elem, i) => \r\n (\r\n \r\n }\r\n
\r\n \r\n
\r\n
changeanswers(keyelements)}\r\n >{title}\r\n \r\n \r\n
\r\n\r\n
\r\n
{props.tituloGeneral} \r\n\r\n
\r\n {\r\n props.referenciaPlantillaContenido.map((elem, indexpo) =>
\r\n {props.tituloBoton &&
\r\n
}\r\n
\r\n
\r\n {(autoresArticulo || etiquetasArticulo) && (\r\n
\r\n
\r\n {autoresArticulo && (\r\n
\r\n Por:{\" \"}\r\n {autoresArticulo.map((author, i) => (\r\n \r\n {author} \r\n {i !== autoresArticulo.length - 1 && \", \"}\r\n \r\n ))}\r\n
\r\n )}\r\n {etiquetasArticulo && (\r\n
\r\n {etiquetasArticulo.map((item, i) => (\r\n \r\n {item}
\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n
\r\n )}\r\n
\r\n \r\n {replaceText(props.tituloGeneral)}\r\n \r\n
\r\n );\r\n};\r\nexport default Readtime;\r\n","import React from \"react\"\r\nimport './affiliatedPrices.scss'\r\n\r\n\r\n\r\n\r\nconst AffiliatedPrices = (props: Interfaz) => {\r\n const {\r\n tarifa,\r\n ahorra,\r\n } = props;\r\n\r\n return (\r\n\r\n \r\n
\r\n {tarifa}\r\n
\r\n {\r\n ahorra &&\r\n
\r\n
\r\n
\r\n {ahorra}\r\n
\r\n
\r\n }\r\n
\r\n
\r\n
\r\n { tituloExplicacion &&\r\n
{tituloExplicacion}
\r\n }\r\n
{explicaciones}
\r\n
\r\n
\r\n
\r\n
\r\n
{props.tituloGeneral} \r\n {props.descripcion &&\r\n
\r\n
{props.descripcion.json.content && documentToReactComponents(props.descripcion.json)}\r\n \r\n { setOpenModal(true) }} className='o-priceInformation__details-infoIcon icon-info-circle1'> \r\n \r\n
\r\n
\r\n }\r\n {props.referenciaPlantillaContenido.map((elem, i) => (\r\n
\r\n ))}\r\n { elementExepcion &&\r\n
\r\n
{elementExepcion.tituloDescripcion}
\r\n {elementExepcion.descripcion &&\r\n
{elementExepcion.descripcion.json.content && documentToReactComponents(elementExepcion.descripcion.json)}
\r\n }\r\n
\r\n
\r\n
\r\n }\r\n
\r\n
\r\n
{ setOpenModal(false) }} className='o-priceInformation__details-darkbg show-on-mobile'> \r\n
\r\n {props.descripcion && \r\n
\r\n
\r\n {props.descripcion.json.content && documentToReactComponents(props.descripcion.json)}\r\n \r\n { setOpenModal(false) }} className='icon-close show-on-mobile'> \r\n \r\n
\r\n
\r\n }\r\n {props.referenciaPlantillaContenido.map((elem, i) => {\r\n return (\r\n
\r\n )\r\n })}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
(false);\r\n const [upScroll, setUpScroll] = useState(false);\r\n const [hideTags, setHideTags] = useState(\"\");\r\n const refComponent = useRef(null);\r\n const { lastDirection } = useDirectionScroll();\r\n const gtmTagsDinamic = `gtm${normalizeTwoWords(props.nombreCategoria)}${normalizeTwoWords(props.tituloGeneral)}`;\r\n const tags = props.referenciaPlantillaContenido.filter(\r\n value => value.tituloBoton\r\n ).map( value => ({ tag: value.tituloBoton, title: value.tituloBanner } ) );\r\n\r\n let timerScroll:any;\r\n\r\n const onScrollAction = () => {\r\n window.clearTimeout( timerScroll );\r\n timerScroll = setTimeout(() => {\r\n if( upScroll ) {\r\n window.scroll(0, window.pageYOffset - 180 );\r\n setUpScroll(false);\r\n }\r\n const el: HTMLElement = refComponent.current || new HTMLElement();\r\n const boundElement = el.querySelector('.o-history__container__zone')?.getBoundingClientRect();\r\n let tagSelect = 0;\r\n const items = el.querySelectorAll('.o-history__container__content__item--principal');\r\n for( let i = 0; i < items.length; i++ ) {\r\n if ( items.item(i).getBoundingClientRect().top <= 190 ) {\r\n tagSelect = i;\r\n } else {\r\n setIndexTag(tagSelect);\r\n setIsScrollActive( (boundElement || {top}).top < 160 );\r\n return;\r\n }\r\n }\r\n setIndexTag(tagSelect);\r\n setIsScrollActive( (boundElement || {top}).top < 160 );\r\n }, 66);\r\n }\r\n\r\n useEffect(() => {\r\n isBrowser && document.addEventListener('scroll', onScrollAction);\r\n return () => {\r\n isBrowser && document.removeEventListener('scroll', onScrollAction);\r\n }\r\n }, [upScroll] );\r\n\r\n const goToDecade = (value:string) => {\r\n const el: HTMLElement = refComponent.current || new HTMLElement();\r\n const tag = el.querySelector(`.D-${value}`);\r\n setUpScroll(true);\r\n tag?.scrollIntoView();\r\n }\r\n\r\n const Bold = (children:any) => (\r\n {children} \r\n );\r\n \r\n const Text = (children:any) => (\r\n {children}
\r\n )\r\n\r\n const List = (children:any) => (\r\n {children} \r\n )\r\n \r\n const options = {\r\n renderMark: {\r\n [MARKS.BOLD]: (text:any) => Bold(text)\r\n },\r\n renderNode: {\r\n [BLOCKS.LIST_ITEM]: (_node:any, children:any) => List(children),\r\n [BLOCKS.PARAGRAPH]: (_node:any, children:any) => Text(children)\r\n },\r\n };\r\n \r\n function getOffset(el) {\r\n const rect = el.getBoundingClientRect();\r\n return {\r\n bottom: rect.bottom + window.scrollY\r\n };\r\n }\r\n\r\n const toggleVisibility = () => {\r\n let history = document.getElementById(\"tags_zone\")\r\n if (window.pageYOffset >= getOffset(history).bottom - 600) {\r\n setHideTags(\"hide-tags\")\r\n } else {\r\n setHideTags(\"\")\r\n }\r\n }\r\n\r\n document.addEventListener('scroll', toggleVisibility);\r\n\r\n useEffect(() => {\r\n toggleVisibility();\r\n }, [window.pageYOffset])\r\n\r\n return (\r\n \r\n
\r\n {props.tituloGeneral} \r\n {props.descripcion.json.content && documentToReactComponents(props.descripcion.json)}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {title}\r\n
\r\n\r\n
\r\n {description.content && documentToReactComponents(description)}\r\n
\r\n
\r\n\r\n
\r\n
\r\n
{ props.tituloGeneral} \r\n \r\n
\r\n {\r\n props.referenciaPlantillaContenido.map((elem, i) =>
\r\n
{children} \r\n );\r\n \r\n const Text = (children:any) => (\r\n {children}
\r\n )\r\n\r\n const directionClassBody = (dir: string) => {\r\n const _class = 'o-axis__body--';\r\n switch (dir) {\r\n case 'Left':\r\n return `${_class}left`;\r\n case 'Right':\r\n return `${_class}right`;\r\n default:\r\n return _class;\r\n }\r\n }\r\n\r\n return (\r\n \r\n {props.tituloGeneral} \r\n {props.referenciaPlantillaContenido.map( (value, key) => (\r\n \r\n
\r\n \r\n
\r\n {value.tituloBanner} \r\n {value.descripcion.json.content && documentToReactComponents(value.descripcion.json, options)}\r\n { value.tituloBoton &&\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Axis;\r\n","import React from \"react\";\r\nimport './presenter.scss';\r\n\r\ninterface PresenterInterface {\r\n title:string;\r\n subtitle:any;\r\n buttonName:string;\r\n buttonLink:string;\r\n className?:string;\r\n}\r\n\r\nconst Presenter = (props:PresenterInterface) => {\r\n return (\r\n \r\n {props.title} \r\n {props.subtitle}
\r\n {props.buttonName &&\r\n \r\n {props.buttonName} \r\n \r\n }\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Presenter;\r\n","import React from 'react';\r\nimport './youtubePlayer.scss';\r\n\r\ninterface YoutubePlayerProps {\r\n youtubeId: string;\r\n id?: string;\r\n titulo?: string;\r\n}\r\n\r\nfunction YoutubePlayer(props: YoutubePlayerProps) {\r\n\r\n return (\r\n *{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,div,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span#play,span#circle{margin-left:3px;height:1.5em;text-align:center;font:30px/1.5 sans-serif;color:#FF277E;text-shadow:0 0 0.5em black}span#circle{margin-left:0px;font:50px/1.5 sans-serif;}div{background-color:rgba(0,0,0,0.7);height:100%;position:absolute;top:0;left:0;}
▶ ◯ (false);\r\n const [slider, setSlider] = useState();\r\n const backNext = props.tituloBoton.split(',');\r\n const [sliderIndex, setSliderIndex] = useState(0);\r\n const { isBrowser, navigator } = useBrowserMode();\r\n\r\n const goToNext = () => {\r\n slider.slickGoTo(sliderIndex+1);\r\n }\r\n\r\n const goToBack = () => {\r\n slider.slickGoTo(sliderIndex - 1);\r\n }\r\n\r\n const isActiveBack = ( _true: any, _false: any ) => sliderIndex > 0 ? _true : _false;\r\n const isActiveNext = ( _true: any, _false: any ) => sliderIndex < props.referenciaPlantillaContenido.length-1 ? _true : _false;\r\n\r\n const settings = {\r\n arrows: false,\r\n dots: false,\r\n infinite: false,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n beforeChange: (_: number, next: number) => setSliderIndex(next)\r\n };\r\n\r\n const activeResizeAllMobile = () => {\r\n if(isBrowser) {\r\n // We execute the same script as before\r\n let vh = window.innerHeight * 0.01;\r\n document.documentElement.style.setProperty('--vh', `${vh}px`);\r\n }\r\n }\r\n\r\n useEffect( ()=> {\r\n try {\r\n if ( isBrowser ) {\r\n const indexEdge = navigator.appVersion.indexOf('Edge');\r\n if(indexEdge >= 0) {\r\n const edgeName = navigator.appVersion.substring(indexEdge);\r\n const edgeVersion = parseInt(edgeName.substring(edgeName.indexOf('/')+1));\r\n setIsEdgeOld(edgeVersion <= 19);\r\n }\r\n activeResizeAllMobile();\r\n window.addEventListener('resize', activeResizeAllMobile);\r\n }\r\n } catch (error) {\r\n setIsEdgeOld(false);\r\n }\r\n }, [])\r\n\r\n return(\r\n \r\n
setSlider(_slider)} {...settings} className='o-slider__carrusel' >\r\n {props.referenciaPlantillaContenido.map( (value, index) => (\r\n \r\n {!value.youtubeId ? (\r\n
)\r\n :\r\n null\r\n }\r\n {value.youtubeId ? (\r\n
\r\n )\r\n :\r\n (value.imagenPrincipal && value.imagenPrincipal[0].fluid) ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n {props.referenciaPlantillaContenido.length > 1 ?\r\n
\r\n
\r\n
\r\n
{backNext[0]}\r\n
\r\n
\r\n {backNext[1]} \r\n \r\n
{ isActiveNext(backNext[1], backNext[0]) } \r\n
{sliderIndex+1} / {props.referenciaPlantillaContenido.length} \r\n
\r\n
{props.referenciaPlantillaContenido[sliderIndex].tituloDescripcion}
\r\n
\r\n :\r\n null}\r\n
\r\n\r\n\t\t\t
\r\n { tituloGeneral } \r\n \r\n\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{\treferenciaTabsContenido && referenciaTabsContenido.map((tab, i)=>(\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tsetActiveItem(i)\r\n\t\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\t\t{tab.nombreTab}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{ referenciaTabsContenido[activeItem].referenciaCursosDestacados[0].tituloBanner } \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{ referenciaTabsContenido[activeItem].referenciaCursosDestacados[0].listaTags &&\r\n\t\t\t\t\t\t\t\treferenciaTabsContenido[activeItem].referenciaCursosDestacados[0].listaTags.map((item, i)=>(\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{item}
\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{ referenciaTabsContenido[activeItem].referenciaCursosDestacados[0].descripcion.json.content && documentToReactComponents(referenciaTabsContenido[activeItem].referenciaCursosDestacados[0].descripcion.json) }\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{referenciaTabsContenido[activeItem].referenciaCursosDestacados[0].imagenPrincipal[0].fluid ?\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t
([]);\r\n\r\n useEffect( () => {\r\n setNodesShuffle( shuffleArray(props.referenciaPlantillaContenido) );\r\n }, []);\r\n\r\n const [sliderIndex, setSliderIndex] = useState(0);\r\n const [slider, setSlider] = useState();\r\n\r\n const goToNext = () => {\r\n slider.slickGoTo(sliderIndex + 1);\r\n }\r\n\r\n const goToBack = () => {\r\n slider.slickGoTo(sliderIndex - 1);\r\n }\r\n\r\n const isActiveBack = (_true: any, _false: any) => sliderIndex > 0 ? _true : _false;\r\n const isActiveNext = (_true: any, _false: any) => sliderIndex < props.referenciaPlantillaContenido.length - 1 ? _true : _false;\r\n\r\n const settings = {\r\n arrows: false,\r\n dots: true,\r\n infinite: false,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n beforeChange: (_: number, next: number) => setSliderIndex(next)\r\n };\r\n\r\n function shuffleArray(array:ReferenciaPlantillaContenido[]) {\r\n let i = array.length - 1;\r\n for (; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n const temp = array[i];\r\n array[i] = array[j];\r\n array[j] = temp;\r\n }\r\n return array;\r\n }\r\n\r\n return (\r\n \r\n
\r\n
setSlider(_slider)} {...settings} className='o-content-rotator__carrusel' >\r\n {nodesShuffle.map((value, index) => (\r\n \r\n \r\n {value.imagenPrincipal && value.imagenPrincipal[0].fluid ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n
\r\n \r\n {value.tituloBanner}\r\n \r\n \r\n {value.descripcion.json.content && documentToReactComponents(value.descripcion.json)}\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n ))}\r\n \r\n\r\n
\r\n\r\n
\r\n
\r\n\t\t\t
\r\n\t\t\t\t{title} \r\n\t\t\t
\r\n\t\t\t
\t\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{ contentCourses && contentCourses.map((elem, i) => (\r\n i !== mainCourseId &&\r\n\t\t\t\t\t\t\t\telementItem(elem, i)\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{ contentCourses && contentCourses.map((elem, i) => (\r\n\t\t\t\t\t\t\t\ti !== mainCourseId &&\r\n\t\t\t\t\t\t\t\telementItem(elem, i)\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t\r\n\t\t
\r\n\r\n\t\t\t
\r\n { tituloGeneral }\r\n \r\n\t\t\t\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{ referenciaTabsContenido && referenciaTabsContenido.map((tab, i)=>(\r\n\t\t\t\t\t\t\ttab.referenciaCursosDestacados &&\r\n\t\t\t\t\t\t\t(\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{ setActiveItem(i) } }\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{ tab.nombreTab }\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \t\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\r\n\t\t\t\t{ referenciaTabsContenido && referenciaTabsContenido.map((tab, i)=>(\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t
\r\n
\r\n {referenciaPlantillaContenido\r\n .slice(\r\n currentPage * cardsPerPage,\r\n currentPage * cardsPerPage + cardsPerPage\r\n )\r\n .map((value, i) => (\r\n
\r\n {referenciaPlantillaContenido.length > 0 && (\r\n
setCurrentPage(currentPage)}\r\n goNext={() => setCurrentPage(currentPage + 1)}\r\n goBack={() => setCurrentPage(currentPage - 1)}\r\n paginator={currentPage}\r\n />\r\n )}\r\n (false);\r\n const [upScroll, setUpScroll] = useState(false);\r\n const [hideTags, setHideTags] = useState(\"\");\r\n const refComponent = useRef(null);\r\n const { lastDirection } = useDirectionScroll();\r\n const gtmTagsDinamic = `gtm${normalizeTwoWords(props.nombreCategoria)}${normalizeTwoWords(props.tituloGeneral)}`;\r\n const tags = props.referenciaPlantillaContenido.filter(\r\n value => value.tituloBoton\r\n ).map( value => ({tag: value.tituloBoton, subtitle: value.tituloBanner } ) );\r\n\r\n let timerScroll: any;\r\n\r\n const onScrollAction = () => {\r\n window.clearTimeout(timerScroll);\r\n timerScroll = setTimeout(() => {\r\n if (upScroll) {\r\n window.scroll(0, window.pageYOffset - 180);\r\n setUpScroll(false);\r\n }\r\n const el: HTMLElement = refComponent.current || new HTMLElement();\r\n const boundElement = el.querySelector(\".o-history__link__container__zone\")?.getBoundingClientRect();\r\n let tagSelect = 0;\r\n const items = el.querySelectorAll(\".o-history__link__container__content__item--principal\");\r\n for (let i = 0; i < items.length; i++) {\r\n if (items.item(i).getBoundingClientRect().top <= 190) {\r\n tagSelect = i;\r\n } else {\r\n setIndexTag(tagSelect);\r\n setIsScrollActive((boundElement || { top }).top < 160);\r\n return;\r\n }\r\n }\r\n setIndexTag(tagSelect);\r\n setIsScrollActive((boundElement || { top }).top < 160);\r\n\r\n }, 66);\r\n };\r\n\r\n useEffect(() => {\r\n isBrowser && document.addEventListener(\"scroll\", onScrollAction);\r\n return () => {\r\n isBrowser && document.removeEventListener(\"scroll\", onScrollAction);\r\n };\r\n }, [upScroll]);\r\n\r\n const goToDecade = (value: string) => {\r\n const el: HTMLElement = refComponent.current || new HTMLElement();\r\n const tag = el.querySelector(`.D-${value}`);\r\n setUpScroll(true);\r\n tag?.scrollIntoView();\r\n };\r\n\r\n function getOffset(el) {\r\n const rect = el.getBoundingClientRect();\r\n return {\r\n bottom: rect.bottom + window.scrollY\r\n };\r\n }\r\n\r\n const toggleVisibility = () => {\r\n let hisLink = document.getElementById(\"tags_zone-link\")\r\n if (window.pageYOffset >= getOffset(hisLink).bottom - 500) {\r\n setHideTags(\"hide-tags-link\")\r\n } else {\r\n setHideTags(\"\")\r\n }\r\n }\r\n\r\n document.addEventListener('scroll', toggleVisibility);\r\n\r\n useEffect(() => {\r\n toggleVisibility();\r\n }, [window.pageYOffset])\r\n \r\n const Bold = (children:any) => (\r\n {children}
\r\n );\r\n \r\n const Text = (children:any) => (\r\n {children}
\r\n )\r\n\r\n const List = (children:any) => (\r\n {children} \r\n )\r\n\r\n const textOptions = {\r\n renderMark: {\r\n [MARKS.BOLD]: (text:any) => Bold(text)\r\n },\r\n renderNode: {\r\n [BLOCKS.LIST_ITEM]: (_node:any, children:any) => List(children),\r\n [BLOCKS.PARAGRAPH]: (_node:any, children:any) => Text(children)\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n {props.tituloGeneral} \r\n {(props.descripcion && props.descripcion.json.content) &&\r\n documentToReactComponents(props.descripcion.json)\r\n }\r\n \r\n
\r\n
\r\n {props.referenciaPlantillaContenido.map((value, key) => (\r\n
\r\n \r\n {value.youtubeId ? (\r\n {value.titulo}
)}\r\n \r\n \r\n \r\n {value.titulo ? \r\n
\r\n {value.titulo || \"TÍTULO\"}\r\n \r\n : console.log(value, \"No tiene titulo\")\r\n }\r\n {value.tituloDescripcion &&\r\n
\r\n {value.tituloDescripcion || \"AUTOR\"}\r\n
\r\n }\r\n {value.descripcion && \r\n (value.descripcion.json.content && documentToReactComponents(value.descripcion.json, textOptions))\r\n }\r\n
\r\n
\r\n CONOCER MÁS\r\n \r\n \r\n \r\n ))}\r\n \r\n
handleClick(region)} />\r\n })\r\n\r\n return (\r\n \r\n {regiones}\r\n
\r\n )\r\n}\r\n\r\nexport default FilterRegiones;","import React from \"react\";\r\nimport \"./mapOrListButton.scss\";\r\n\r\ntype MapOrListButtonProps = {\r\n toRender: string;\r\n setToRender: any;\r\n};\r\n\r\nexport default function MapOrListButton({\r\n toRender,\r\n setToRender,\r\n}: MapOrListButtonProps) {\r\n return (\r\n \r\n
setToRender(\"mapa\")}\r\n >\r\n Ver mapa
\r\n setToRender(\"lista\")}\r\n >\r\n Ver lista
\r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport \"./sedeCard.scss\";\r\n\r\ntype SedeCardProps = {\r\n sede: any,\r\n}\r\n\r\ntype SedeItemsProps = {\r\n name: string,\r\n image: any,\r\n mainPhone: string,\r\n mainAddress: string,\r\n slug: string\r\n}\r\n\r\nfunction SedeCard({ sede }: SedeCardProps) {\r\n\r\n const { name, image, mainPhone, mainAddress, slug }: SedeItemsProps = sede;\r\n\r\n const handleClick = async () => {\r\n window.location.href = `${slug}`;\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n {name}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {mainAddress}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {mainPhone}\r\n
\r\n
\r\n
\r\n Ver más\r\n \r\n \r\n
\r\n
\r\n {sede.name}\r\n
\r\n {!tituloEnlace ?\r\n zoom === 10 ? (\r\n
\r\n ) : null\r\n :\r\n tituloEnlace !== \"\" ?\r\n
: null\r\n }\r\n
\" + // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.sums.text + '
';\n this.div.title = divTitle;\n this.div.style.display = '';\n }\n\n this.visible = true;\n };\n\n _proto.useStyle = function useStyle(sums) {\n this.sums = sums;\n var style = this.styles[Math.min(this.styles.length - 1, Math.max(0, sums.index - 1))];\n this.url = style.url;\n this.height = style.height;\n this.width = style.width;\n this.anchorText = style.anchorText || [0, 0];\n this.anchorIcon = style.anchorIcon || [this.height / 2, this.width / 2];\n this.textColor = style.textColor || 'black';\n this.textSize = style.textSize || 11;\n this.textDecoration = style.textDecoration || 'none';\n this.fontWeight = style.fontWeight || 'bold';\n this.fontStyle = style.fontStyle || 'normal';\n this.fontFamily = style.fontFamily || 'Arial,sans-serif';\n this.backgroundPosition = style.backgroundPosition || '0 0';\n };\n\n _proto.setCenter = function setCenter(center) {\n this.center = center;\n };\n\n _proto.createCss = function createCss(pos) {\n var style = [];\n style.push('cursor: pointer;');\n style.push('position: absolute; top: ' + pos.y + 'px; left: ' + pos.x + 'px;');\n style.push('width: ' + this.width + 'px; height: ' + this.height + 'px;');\n return style.join('');\n };\n\n _proto.getPosFromLatLng = function getPosFromLatLng(latlng) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var pos = this.getProjection().fromLatLngToDivPixel(latlng);\n pos.x -= this.anchorIcon[1];\n pos.y -= this.anchorIcon[0]; // pos.x = pos.x\n // pos.y = pos.y\n\n return pos;\n };\n\n return ClusterIcon;\n}();\n\nvar Cluster = /*#__PURE__*/function () {\n function Cluster(markerClusterer) {\n this.markerClusterer = markerClusterer; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n this.map = this.markerClusterer.getMap();\n this.gridSize = this.markerClusterer.getGridSize();\n this.minClusterSize = this.markerClusterer.getMinimumClusterSize();\n this.averageCenter = this.markerClusterer.getAverageCenter();\n this.markers = [];\n this.center = undefined;\n this.bounds = null;\n this.clusterIcon = new ClusterIcon(this, this.markerClusterer.getStyles());\n }\n\n var _proto = Cluster.prototype;\n\n _proto.getSize = function getSize() {\n return this.markers.length;\n };\n\n _proto.getMarkers = function getMarkers() {\n return this.markers;\n };\n\n _proto.getCenter = function getCenter() {\n return this.center;\n };\n\n _proto.getMap = function getMap() {\n return this.map;\n };\n\n _proto.getClusterer = function getClusterer() {\n return this.markerClusterer;\n };\n\n _proto.getBounds = function getBounds() {\n var bounds = new google.maps.LatLngBounds(this.center, this.center);\n var markers = this.getMarkers();\n\n for (var i = 0; i < markers.length; i++) {\n var position = markers[i].getPosition();\n\n if (position) {\n bounds.extend(position);\n }\n }\n\n return bounds;\n };\n\n _proto.remove = function remove() {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.clusterIcon.setMap(null);\n this.markers = [];\n delete this.markers;\n };\n\n _proto.addMarker = function addMarker(marker) {\n if (this.isMarkerAlreadyAdded(marker)) {\n return false;\n }\n\n if (!this.center) {\n var position = marker.getPosition();\n\n if (position) {\n this.center = position;\n this.calculateBounds();\n }\n } else {\n if (this.averageCenter) {\n var _position = marker.getPosition();\n\n if (_position) {\n var length = this.markers.length + 1;\n this.center = new google.maps.LatLng((this.center.lat() * (length - 1) + _position.lat()) / length, (this.center.lng() * (length - 1) + _position.lng()) / length);\n this.calculateBounds();\n }\n }\n }\n\n marker.isAdded = true;\n this.markers.push(marker);\n var mCount = this.markers.length;\n var maxZoom = this.markerClusterer.getMaxZoom();\n\n if (maxZoom !== null && this.map.getZoom() > maxZoom) {\n // Zoomed in past max zoom, so show the marker.\n if (marker.getMap() !== this.map) {\n marker.setMap(this.map);\n }\n } else if (mCount < this.minClusterSize) {\n // Min cluster size not reached so show the marker.\n if (marker.getMap() !== this.map) {\n marker.setMap(this.map);\n }\n } else if (mCount === this.minClusterSize) {\n // Hide the markers that were showing.\n for (var i = 0; i < mCount; i++) {\n this.markers[i].setMap(null);\n }\n } else {\n marker.setMap(null);\n }\n\n return true;\n };\n\n _proto.isMarkerInClusterBounds = function isMarkerInClusterBounds(marker) {\n if (this.bounds !== null) {\n var position = marker.getPosition();\n\n if (position) {\n return this.bounds.contains(position);\n }\n }\n\n return false;\n };\n\n _proto.calculateBounds = function calculateBounds() {\n this.bounds = this.markerClusterer.getExtendedBounds(new google.maps.LatLngBounds(this.center, this.center));\n };\n\n _proto.updateIcon = function updateIcon() {\n var mCount = this.markers.length;\n var maxZoom = this.markerClusterer.getMaxZoom();\n\n if (maxZoom !== null && this.map.getZoom() > maxZoom) {\n this.clusterIcon.hide();\n return;\n }\n\n if (mCount < this.minClusterSize) {\n // Min cluster size not yet reached.\n this.clusterIcon.hide();\n return;\n }\n\n if (this.center) {\n this.clusterIcon.setCenter(this.center);\n }\n\n this.clusterIcon.useStyle(this.markerClusterer.getCalculator()(this.markers, this.markerClusterer.getStyles().length));\n this.clusterIcon.show();\n };\n\n _proto.isMarkerAlreadyAdded = function isMarkerAlreadyAdded(marker) {\n if (this.markers.includes) {\n return this.markers.includes(marker);\n } else {\n for (var i = 0; i < this.markers.length; i++) {\n if (marker === this.markers[i]) {\n return true;\n }\n }\n }\n\n return false;\n };\n\n return Cluster;\n}();\n/* global google */\n\n\nvar CALCULATOR = function CALCULATOR(markers, numStyles) {\n var index = 0;\n var title = '';\n var count = markers.length.toString();\n var dv = count;\n\n while (dv !== 0) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n dv = parseInt(dv, 10) / 10;\n index++;\n }\n\n index = Math.min(index, numStyles);\n return {\n text: count,\n index: index,\n title: title\n };\n};\n\nvar BATCH_SIZE = 2000;\nvar BATCH_SIZE_IE = 500;\nvar IMAGE_PATH = 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m';\nvar IMAGE_EXTENSION = 'png';\nvar IMAGE_SIZES = [53, 56, 66, 78, 90];\nvar CLUSTERER_CLASS = 'cluster';\n\nvar Clusterer = /*#__PURE__*/function () {\n function Clusterer(map, optMarkers, optOptions) {\n if (optMarkers === void 0) {\n optMarkers = [];\n }\n\n if (optOptions === void 0) {\n optOptions = {};\n }\n\n this.extend(Clusterer, google.maps.OverlayView);\n this.markers = [];\n this.clusters = [];\n this.listeners = [];\n this.activeMap = null;\n this.ready = false;\n this.gridSize = optOptions.gridSize || 60;\n this.minClusterSize = optOptions.minimumClusterSize || 2;\n this.maxZoom = optOptions.maxZoom || null;\n this.styles = optOptions.styles || [];\n this.title = optOptions.title || '';\n this.zoomOnClick = true;\n\n if (optOptions.zoomOnClick !== undefined) {\n this.zoomOnClick = optOptions.zoomOnClick;\n }\n\n this.averageCenter = false;\n\n if (optOptions.averageCenter !== undefined) {\n this.averageCenter = optOptions.averageCenter;\n }\n\n this.ignoreHidden = false;\n\n if (optOptions.ignoreHidden !== undefined) {\n this.ignoreHidden = optOptions.ignoreHidden;\n }\n\n this.enableRetinaIcons = false;\n\n if (optOptions.enableRetinaIcons !== undefined) {\n this.enableRetinaIcons = optOptions.enableRetinaIcons;\n }\n\n this.imagePath = optOptions.imagePath || IMAGE_PATH;\n this.imageExtension = optOptions.imageExtension || IMAGE_EXTENSION;\n this.imageSizes = optOptions.imageSizes || IMAGE_SIZES;\n this.calculator = optOptions.calculator || CALCULATOR;\n this.batchSize = optOptions.batchSize || BATCH_SIZE;\n this.batchSizeIE = optOptions.batchSizeIE || BATCH_SIZE_IE;\n this.clusterClass = optOptions.clusterClass || CLUSTERER_CLASS;\n\n if (navigator.userAgent.toLowerCase().indexOf('msie') !== -1) {\n // Try to avoid IE timeout when processing a huge number of markers:\n this.batchSize = this.batchSizeIE;\n }\n\n this.timerRefStatic = null;\n this.setupStyles();\n this.addMarkers(optMarkers, true); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n this.setMap(map); // Note: this causes onAdd to be called\n }\n\n var _proto = Clusterer.prototype;\n\n _proto.onAdd = function onAdd() {\n var _this = this; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n this.activeMap = this.getMap();\n this.ready = true;\n this.repaint(); // Add the map event listeners\n\n this.listeners = [google.maps.event.addListener( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap(), 'zoom_changed', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this.resetViewport(false); // Workaround for this Google bug: when map is at level 0 and \"-\" of\n // zoom slider is clicked, a \"zoom_changed\" event is fired even though\n // the map doesn't zoom out any further. In this situation, no \"idle\"\n // event is triggered so the cluster markers that have been removed\n // do not get redrawn. Same goes for a zoom in at maxZoom.\n\n\n if ( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n _this.getMap().getZoom() === (_this.get('minZoom') || 0) || // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n _this.getMap().getZoom() === _this.get('maxZoom')) {\n google.maps.event.trigger(_this, 'idle');\n }\n }), google.maps.event.addListener( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap(), 'idle', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this.redraw();\n })];\n } // eslint-disable-next-line @getify/proper-arrows/this\n ;\n\n _proto.onRemove = function onRemove() {\n // Put all the managed markers back on the map:\n for (var i = 0; i < this.markers.length; i++) {\n if (this.markers[i].getMap() !== this.activeMap) {\n this.markers[i].setMap(this.activeMap);\n }\n } // Remove all clusters:\n\n\n for (var _i = 0; _i < this.clusters.length; _i++) {\n this.clusters[_i].remove();\n }\n\n this.clusters = []; // Remove map event listeners:\n\n for (var _i2 = 0; _i2 < this.listeners.length; _i2++) {\n google.maps.event.removeListener(this.listeners[_i2]);\n }\n\n this.listeners = [];\n this.activeMap = null;\n this.ready = false;\n } // eslint-disable-next-line @typescript-eslint/no-empty-function\n ;\n\n _proto.draw = function draw() {};\n\n _proto.setupStyles = function setupStyles() {\n if (this.styles.length > 0) {\n return;\n }\n\n for (var i = 0; i < this.imageSizes.length; i++) {\n this.styles.push({\n url: this.imagePath + (i + 1) + '.' + this.imageExtension,\n height: this.imageSizes[i],\n width: this.imageSizes[i]\n });\n }\n };\n\n _proto.fitMapToMarkers = function fitMapToMarkers() {\n var markers = this.getMarkers();\n var bounds = new google.maps.LatLngBounds();\n\n for (var i = 0; i < markers.length; i++) {\n var position = markers[i].getPosition();\n\n if (position) {\n bounds.extend(position);\n }\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n this.getMap().fitBounds(bounds);\n };\n\n _proto.getGridSize = function getGridSize() {\n return this.gridSize;\n };\n\n _proto.setGridSize = function setGridSize(gridSize) {\n this.gridSize = gridSize;\n };\n\n _proto.getMinimumClusterSize = function getMinimumClusterSize() {\n return this.minClusterSize;\n };\n\n _proto.setMinimumClusterSize = function setMinimumClusterSize(minimumClusterSize) {\n this.minClusterSize = minimumClusterSize;\n };\n\n _proto.getMaxZoom = function getMaxZoom() {\n return this.maxZoom;\n };\n\n _proto.setMaxZoom = function setMaxZoom(maxZoom) {\n this.maxZoom = maxZoom;\n };\n\n _proto.getStyles = function getStyles() {\n return this.styles;\n };\n\n _proto.setStyles = function setStyles(styles) {\n this.styles = styles;\n };\n\n _proto.getTitle = function getTitle() {\n return this.title;\n };\n\n _proto.setTitle = function setTitle(title) {\n this.title = title;\n };\n\n _proto.getZoomOnClick = function getZoomOnClick() {\n return this.zoomOnClick;\n };\n\n _proto.setZoomOnClick = function setZoomOnClick(zoomOnClick) {\n this.zoomOnClick = zoomOnClick;\n };\n\n _proto.getAverageCenter = function getAverageCenter() {\n return this.averageCenter;\n };\n\n _proto.setAverageCenter = function setAverageCenter(averageCenter) {\n this.averageCenter = averageCenter;\n };\n\n _proto.getIgnoreHidden = function getIgnoreHidden() {\n return this.ignoreHidden;\n };\n\n _proto.setIgnoreHidden = function setIgnoreHidden(ignoreHidden) {\n this.ignoreHidden = ignoreHidden;\n };\n\n _proto.getEnableRetinaIcons = function getEnableRetinaIcons() {\n return this.enableRetinaIcons;\n };\n\n _proto.setEnableRetinaIcons = function setEnableRetinaIcons(enableRetinaIcons) {\n this.enableRetinaIcons = enableRetinaIcons;\n };\n\n _proto.getImageExtension = function getImageExtension() {\n return this.imageExtension;\n };\n\n _proto.setImageExtension = function setImageExtension(imageExtension) {\n this.imageExtension = imageExtension;\n };\n\n _proto.getImagePath = function getImagePath() {\n return this.imagePath;\n };\n\n _proto.setImagePath = function setImagePath(imagePath) {\n this.imagePath = imagePath;\n };\n\n _proto.getImageSizes = function getImageSizes() {\n return this.imageSizes;\n };\n\n _proto.setImageSizes = function setImageSizes(imageSizes) {\n this.imageSizes = imageSizes;\n };\n\n _proto.getCalculator = function getCalculator() {\n return this.calculator;\n };\n\n _proto.setCalculator = function setCalculator(calculator) {\n this.calculator = calculator;\n };\n\n _proto.getBatchSizeIE = function getBatchSizeIE() {\n return this.batchSizeIE;\n };\n\n _proto.setBatchSizeIE = function setBatchSizeIE(batchSizeIE) {\n this.batchSizeIE = batchSizeIE;\n };\n\n _proto.getClusterClass = function getClusterClass() {\n return this.clusterClass;\n };\n\n _proto.setClusterClass = function setClusterClass(clusterClass) {\n this.clusterClass = clusterClass;\n };\n\n _proto.getMarkers = function getMarkers() {\n return this.markers;\n };\n\n _proto.getTotalMarkers = function getTotalMarkers() {\n return this.markers.length;\n };\n\n _proto.getClusters = function getClusters() {\n return this.clusters;\n };\n\n _proto.getTotalClusters = function getTotalClusters() {\n return this.clusters.length;\n };\n\n _proto.addMarker = function addMarker(marker, optNoDraw) {\n this.pushMarkerTo(marker);\n\n if (!optNoDraw) {\n this.redraw();\n }\n };\n\n _proto.addMarkers = function addMarkers(markers, optNoDraw) {\n for (var key in markers) {\n if (markers.hasOwnProperty(key)) {\n this.pushMarkerTo(markers[key]);\n }\n }\n\n if (!optNoDraw) {\n this.redraw();\n }\n };\n\n _proto.pushMarkerTo = function pushMarkerTo(marker) {\n var _this2 = this; // If the marker is draggable add a listener so we can update the clusters on the dragend:\n\n\n if (marker.getDraggable()) {\n // eslint-disable-next-line @getify/proper-arrows/name, @getify/proper-arrows/this\n google.maps.event.addListener(marker, 'dragend', function () {\n if (_this2.ready) {\n marker.isAdded = false;\n\n _this2.repaint();\n }\n });\n }\n\n marker.isAdded = false;\n this.markers.push(marker);\n };\n\n _proto.removeMarker_ = function removeMarker_(marker) {\n var index = -1;\n\n if (this.markers.indexOf) {\n index = this.markers.indexOf(marker);\n } else {\n for (var i = 0; i < this.markers.length; i++) {\n if (marker === this.markers[i]) {\n index = i;\n break;\n }\n }\n }\n\n if (index === -1) {\n // Marker is not in our list of markers, so do nothing:\n return false;\n }\n\n marker.setMap(null);\n this.markers.splice(index, 1); // Remove the marker from the list of managed markers\n\n return true;\n };\n\n _proto.removeMarker = function removeMarker(marker, optNoDraw) {\n var removed = this.removeMarker_(marker);\n\n if (!optNoDraw && removed) {\n this.repaint();\n }\n\n return removed;\n };\n\n _proto.removeMarkers = function removeMarkers(markers, optNoDraw) {\n var removed = false;\n\n for (var i = 0; i < markers.length; i++) {\n removed = removed || this.removeMarker_(markers[i]);\n }\n\n if (!optNoDraw && removed) {\n this.repaint();\n }\n\n return removed;\n };\n\n _proto.clearMarkers = function clearMarkers() {\n this.resetViewport(true);\n this.markers = [];\n };\n\n _proto.repaint = function repaint() {\n var oldClusters = this.clusters.slice();\n this.clusters = [];\n this.resetViewport(false);\n this.redraw(); // Remove the old clusters.\n // Do it in a timeout to prevent blinking effect.\n\n setTimeout(function timeout() {\n for (var i = 0; i < oldClusters.length; i++) {\n oldClusters[i].remove();\n }\n }, 0);\n };\n\n _proto.getExtendedBounds = function getExtendedBounds(bounds) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n var projection = this.getProjection(); // Convert the points to pixels and the extend out by the grid size.\n\n var trPix = projection.fromLatLngToDivPixel( // Turn the bounds into latlng.\n new google.maps.LatLng(bounds.getNorthEast().lat(), bounds.getNorthEast().lng()));\n trPix.x += this.gridSize;\n trPix.y -= this.gridSize;\n var blPix = projection.fromLatLngToDivPixel( // Turn the bounds into latlng.\n new google.maps.LatLng(bounds.getSouthWest().lat(), bounds.getSouthWest().lng()));\n blPix.x -= this.gridSize;\n blPix.y += this.gridSize; // Extend the bounds to contain the new bounds.\n\n bounds.extend( // Convert the pixel points back to LatLng nw\n projection.fromDivPixelToLatLng(trPix));\n bounds.extend( // Convert the pixel points back to LatLng sw\n projection.fromDivPixelToLatLng(blPix));\n return bounds;\n };\n\n _proto.redraw = function redraw() {\n // Redraws all the clusters.\n this.createClusters(0);\n };\n\n _proto.resetViewport = function resetViewport(optHide) {\n // Remove all the clusters\n for (var i = 0; i < this.clusters.length; i++) {\n this.clusters[i].remove();\n }\n\n this.clusters = []; // Reset the markers to not be added and to be removed from the map.\n\n for (var _i3 = 0; _i3 < this.markers.length; _i3++) {\n var marker = this.markers[_i3];\n marker.isAdded = false;\n\n if (optHide) {\n marker.setMap(null);\n }\n }\n };\n\n _proto.distanceBetweenPoints = function distanceBetweenPoints(p1, p2) {\n var R = 6371; // Radius of the Earth in km\n\n var dLat = (p2.lat() - p1.lat()) * Math.PI / 180;\n var dLon = (p2.lng() - p1.lng()) * Math.PI / 180;\n var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(p1.lat() * Math.PI / 180) * Math.cos(p2.lat() * Math.PI / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2);\n return R * (2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)));\n };\n\n _proto.isMarkerInBounds = function isMarkerInBounds(marker, bounds) {\n var position = marker.getPosition();\n\n if (position) {\n return bounds.contains(position);\n }\n\n return false;\n };\n\n _proto.addToClosestCluster = function addToClosestCluster(marker) {\n var cluster;\n var distance = 40000; // Some large number\n\n var clusterToAddTo = null;\n\n for (var i = 0; i < this.clusters.length; i++) {\n cluster = this.clusters[i];\n var center = cluster.getCenter();\n var position = marker.getPosition();\n\n if (center && position) {\n var d = this.distanceBetweenPoints(center, position);\n\n if (d < distance) {\n distance = d;\n clusterToAddTo = cluster;\n }\n }\n }\n\n if (clusterToAddTo && clusterToAddTo.isMarkerInClusterBounds(marker)) {\n clusterToAddTo.addMarker(marker);\n } else {\n cluster = new Cluster(this);\n cluster.addMarker(marker);\n this.clusters.push(cluster);\n }\n };\n\n _proto.createClusters = function createClusters(iFirst) {\n var _this3 = this;\n\n if (!this.ready) {\n return;\n } // Cancel previous batch processing if we're working on the first batch:\n\n\n if (iFirst === 0) {\n /**\r\n * This event is fired when the Clusterer begins\r\n * clustering markers.\r\n * @name Clusterer#clusteringbegin\r\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\r\n * @event\r\n */\n google.maps.event.trigger(this, 'clusteringbegin', this);\n\n if (this.timerRefStatic !== null) {\n window.clearTimeout(this.timerRefStatic);\n delete this.timerRefStatic;\n }\n } // Get our current map view bounds.\n // Create a new bounds object so we don't affect the map.\n //\n // See Comments 9 & 11 on Issue 3651 relating to this workaround for a Google Maps bug:\n\n\n var mapBounds = // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getZoom() > 3 ? new google.maps.LatLngBounds( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getBounds().getSouthWest(), // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.getMap().getBounds().getNorthEast()) : new google.maps.LatLngBounds(new google.maps.LatLng(85.02070771743472, -178.48388434375), new google.maps.LatLng(-85.08136444384544, 178.00048865625));\n var bounds = this.getExtendedBounds(mapBounds);\n var iLast = Math.min(iFirst + this.batchSize, this.markers.length);\n\n for (var i = iFirst; i < iLast; i++) {\n var marker = this.markers[i];\n\n if (!marker.isAdded && this.isMarkerInBounds(marker, bounds)) {\n if (!this.ignoreHidden || this.ignoreHidden && marker.getVisible()) {\n this.addToClosestCluster(marker);\n }\n }\n }\n\n if (iLast < this.markers.length) {\n this.timerRefStatic = window.setTimeout( // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n _this3.createClusters(iLast);\n }, 0);\n } else {\n this.timerRefStatic = null;\n /**\r\n * This event is fired when the Clusterer stops\r\n * clustering markers.\r\n * @name Clusterer#clusteringend\r\n * @param {Clusterer} mc The Clusterer whose markers are being clustered.\r\n * @event\r\n */\n\n google.maps.event.trigger(this, 'clusteringend', this);\n\n for (var _i4 = 0; _i4 < this.clusters.length; _i4++) {\n this.clusters[_i4].updateIcon();\n }\n }\n };\n\n _proto.extend = function extend(obj1, obj2) {\n return function applyExtend(object) {\n // eslint-disable-next-line guard-for-in\n for (var property in object.prototype) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n this.prototype[property] = object.prototype[property];\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n return this;\n }.apply(obj1, [obj2]);\n };\n\n return Clusterer;\n}();\n\nexport { Cluster, ClusterIcon, Clusterer };","/**\r\n * Copyright 2019 Google LLC. All Rights Reserved.\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at.\r\n *\r\n * Http://www.apache.org/licenses/LICENSE-2.0.\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\n\n/**\r\n * [[Loader]] makes it easier to add Google Maps JavaScript API to your application\r\n * dynamically using\r\n * [Promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).\r\n * It works by dynamically creating and appending a script node to the the\r\n * document head and wrapping the callback function so as to return a promise.\r\n *\r\n * ```\r\n * const loader = new Loader({\r\n * apiKey: \"\",\r\n * version: \"weekly\",\r\n * libraries: [\"places\"]\r\n * });\r\n *\r\n * loader.load().then(() => {\r\n * const map = new google.maps.Map(...)\r\n * })\r\n * ```\r\n */\nvar Loader =\n/** @class */\nfunction () {\n /**\r\n * Creates an instance of Loader using [[LoaderOptions]]. No defaults are set\r\n * using this library, instead the defaults are set by the Google Maps\r\n * JavaScript API server.\r\n *\r\n * ```\r\n * const loader = Loader({apiKey, version: 'weekly', libraries: ['places']});\r\n * ```\r\n */\n function Loader(_a) {\n var apiKey = _a.apiKey,\n channel = _a.channel,\n _b = _a.id,\n id = _b === void 0 ? \"__googleMapsScriptId\" : _b,\n _c = _a.libraries,\n libraries = _c === void 0 ? [] : _c,\n language = _a.language,\n region = _a.region,\n version = _a.version,\n mapIds = _a.mapIds,\n nonce = _a.nonce,\n _d = _a.url,\n url = _d === void 0 ? \"https://maps.googleapis.com/maps/api/js\" : _d;\n this.CALLBACK = \"__googleMapsCallback\";\n this.callbacks = [];\n this.done = false;\n this.loading = false;\n this.version = version;\n this.apiKey = apiKey;\n this.channel = channel;\n this.id = id;\n this.libraries = libraries;\n this.language = language;\n this.region = region;\n this.mapIds = mapIds;\n this.nonce = nonce;\n this.url = url;\n }\n /**\r\n * CreateUrl returns the Google Maps JavaScript API script url given the [[LoaderOptions]].\r\n *\r\n * @ignore\r\n */\n\n\n Loader.prototype.createUrl = function () {\n var url = this.url;\n url += \"?callback=\" + this.CALLBACK;\n\n if (this.apiKey) {\n url += \"&key=\" + this.apiKey;\n }\n\n if (this.channel) {\n url += \"&channel=\" + this.channel;\n }\n\n if (this.libraries.length > 0) {\n url += \"&libraries=\" + this.libraries.join(\",\");\n }\n\n if (this.language) {\n url += \"&language=\" + this.language;\n }\n\n if (this.region) {\n url += \"®ion=\" + this.region;\n }\n\n if (this.version) {\n url += \"&v=\" + this.version;\n }\n\n if (this.mapIds) {\n url += \"&map_ids=\" + this.mapIds.join(\",\");\n }\n\n return url;\n };\n /**\r\n * Load the Google Maps JavaScript API script and return a Promise.\r\n */\n\n\n Loader.prototype.load = function () {\n return this.loadPromise();\n };\n /**\r\n * Load the Google Maps JavaScript API script and return a Promise.\r\n *\r\n * @ignore\r\n */\n\n\n Loader.prototype.loadPromise = function () {\n var _this = this;\n\n return new Promise(function (resolve, reject) {\n _this.loadCallback(function (err) {\n if (!err) {\n resolve();\n } else {\n reject(err);\n }\n });\n });\n };\n /**\r\n * Load the Google Maps JavaScript API script with a callback.\r\n */\n\n\n Loader.prototype.loadCallback = function (fn) {\n this.callbacks.push(fn);\n this.execute();\n };\n /**\r\n * Set the script on document.\r\n */\n\n\n Loader.prototype.setScript = function () {\n if (this.id && document.getElementById(this.id)) {\n this.callback();\n return;\n }\n\n var url = this.createUrl();\n var script = document.createElement(\"script\");\n script.id = this.id;\n script.type = \"text/javascript\";\n script.src = url;\n script.onerror = this.loadErrorCallback.bind(this);\n script.defer = true;\n script.async = true;\n\n if (this.nonce) {\n script.nonce = this.nonce;\n }\n\n document.head.appendChild(script);\n };\n\n Loader.prototype.loadErrorCallback = function (e) {\n this.onerrorEvent = e;\n this.callback();\n };\n\n Loader.prototype.setCallback = function () {\n window.__googleMapsCallback = this.callback.bind(this);\n };\n\n Loader.prototype.callback = function () {\n var _this = this;\n\n this.done = true;\n this.loading = false;\n this.callbacks.forEach(function (cb) {\n cb(_this.onerrorEvent);\n });\n this.callbacks = [];\n };\n\n Loader.prototype.execute = function () {\n if (this.done) {\n this.callback();\n } else {\n if (this.loading) ;else {\n this.loading = true;\n this.setCallback();\n this.setScript();\n }\n }\n };\n\n return Loader;\n}();\n\nexport { Loader };","var InfoBox = /*#__PURE__*/function () {\n function InfoBox(options) {\n if (options === void 0) {\n options = {};\n }\n\n this.extend(InfoBox, google.maps.OverlayView); // Standard options (in common with google.maps.InfoWindow):\n\n this.content = options.content || '';\n this.disableAutoPan = options.disableAutoPan || false;\n this.maxWidth = options.maxWidth || 0;\n this.pixelOffset = options.pixelOffset || new google.maps.Size(0, 0);\n this.position = options.position || new google.maps.LatLng(0, 0);\n this.zIndex = options.zIndex || null; // Additional options (unique to InfoBox):\n\n this.boxClass = options.boxClass || 'infoBox';\n this.boxStyle = options.boxStyle || {};\n this.closeBoxMargin = options.closeBoxMargin || '2px';\n this.closeBoxURL = options.closeBoxURL || 'http://www.google.com/intl/en_us/mapfiles/close.gif';\n\n if (options.closeBoxURL === '') {\n this.closeBoxURL = '';\n }\n\n this.infoBoxClearance = options.infoBoxClearance || new google.maps.Size(1, 1);\n\n if (typeof options.visible === 'undefined') {\n if (typeof options.isHidden === 'undefined') {\n options.visible = true;\n } else {\n options.visible = !options.isHidden;\n }\n }\n\n this.isHidden = !options.visible;\n this.alignBottom = options.alignBottom || false;\n this.pane = options.pane || 'floatPane';\n this.enableEventPropagation = options.enableEventPropagation || false;\n this.div = null;\n this.closeListener = null;\n this.moveListener = null;\n this.mapListener = null;\n this.contextListener = null;\n this.eventListeners = null;\n this.fixedWidthSet = null;\n }\n\n var _proto = InfoBox.prototype;\n\n _proto.createInfoBoxDiv = function createInfoBoxDiv() {\n var _this = this; // This handler prevents an event in the InfoBox from being passed on to the map.\n\n\n function cancelHandler(event) {\n event.cancelBubble = true;\n\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n } // This handler ignores the current event in the InfoBox and conditionally prevents\n // the event from being passed on to the map. It is used for the contextmenu event.\n // eslint-disable-next-line @getify/proper-arrows/this\n\n\n var ignoreHandler = function ignoreHandler(event) {\n event.returnValue = false;\n\n if (event.preventDefault) {\n event.preventDefault();\n }\n\n if (!_this.enableEventPropagation) {\n cancelHandler(event);\n }\n };\n\n if (!this.div) {\n this.div = document.createElement('div');\n this.setBoxStyle();\n\n if (typeof this.content === 'string') {\n this.div.innerHTML = this.getCloseBoxImg() + this.content;\n } else {\n this.div.innerHTML = this.getCloseBoxImg();\n this.div.appendChild(this.content);\n } // eslint-disable-next-line @typescript-eslint/ban-ts-ignore\n // @ts-ignore\n\n\n var panes = this.getPanes();\n panes[this.pane].appendChild(this.div); // Add the InfoBox div to the DOM\n\n this.addClickHandler();\n\n if (this.div.style.width) {\n this.fixedWidthSet = true;\n } else {\n if (this.maxWidth !== 0 && this.div.offsetWidth > this.maxWidth) {\n this.div.style.width = this.maxWidth + 'px';\n this.fixedWidthSet = true;\n } else {\n // The following code is needed to overcome problems with MSIE\n var bw = this.getBoxWidths();\n this.div.style.width = this.div.offsetWidth - bw.left - bw.right + 'px';\n this.fixedWidthSet = false;\n }\n }\n\n this.panBox(this.disableAutoPan);\n\n if (!this.enableEventPropagation) {\n this.eventListeners = []; // Cancel event propagation.\n // Note: mousemove not included (to resolve Issue 152)\n\n var events = ['mousedown', 'mouseover', 'mouseout', 'mouseup', 'click', 'dblclick', 'touchstart', 'touchend', 'touchmove'];\n\n for (var i = 0; i < events.length; i++) {\n this.eventListeners.push(google.maps.event.addDomListener(this.div, events[i], cancelHandler));\n } // Workaround for Google bug that causes the cursor to change to a pointer\n // when the mouse moves over a marker underneath InfoBox.\n\n\n this.eventListeners.push(google.maps.event.addDomListener(this.div, 'mouseover', // eslint-disable-next-line @getify/proper-arrows/this, @getify/proper-arrows/name\n function () {\n if (_this.div) {\n _this.div.style.cursor = 'default';\n }\n }));\n }\n\n this.contextListener = google.maps.event.addDomListener(this.div, 'contextmenu', ignoreHandler);\n /**\r\n * This event is fired when the DIV containing the InfoBox's content is attached to the DOM.\r\n * @name InfoBox#domready\r\n * @event\r\n */\n\n google.maps.event.trigger(this, 'domready');\n }\n };\n\n _proto.getCloseBoxImg = function getCloseBoxImg() {\n var img = '';\n\n if (this.closeBoxURL !== '') {\n img = '.') : invariant(false);\n }\n };\n\n _this.setInfoBoxCallback = function () {\n var _this$props = _this.props,\n anchor = _this$props.anchor,\n onLoad = _this$props.onLoad;\n var infoBox = _this.state.infoBox;\n\n if (infoBox !== null && _this.containerElement !== null) {\n infoBox.setContent(_this.containerElement);\n\n _this.open(infoBox, anchor);\n\n if (onLoad) {\n onLoad(infoBox);\n }\n }\n };\n\n return _this;\n }\n\n var _proto = InfoBoxComponent.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var options = this.props.options;\n\n var _ref = options || {},\n position = _ref.position,\n infoBoxOptions = _objectWithoutPropertiesLoose(_ref, [\"position\"]);\n\n var positionLatLng;\n\n if (position && !(position instanceof google.maps.LatLng)) {\n positionLatLng = new google.maps.LatLng(position.lat, position.lng);\n }\n\n var infoBox = new InfoBox(_extends({}, infoBoxOptions, positionLatLng ? {\n position: positionLatLng\n } : {}));\n this.containerElement = document.createElement('div');\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$5,\n eventMap: eventMap$5,\n prevProps: {},\n nextProps: this.props,\n instance: infoBox\n });\n this.setState({\n infoBox: infoBox\n }, this.setInfoBoxCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var infoBox = this.state.infoBox;\n\n if (infoBox !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$5,\n eventMap: eventMap$5,\n prevProps: prevProps,\n nextProps: this.props,\n instance: infoBox\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n var onUnmount = this.props.onUnmount;\n var infoBox = this.state.infoBox;\n\n if (infoBox !== null) {\n if (onUnmount) {\n onUnmount(infoBox);\n }\n\n unregisterEvents(this.registeredEvents);\n infoBox.close();\n }\n };\n\n _proto.render = function render() {\n if (!this.containerElement) {\n return null;\n }\n\n return createPortal(Children.only(this.props.children), this.containerElement);\n };\n\n return InfoBoxComponent;\n}(PureComponent);\n\nInfoBoxComponent.contextType = MapContext;\nvar eventMap$6 = {\n onCloseClick: 'closeclick',\n onContentChanged: 'content_changed',\n onDomReady: 'domready',\n onPositionChanged: 'position_changed',\n onZindexChanged: 'zindex_changed'\n};\nvar updaterMap$6 = {\n options: function options(instance, _options) {\n instance.setOptions(_options);\n },\n position: function position(instance, _position) {\n instance.setPosition(_position);\n },\n zIndex: function zIndex(instance, _zIndex) {\n instance.setZIndex(_zIndex);\n }\n};\n\nvar InfoWindow = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(InfoWindow, _React$PureComponent);\n\n function InfoWindow() {\n var _this;\n\n _this = _React$PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.containerElement = null;\n _this.state = {\n infoWindow: null\n };\n\n _this.open = function (infoWindow, anchor) {\n if (anchor) {\n infoWindow.open(_this.context, anchor);\n } else if (infoWindow.getPosition()) {\n infoWindow.open(_this.context);\n } else {\n process.env.NODE_ENV !== \"production\" ? invariant(false, \"You must provide either an anchor (typically render it inside a ) or a position props for .\") : invariant(false);\n }\n };\n\n _this.setInfoWindowCallback = function () {\n if (_this.state.infoWindow !== null && _this.containerElement !== null) {\n _this.state.infoWindow.setContent(_this.containerElement);\n\n _this.open(_this.state.infoWindow, _this.props.anchor);\n\n if (_this.props.onLoad) {\n _this.props.onLoad(_this.state.infoWindow);\n }\n }\n };\n\n return _this;\n }\n\n var _proto = InfoWindow.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var infoWindow = new google.maps.InfoWindow(_extends({}, this.props.options || {}));\n this.containerElement = document.createElement('div');\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$6,\n eventMap: eventMap$6,\n prevProps: {},\n nextProps: this.props,\n instance: infoWindow\n });\n this.setState(function setInfoWindow() {\n return {\n infoWindow: infoWindow\n };\n }, this.setInfoWindowCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.state.infoWindow !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$6,\n eventMap: eventMap$6,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.infoWindow\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.state.infoWindow !== null) {\n unregisterEvents(this.registeredEvents);\n this.state.infoWindow.close();\n }\n };\n\n _proto.render = function render() {\n return this.containerElement ? createPortal(Children.only(this.props.children), this.containerElement) : createElement(Fragment, null);\n };\n\n return InfoWindow;\n}(PureComponent);\n\nInfoWindow.contextType = MapContext;\nvar eventMap$7 = {\n onClick: 'click',\n onDblClick: 'dblclick',\n onDrag: 'drag',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMouseDown: 'mousedown',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick'\n};\nvar updaterMap$7 = {\n draggable: function draggable(instance, _draggable) {\n instance.setDraggable(_draggable);\n },\n editable: function editable(instance, _editable) {\n instance.setEditable(_editable);\n },\n map: function map(instance, _map) {\n instance.setMap(_map);\n },\n options: function options(instance, _options) {\n instance.setOptions(_options);\n },\n path: function path(instance, _path) {\n instance.setPath(_path);\n },\n visible: function visible(instance, _visible) {\n instance.setVisible(_visible);\n }\n};\n\nvar Polyline = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(Polyline, _React$PureComponent);\n\n function Polyline() {\n var _this;\n\n _this = _React$PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n polyline: null\n };\n\n _this.setPolylineCallback = function () {\n if (_this.state.polyline !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.polyline);\n }\n };\n\n return _this;\n }\n\n var _proto = Polyline.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var polyline = new google.maps.Polyline(_extends({}, this.props.options || {}, {\n map: this.context\n }));\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$7,\n eventMap: eventMap$7,\n prevProps: {},\n nextProps: this.props,\n instance: polyline\n });\n this.setState(function setPolyline() {\n return {\n polyline: polyline\n };\n }, this.setPolylineCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.state.polyline !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$7,\n eventMap: eventMap$7,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.polyline\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.state.polyline !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.polyline);\n }\n\n unregisterEvents(this.registeredEvents);\n this.state.polyline.setMap(null);\n }\n };\n\n _proto.render = function render() {\n return createElement(Fragment, null);\n };\n\n return Polyline;\n}(PureComponent);\n\nPolyline.contextType = MapContext;\nvar eventMap$8 = {\n onClick: 'click',\n onDblClick: 'dblclick',\n onDrag: 'drag',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMouseDown: 'mousedown',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick'\n};\nvar updaterMap$8 = {\n draggable: function draggable(instance, _draggable) {\n instance.setDraggable(_draggable);\n },\n editable: function editable(instance, _editable) {\n instance.setEditable(_editable);\n },\n map: function map(instance, _map) {\n instance.setMap(_map);\n },\n options: function options(instance, _options) {\n instance.setOptions(_options);\n },\n path: function path(instance, _path) {\n instance.setPath(_path);\n },\n paths: function paths(instance, _paths) {\n instance.setPaths(_paths);\n },\n visible: function visible(instance, _visible) {\n instance.setVisible(_visible);\n }\n};\n\nvar Polygon = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(Polygon, _React$PureComponent);\n\n function Polygon() {\n var _this;\n\n _this = _React$PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n polygon: null\n };\n\n _this.setPolygonCallback = function () {\n if (_this.state.polygon !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.polygon);\n }\n };\n\n return _this;\n }\n\n var _proto = Polygon.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var polygon = new google.maps.Polygon(_extends({}, this.props.options || {}, {\n map: this.context\n }));\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$8,\n eventMap: eventMap$8,\n prevProps: {},\n nextProps: this.props,\n instance: polygon\n });\n this.setState(function setPolygon() {\n return {\n polygon: polygon\n };\n }, this.setPolygonCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.state.polygon !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$8,\n eventMap: eventMap$8,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.polygon\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.state.polygon !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.polygon);\n }\n\n unregisterEvents(this.registeredEvents);\n this.state.polygon && this.state.polygon.setMap(null);\n }\n };\n\n _proto.render = function render() {\n return null;\n };\n\n return Polygon;\n}(PureComponent);\n\nPolygon.contextType = MapContext;\nvar eventMap$9 = {\n onBoundsChanged: 'bounds_changed',\n onClick: 'click',\n onDblClick: 'dblclick',\n onDrag: 'drag',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMouseDown: 'mousedown',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRightClick: 'rightclick'\n};\nvar updaterMap$9 = {\n bounds: function bounds(instance, _bounds) {\n instance.setBounds(_bounds);\n },\n draggable: function draggable(instance, _draggable) {\n instance.setDraggable(_draggable);\n },\n editable: function editable(instance, _editable) {\n instance.setEditable(_editable);\n },\n map: function map(instance, _map) {\n instance.setMap(_map);\n },\n options: function options(instance, _options) {\n instance.setOptions(_options);\n },\n visible: function visible(instance, _visible) {\n instance.setVisible(_visible);\n }\n};\n\nvar Rectangle = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(Rectangle, _React$PureComponent);\n\n function Rectangle() {\n var _this;\n\n _this = _React$PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n rectangle: null\n };\n\n _this.setRectangleCallback = function () {\n if (_this.state.rectangle !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.rectangle);\n }\n };\n\n return _this;\n }\n\n var _proto = Rectangle.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var rectangle = new google.maps.Rectangle(_extends({}, this.props.options || {}, {\n map: this.context\n }));\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$9,\n eventMap: eventMap$9,\n prevProps: {},\n nextProps: this.props,\n instance: rectangle\n });\n this.setState(function setRectangle() {\n return {\n rectangle: rectangle\n };\n }, this.setRectangleCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.state.rectangle !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$9,\n eventMap: eventMap$9,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.rectangle\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.state.rectangle !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.rectangle);\n }\n\n unregisterEvents(this.registeredEvents);\n this.state.rectangle.setMap(null);\n }\n };\n\n _proto.render = function render() {\n return createElement(Fragment, null);\n };\n\n return Rectangle;\n}(PureComponent);\n\nRectangle.contextType = MapContext;\nvar eventMap$a = {\n onCenterChanged: 'center_changed',\n onClick: 'click',\n onDblClick: 'dblclick',\n onDrag: 'drag',\n onDragEnd: 'dragend',\n onDragStart: 'dragstart',\n onMouseDown: 'mousedown',\n onMouseMove: 'mousemove',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRadiusChanged: 'radius_changed',\n onRightClick: 'rightclick'\n};\nvar updaterMap$a = {\n center: function center(instance, _center) {\n instance.setCenter(_center);\n },\n draggable: function draggable(instance, _draggable) {\n instance.setDraggable(_draggable);\n },\n editable: function editable(instance, _editable) {\n instance.setEditable(_editable);\n },\n map: function map(instance, _map) {\n instance.setMap(_map);\n },\n options: function options(instance, _options) {\n instance.setOptions(_options);\n },\n radius: function radius(instance, _radius) {\n instance.setRadius(_radius);\n },\n visible: function visible(instance, _visible) {\n instance.setVisible(_visible);\n }\n};\n\nvar Circle = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(Circle, _React$PureComponent);\n\n function Circle() {\n var _this;\n\n _this = _React$PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n circle: null\n };\n\n _this.setCircleCallback = function () {\n if (_this.state.circle !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.circle);\n }\n };\n\n return _this;\n }\n\n var _proto = Circle.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var circle = new google.maps.Circle(_extends({}, this.props.options || {}, {\n map: this.context\n }));\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$a,\n eventMap: eventMap$a,\n prevProps: {},\n nextProps: this.props,\n instance: circle\n });\n this.setState(function setCircle() {\n return {\n circle: circle\n };\n }, this.setCircleCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.state.circle !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$a,\n eventMap: eventMap$a,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.circle\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.state.circle !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.circle);\n }\n\n unregisterEvents(this.registeredEvents);\n this.state.circle && this.state.circle.setMap(null);\n }\n };\n\n _proto.render = function render() {\n return createElement(Fragment, null);\n };\n\n return Circle;\n}(PureComponent);\n\nCircle.contextType = MapContext;\nvar eventMap$b = {\n onAddFeature: 'addfeature',\n onClick: 'click',\n onDblClick: 'dblclick',\n onMouseDown: 'mousedown',\n onMouseOut: 'mouseout',\n onMouseOver: 'mouseover',\n onMouseUp: 'mouseup',\n onRemoveFeature: 'removefeature',\n onRemoveProperty: 'removeproperty',\n onRightClick: 'rightclick',\n onSetGeometry: 'setgeometry',\n onSetProperty: 'setproperty'\n};\nvar updaterMap$b = {\n add: function add(instance, features) {\n instance.add(features);\n },\n addgeojson: function addgeojson(instance, geojson, options) {\n instance.addGeoJson(geojson, options);\n },\n contains: function contains(instance, feature) {\n instance.contains(feature);\n },\n foreach: function foreach(instance, callback) {\n instance.forEach(callback);\n },\n loadgeojson: function loadgeojson(instance, url, options, callback) {\n instance.loadGeoJson(url, options, callback);\n },\n overridestyle: function overridestyle(instance, feature, style) {\n instance.overrideStyle(feature, style);\n },\n remove: function remove(instance, feature) {\n instance.remove(feature);\n },\n revertstyle: function revertstyle(instance, feature) {\n instance.revertStyle(feature);\n },\n controlposition: function controlposition(instance, controlPosition) {\n instance.setControlPosition(controlPosition);\n },\n controls: function controls(instance, _controls) {\n instance.setControls(_controls);\n },\n drawingmode: function drawingmode(instance, mode) {\n instance.setDrawingMode(mode);\n },\n map: function map(instance, _map) {\n instance.setMap(_map);\n },\n style: function style(instance, _style) {\n instance.setStyle(_style);\n },\n togeojson: function togeojson(instance, callback) {\n instance.toGeoJson(callback);\n }\n};\n\nvar Data = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(Data, _React$PureComponent);\n\n function Data() {\n var _this;\n\n _this = _React$PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n data: null\n };\n\n _this.setDataCallback = function () {\n if (_this.state.data !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.data);\n }\n };\n\n return _this;\n }\n\n var _proto = Data.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var data = new google.maps.Data(_extends({}, this.props.options || {}, {\n map: this.context\n }));\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$b,\n eventMap: eventMap$b,\n prevProps: {},\n nextProps: this.props,\n instance: data\n });\n this.setState(function setData() {\n return {\n data: data\n };\n }, this.setDataCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.state.data !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$b,\n eventMap: eventMap$b,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.data\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.state.data !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.data);\n }\n\n unregisterEvents(this.registeredEvents);\n\n if (this.state.data) {\n this.state.data.setMap(null);\n }\n }\n };\n\n _proto.render = function render() {\n return null;\n };\n\n return Data;\n}(PureComponent);\n\nData.contextType = MapContext;\nvar eventMap$c = {\n onClick: 'click',\n onDefaultViewportChanged: 'defaultviewport_changed',\n onStatusChanged: 'status_changed'\n};\nvar updaterMap$c = {\n options: function options(instance, _options) {\n instance.setOptions(_options);\n },\n url: function url(instance, _url) {\n instance.setUrl(_url);\n },\n zIndex: function zIndex(instance, _zIndex) {\n instance.setZIndex(_zIndex);\n }\n};\n\nvar KmlLayer = /*#__PURE__*/function (_PureComponent) {\n _inheritsLoose(KmlLayer, _PureComponent);\n\n function KmlLayer() {\n var _this;\n\n _this = _PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n kmlLayer: null\n };\n\n _this.setKmlLayerCallback = function () {\n if (_this.state.kmlLayer !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.kmlLayer);\n }\n };\n\n return _this;\n }\n\n var _proto = KmlLayer.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var kmlLayer = new google.maps.KmlLayer(_extends({}, this.props.options, {\n map: this.context\n }));\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$c,\n eventMap: eventMap$c,\n prevProps: {},\n nextProps: this.props,\n instance: kmlLayer\n });\n this.setState(function setLmlLayer() {\n return {\n kmlLayer: kmlLayer\n };\n }, this.setKmlLayerCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.state.kmlLayer !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$c,\n eventMap: eventMap$c,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.kmlLayer\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.state.kmlLayer !== null) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.kmlLayer);\n }\n\n unregisterEvents(this.registeredEvents);\n this.state.kmlLayer.setMap(null);\n }\n };\n\n _proto.render = function render() {\n return null;\n };\n\n return KmlLayer;\n}(PureComponent);\n\nKmlLayer.contextType = MapContext;\n/* eslint-disable filenames/match-regex */\n\nfunction getOffsetOverride(containerElement, getPixelPositionOffset) {\n return typeof getPixelPositionOffset === 'function' ? getPixelPositionOffset(containerElement.offsetWidth, containerElement.offsetHeight) : {};\n} // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n\nvar createLatLng = function createLatLng(inst, Type) {\n return new Type(inst.lat, inst.lng);\n}; // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n\nvar createLatLngBounds = function createLatLngBounds(inst, Type) {\n return new Type(new google.maps.LatLng(inst.ne.lat, inst.ne.lng), new google.maps.LatLng(inst.sw.lat, inst.sw.lng));\n}; // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\n\nvar ensureOfType = function ensureOfType(inst, type, factory) {\n return inst instanceof type ? inst : factory(inst, type);\n};\n\nvar getLayoutStylesByBounds = function getLayoutStylesByBounds(mapCanvasProjection, offset, bounds) {\n var ne = mapCanvasProjection && mapCanvasProjection.fromLatLngToDivPixel(bounds.getNorthEast());\n var sw = mapCanvasProjection && mapCanvasProjection.fromLatLngToDivPixel(bounds.getSouthWest());\n\n if (ne && sw) {\n return {\n left: sw.x + offset.x + \"px\",\n top: ne.y + offset.y + \"px\",\n width: ne.x - sw.x - offset.x + \"px\",\n height: sw.y - ne.y - offset.y + \"px\"\n };\n }\n\n return {\n left: '-9999px',\n top: '-9999px'\n };\n};\n\nvar getLayoutStylesByPosition = function getLayoutStylesByPosition(mapCanvasProjection, offset, position) {\n var point = mapCanvasProjection && mapCanvasProjection.fromLatLngToDivPixel(position);\n\n if (point) {\n var x = point.x,\n y = point.y;\n return {\n left: x + offset.x + \"px\",\n top: y + offset.y + \"px\"\n };\n }\n\n return {\n left: '-9999px',\n top: '-9999px'\n };\n};\n\nvar getLayoutStyles = function getLayoutStyles(mapCanvasProjection, offset, bounds, position) {\n return bounds !== undefined ? getLayoutStylesByBounds(mapCanvasProjection, offset, ensureOfType(bounds, google.maps.LatLngBounds, createLatLngBounds)) : getLayoutStylesByPosition(mapCanvasProjection, offset, ensureOfType(position, google.maps.LatLng, createLatLng));\n};\n\nvar arePositionsEqual = function arePositionsEqual(currentPosition, previousPosition) {\n return currentPosition.left === previousPosition.left && currentPosition.top === previousPosition.top && currentPosition.width === previousPosition.height && currentPosition.height === previousPosition.height;\n};\n\nfunction convertToLatLngString(latLngLike) {\n if (!latLngLike) {\n return '';\n }\n\n var latLng = latLngLike instanceof google.maps.LatLng ? latLngLike : new google.maps.LatLng(latLngLike.lat, latLngLike.lng);\n return latLng + '';\n}\n\nfunction convertToLatLngBoundsString(latLngBoundsLike) {\n if (!latLngBoundsLike) {\n return '';\n }\n\n var latLngBounds = latLngBoundsLike instanceof google.maps.LatLngBounds ? latLngBoundsLike : new google.maps.LatLngBounds(new google.maps.LatLng(latLngBoundsLike.south, latLngBoundsLike.east), new google.maps.LatLng(latLngBoundsLike.north, latLngBoundsLike.west));\n return latLngBounds + '';\n}\n\nvar OverlayView = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(OverlayView, _React$PureComponent);\n\n function OverlayView(props) {\n var _this;\n\n _this = _React$PureComponent.call(this, props) || this;\n _this.state = {\n paneEl: null,\n containerStyle: {\n // set initial position\n position: 'absolute'\n }\n };\n\n _this.updatePane = function () {\n var mapPaneName = _this.props.mapPaneName; // https://developers.google.com/maps/documentation/javascript/3.exp/reference#MapPanes\n\n var mapPanes = _this.overlayView.getPanes();\n\n !!!mapPaneName ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"OverlayView requires props.mapPaneName but got %s\", mapPaneName) : invariant(false) : void 0;\n\n if (mapPanes) {\n _this.setState({\n paneEl: mapPanes[mapPaneName]\n });\n } else {\n _this.setState({\n paneEl: null\n });\n }\n };\n\n _this.onAdd = function () {\n _this.updatePane();\n\n _this.props.onLoad == null ? void 0 : _this.props.onLoad(_this.overlayView);\n };\n\n _this.onPositionElement = function () {\n var mapCanvasProjection = _this.overlayView.getProjection();\n\n var offset = _extends({\n x: 0,\n y: 0\n }, _this.containerRef.current ? getOffsetOverride(_this.containerRef.current, _this.props.getPixelPositionOffset) : {});\n\n var layoutStyles = getLayoutStyles(mapCanvasProjection, offset, _this.props.bounds, _this.props.position);\n var _this$state$container = _this.state.containerStyle,\n left = _this$state$container.left,\n top = _this$state$container.top,\n width = _this$state$container.width,\n height = _this$state$container.height;\n\n if (!arePositionsEqual(layoutStyles, {\n left: left,\n top: top,\n width: width,\n height: height\n })) {\n _this.setState({\n containerStyle: _extends({}, layoutStyles, {\n position: 'absolute'\n })\n });\n }\n };\n\n _this.draw = function () {\n _this.onPositionElement();\n };\n\n _this.onRemove = function () {\n _this.setState(function () {\n return {\n paneEl: null\n };\n }); // this.mapPaneEl = null\n\n\n _this.props.onUnmount == null ? void 0 : _this.props.onUnmount(_this.overlayView);\n };\n\n _this.containerRef = createRef(); // You must implement three methods: onAdd(), draw(), and onRemove().\n\n var overlayView = new google.maps.OverlayView();\n overlayView.onAdd = _this.onAdd;\n overlayView.draw = _this.draw;\n overlayView.onRemove = _this.onRemove;\n _this.overlayView = overlayView;\n return _this;\n }\n\n var _proto = OverlayView.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n // You must call setMap() with a valid Map object to trigger the call to\n // the onAdd() method and setMap(null) in order to trigger the onRemove() method.\n this.overlayView.setMap(this.context);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var prevPositionString = convertToLatLngString(prevProps.position);\n var positionString = convertToLatLngString(this.props.position);\n var prevBoundsString = convertToLatLngBoundsString(prevProps.bounds);\n var boundsString = convertToLatLngBoundsString(this.props.bounds);\n\n if (prevPositionString !== positionString || prevBoundsString !== boundsString) {\n this.overlayView.draw();\n }\n\n if (prevProps.mapPaneName !== this.props.mapPaneName) {\n this.updatePane();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.overlayView.setMap(null);\n };\n\n _proto.render = function render() {\n var paneEl = this.state.paneEl;\n\n if (paneEl) {\n return createPortal(createElement(\"div\", {\n ref: this.containerRef,\n style: this.state.containerStyle\n }, Children.only(this.props.children)), paneEl);\n } else {\n return null;\n }\n };\n\n return OverlayView;\n}(PureComponent);\n\nOverlayView.FLOAT_PANE = \"floatPane\";\nOverlayView.MAP_PANE = \"mapPane\";\nOverlayView.MARKER_LAYER = \"markerLayer\";\nOverlayView.OVERLAY_LAYER = \"overlayLayer\";\nOverlayView.OVERLAY_MOUSE_TARGET = \"overlayMouseTarget\";\nOverlayView.contextType = MapContext;\n\nfunction noop() {}\n\nvar eventMap$d = {\n onDblClick: 'dblclick',\n onClick: 'click'\n};\nvar updaterMap$d = {\n opacity: function opacity(instance, _opacity) {\n instance.setOpacity(_opacity);\n }\n};\n\nvar GroundOverlay = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(GroundOverlay, _React$PureComponent);\n\n function GroundOverlay() {\n var _this;\n\n _this = _React$PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n groundOverlay: null\n };\n\n _this.setGroundOverlayCallback = function () {\n if (_this.state.groundOverlay !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.groundOverlay);\n }\n };\n\n return _this;\n }\n\n var _proto = GroundOverlay.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n !(!!this.props.url || !!this.props.bounds) ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"For GroundOverlay, url and bounds are passed in to constructor and are immutable after instantiated. This is the behavior of Google Maps JavaScript API v3 ( See https://developers.google.com/maps/documentation/javascript/reference#GroundOverlay) Hence, use the corresponding two props provided by `react-google-maps-api`, url and bounds. In some cases, you'll need the GroundOverlay component to reflect the changes of url and bounds. You can leverage the React's key property to remount the component. Typically, just `key={url}` would serve your need. See https://github.com/tomchentw/react-google-maps/issues/655\") : invariant(false) : void 0;\n var groundOverlay = new google.maps.GroundOverlay(this.props.url, this.props.bounds, _extends({}, this.props.options, {\n map: this.context\n }));\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$d,\n eventMap: eventMap$d,\n prevProps: {},\n nextProps: this.props,\n instance: groundOverlay\n });\n this.setState(function setGroundOverlay() {\n return {\n groundOverlay: groundOverlay\n };\n }, this.setGroundOverlayCallback);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (this.state.groundOverlay !== null) {\n unregisterEvents(this.registeredEvents);\n this.registeredEvents = applyUpdatersToPropsAndRegisterEvents({\n updaterMap: updaterMap$d,\n eventMap: eventMap$d,\n prevProps: prevProps,\n nextProps: this.props,\n instance: this.state.groundOverlay\n });\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.state.groundOverlay) {\n if (this.props.onUnmount) {\n this.props.onUnmount(this.state.groundOverlay);\n }\n\n this.state.groundOverlay.setMap(null);\n }\n };\n\n _proto.render = function render() {\n return null;\n };\n\n return GroundOverlay;\n}(PureComponent);\n\nGroundOverlay.defaultProps = {\n onLoad: noop\n};\nGroundOverlay.contextType = MapContext;\nvar eventMap$e = {};\nvar updaterMap$e = {\n data: function data(instance, _data) {\n instance.setData(_data);\n },\n map: function map(instance, _map) {\n instance.setMap(_map);\n },\n options: function options(instance, _options) {\n instance.setOptions(_options);\n }\n};\n\nvar HeatmapLayer = /*#__PURE__*/function (_React$PureComponent) {\n _inheritsLoose(HeatmapLayer, _React$PureComponent);\n\n function HeatmapLayer() {\n var _this;\n\n _this = _React$PureComponent.apply(this, arguments) || this;\n _this.registeredEvents = [];\n _this.state = {\n heatmapLayer: null\n };\n\n _this.setHeatmapLayerCallback = function () {\n if (_this.state.heatmapLayer !== null && _this.props.onLoad) {\n _this.props.onLoad(_this.state.heatmapLayer);\n }\n };\n\n return _this;\n }\n\n var _proto = HeatmapLayer.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n !!!google.maps.visualization ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Did you include prop libraries={[\"visualization\"]} to (null);\r\n const [chosen, setChosen] = useState(null);\r\n const [defaultCenter, setDefaultCenter] = useState(center);\r\n\r\n useEffect(() => {\r\n setDefaultCenter(center);\r\n }, [center]);\r\n\r\n const { isLoaded, loadError } = useLoadScript({\r\n googleMapsApiKey: 'AIzaSyAix3oxvfGs7xau3bzbJ7ITjnBAUNlPKDs',\r\n libraries,\r\n });\r\n\r\n const mapRef = useRef(null);\r\n function handleLoad(map: any) {\r\n mapRef.current = map;\r\n }\r\n\r\n if (loadError)\r\n return Error al cargar el mapa. Actualice la página.
;\r\n if (!isLoaded) return Cargando mapa...
;\r\n\r\n function handleCenter() {\r\n if (!mapRef.current) return;\r\n let currentMap: any = mapRef.current;\r\n const newCenter = currentMap.getCenter().toJSON();\r\n setDefaultCenter(newCenter);\r\n }\r\n\r\n const google = window.google;\r\n\r\n const handleGeolocation = () => {\r\n return (\r\n \r\n \r\n \r\n {(clusterer) =>\r\n sedes.map((sede, i) => (\r\n {\r\n setSelected(sede);\r\n }}\r\n onMouseOver={() => {\r\n setChosen(i);\r\n }}\r\n onMouseOut={() => {\r\n setChosen(null);\r\n }}\r\n >\r\n ))\r\n }\r\n \r\n {geolocationLon !== 0 ? handleGeolocation() : null}\r\n {selected ? (\r\n {\r\n setSelected(null);\r\n }}\r\n >\r\n
\r\n );\r\n}\r\n","import React, {useEffect, useState} from \"react\";\r\nimport \"./goUpButton.scss\"\r\n\r\nconst GoUpButton = () => {\r\n\r\n const [visibility, setVisibility] = useState(\"\");\r\n\r\n const handleClick = () => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\"\r\n });\r\n }\r\n\r\n const toggleVisibility = () => {\r\n if (window.pageYOffset > 550) {\r\n setVisibility(\"visible\");\r\n } else {\r\n setVisibility(\"\");\r\n }\r\n }\r\n\r\n document.addEventListener('scroll', toggleVisibility);\r\n\r\n useEffect(() => {\r\n toggleVisibility();\r\n }, [window.pageYOffset])\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default GoUpButton","import React, {useEffect, useState} from \"react\";\r\nimport { ReferenciaMapa } from \"../../../interfaces/ReferenciaMapa\";\r\nimport { ReferenciaContenido } from \"../../../interfaces/ReferenciaContenido\";\r\nimport './maps.scss';\r\nimport FilterRegiones from \"../../molecules/filter-regiones/filterRegiones\";\r\nimport MapOrListButton from \"../../atoms/map-or-list-button/mapOrListButton\";\r\nimport SedeCard from \"../../molecules/sede-card/sedeCard\";\r\nimport MapComponent from \"../../molecules/map-component/mapComponent\";\r\nimport GoUpButton from \"../../atoms/go-up-button/goUpButton\";\r\n\r\nconst Maps = (props: ReferenciaContenido) => {\r\n\r\n if (!props.referenciaMapa) {\r\n return Cargando sedes...
\r\n }\r\n \r\n const [toRender, setToRender] = useState(\"lista\");\r\n const [region, setRegion] = useState('Valle de Aburrá');\r\n const [ver, setVer] = useState('todas');\r\n\r\n const averageLat = () => {\r\n let sumLat: number = 0;\r\n let counter: number = 0;\r\n for (let sede of sortedSedes) {\r\n sumLat += sede.location.lat;\r\n counter += 1;\r\n }\r\n return sumLat / counter;\r\n };\r\n\r\n const averageLon = () => {\r\n let sumLon: number = 0;\r\n let counter: number = 0;\r\n for (let sede of sortedSedes) {\r\n sumLon += sede.location.lon;\r\n counter += 1;\r\n }\r\n return sumLon / counter;\r\n };\r\n\r\n const filterSedes = (sedes: any[]) => {\r\n let tempSedes: any[] = [...sedes];\r\n tempSedes = tempSedes.filter((sede: any) => sede.region[0] === region);\r\n return(tempSedes);\r\n };\r\n const [sortedSedes, setSortedSedes] = useState(filterSedes(props.referenciaMapa));\r\n const [lengthSedes, setLengthSedes] = useState(filterSedes(props.referenciaMapa).length);\r\n const [limit, setLimit] = useState(6);\r\n\r\n const center: {} = { lat: averageLat(), lng: averageLon() };\r\n\r\n useEffect(() => {\r\n setSortedSedes(filterSedes(props.referenciaMapa));\r\n setLengthSedes(filterSedes(props.referenciaMapa).length);\r\n setVer('todas');\r\n setLimit(6);\r\n }, [region])\r\n\r\n const sedes: string[] = ['Valle de Aburrá', 'Oriente', 'Norte', 'Urabá', 'Nordeste', 'Suroeste', 'Occidente', 'Bajo Cauca', 'Magdalena Medio']; //BORRAR\r\n\r\n const handleVerClick = async () => {\r\n if (ver === \"todas\") {\r\n setVer(\"menos\");\r\n setLimit(lengthSedes);\r\n } else {\r\n setLimit(6);\r\n setVer(\"todas\");\r\n }\r\n }\r\n return (\r\n \r\n
\r\n {props.tituloBoton} \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {toRender === \"lista\" ? (\r\n
\r\n
\r\n {sortedSedes.slice(0, limit).map((value: ReferenciaMapa, index: number) => {\r\n return (\r\n
\r\n
\r\n );\r\n })}\r\n
\r\n {sortedSedes.length > 6 &&\r\n
\r\n }\r\n
\r\n ) : (\r\n
\r\n \r\n
\r\n )}\r\n {ver === \"menos\" &&
}\r\n
{children} \r\n );\r\n \r\n const Text = (children:any) => (\r\n {children}
\r\n )\r\n\r\n const List = (children:any) => (\r\n {children} \r\n )\r\n\r\n const options = {\r\n renderMark: {\r\n [MARKS.BOLD]: (text:any) => Bold(text),\r\n },\r\n renderNode: {\r\n [BLOCKS.LIST_ITEM]: (_node:any, children:any) => List(children),\r\n [BLOCKS.PARAGRAPH]: (_node:any, children:any) => Text(children)\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n
Direccion: \r\n
{address}
\r\n
\r\n
\r\n
Telefono: \r\n
\r\n {phone ? documentToReactComponents(phone, options) :
{phone} }\r\n
\r\n
\r\n
\r\n
Horario: \r\n {hours && documentToReactComponents(hours, options)}\r\n \r\n
\r\n
Tipo de espacios \r\n
\r\n {spaces.map((item, index) => (\r\n \r\n {index === spaces.length - 1 ? item : item + \" / \"}\r\n \r\n ))}\r\n
\r\n
\r\n
\r\n
Servicios \r\n
\r\n {services.map((item, index) => (\r\n \r\n {index === services.length - 1 ? item : item + \" / \"}\r\n \r\n ))}\r\n
\r\n
\r\n
\r\n
No fue encontrada esa sede \r\n
\r\n Volver al buscador de sedes\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Cargando Invitados...
\r\n // }\r\n\r\n var settings: any = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n autoplay: true,\r\n autoplaySpeed: 2500,\r\n pauseOnHover: true,\r\n adaptiveHeight: true,\r\n cssEase: 'linear',\r\n responsive: [\r\n {\r\n breakpoint: 1024,\r\n settings: {\r\n slidesToShow: 3\r\n }\r\n },\r\n {\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 2,\r\n dots: false\r\n }\r\n },\r\n {\r\n breakpoint: 480,\r\n settings: {\r\n slidesToShow: 1,\r\n dots: false\r\n }\r\n }\r\n ]\r\n };\r\n\r\n return (\r\n \r\n
{props.tituloGeneral} \r\n
\r\n {/* {props.referenciaAutor.map((autor, index) => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{autor.nombreAutor} \r\n
{autor.profesion1 && autor.profesion1}{autor.profesion2 && ` | ${autor.profesion2}`} {autor.profesion3 && ` | ${autor.profesion3}`}
\r\n
\r\n {autor.twitter &&
}\r\n {autor.instagram &&
}\r\n {autor.facebook &&
}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n })} */}\r\n \r\n
{children} \r\n );\r\n \r\n const Text = (children:any) => (\r\n {children}
\r\n )\r\n\r\n const List = (children:any) => (\r\n \r\n
{children} \r\n \r\n )\r\n \r\n const options = {\r\n renderMark: {\r\n [MARKS.BOLD]: (text:any) => Bold(text)\r\n },\r\n renderNode: {\r\n [BLOCKS.LIST_ITEM]: (_node:any, children:any) => List(children),\r\n [BLOCKS.PARAGRAPH]: (_node:any, children:any) => Text(children)\r\n },\r\n };\r\n\r\n\treturn ( \r\n \r\n {documentToReactComponents(JSON.parse(description), options)}\r\n
\r\n )\r\n}\r\n\r\nexport default Description\r\n","import React from \"react\";\r\nimport \"./simpleDescription.scss\";\r\nimport { ReferenciaContenido } from \"../../../interfaces/ReferenciaContenido\";\r\nimport Button from \"../../atoms/button/button\";\r\nimport Description from \"../../atoms/description/description\";\r\n\r\nconst SimpleDescription = (props: ReferenciaContenido) => {\r\n\r\n return ( \r\n \r\n {props.tituloGeneral ?
{props.tituloGeneral} : null}\r\n {props.descripcion.json.content ?\r\n
\r\n
\r\n : null\r\n }\r\n {props.tituloBoton &&\r\n
\r\n
\r\n }\r\n
\r\n
\r\n
\r\n { review.youtubeId ?\r\n \r\n \r\n }\r\n
\r\n
\r\n {review.tituloBanner}\r\n \r\n
\r\n {review.tituloBanner}\r\n \r\n\r\n
\r\n {review.redireccionBoton &&\r\n
\r\n
\r\n }\r\n
\r\n
\r\n
();\r\n\r\n // Funciones para desktop\r\n const goToNext = () => {\r\n slider.slickGoTo(sliderIndex + (props.video ? 2 : 3));\r\n };\r\n\r\n const goToBack = () => {\r\n slider.slickGoTo(sliderIndex - (props.video ? 2 : 3));\r\n };\r\n\r\n const isActiveNext = (_true: any, _false: any) => {\r\n return sliderIndex < props.reviews.length - 1 ? _true : _false;\r\n };\r\n\r\n const isActiveBack = (_true: any, _false: any) =>\r\n sliderIndex > 0 ? _true : _false;\r\n\r\n const settings = {\r\n className: \"center\",\r\n padding: \"20%\",\r\n dots: true,\r\n infinite: false,\r\n speed: 500,\r\n slidesToShow: props.video ? 2 : 3,\r\n slidesToScroll: props.video ? 2 : 3,\r\n beforeChange: (_: number, next: number) => setSliderIndex(next),\r\n };\r\n const settingsM = {\r\n className: \"center\",\r\n centerPadding: \"10%\",\r\n dots: true,\r\n infinite: false,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n beforeChange: (_: number, next: number) => setSliderIndex(next),\r\n responsive: [\r\n {\r\n breakpoint: 960,\r\n settings: {\r\n centerMode: false,\r\n slidesToShow: props.video ? 2 : 3,\r\n slidesToScroll: props.video ? 1 : 3,\r\n },\r\n },\r\n {\r\n breakpoint: 500,\r\n settings: {\r\n slidesToShow: 1.05,\r\n slidesToScroll: 1,\r\n },\r\n },\r\n ],\r\n };\r\n\r\n const handleBookMobile = () => {\r\n const booksAux = Array(0);\r\n const limit = props.reviews.length >= 5 ? 5 : props.reviews.length;\r\n for (let i = 0; i < limit; i++) {\r\n booksAux.push(props.video ? \r\n \r\n
setSlider(_slider)} {...settings}>\r\n {props.reviews.map((review, idx) => {\r\n if (props.video) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {handleBookMobile().map((books) => books)}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ReviewSlider;\r\n","import React from \"react\";\r\nimport ReviewSlider from \"../review-slider/reviewSlider\";\r\nimport { normalizeTwoWords } from \"../../../shared/utils/stringUtilities\";\r\nimport { ReferenciaContenido } from \"../../../interfaces/ReferenciaContenido\";\r\nimport \"./reviewCarousel.scss\";\r\n\r\nconst ReviewCarousel = (props: ReferenciaContenido) => {\r\n\r\n return (\r\n \r\n
\r\n
\r\n {props.tituloGeneral}\r\n \r\n \r\n\r\n
\r\n {props.referenciaPlantillaContenido && (\r\n
\r\n
\r\n
\r\n
{props.tituloGeneral} \r\n
{props.descripcion.json.content && documentToReactComponents(props.descripcion.json)}
\r\n
\r\n
\r\n {props.referenciaPlantillaContenido && (\r\n
\r\n
{children}
\r\n );\r\n \r\n const Text = (children:any) => (\r\n {children}
\r\n )\r\n\r\n const List = (children:any) => (\r\n {children} \r\n )\r\n \r\n const textOptions = {\r\n renderMark: {\r\n [MARKS.BOLD]: (text:any) => Bold(text)\r\n },\r\n renderNode: {\r\n [BLOCKS.LIST_ITEM]: (_node:any, children:any) => List(children),\r\n [BLOCKS.PARAGRAPH]: (_node:any, children:any) => Text(children)\r\n },\r\n };\r\n\r\n const [blobFile, setBlobFile] = useState();\r\n\r\n useEffect(() => {\r\n if (props.download) {\r\n axios.get(props.audio.audioPrincipal.file.url, {\r\n responseType: 'blob',\r\n })\r\n .then((res) => {\r\n setBlobFile(res.data)\r\n })\r\n }\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
{props.audio.tituloBanner} \r\n {props.audio.descripcion.json.content && documentToReactComponents(props.audio.descripcion.json, textOptions)}\r\n \r\n {props.download ?\r\n
\r\n fileDownload(blobFile, `${props.audio.audioPrincipal.title}.${props.audio.audioPrincipal.description ? props.audio.audioPrincipal.description : \"mp3\"}`)} >\r\n DESCARGAR \r\n
\r\n :\r\n null\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
{props.tituloGeneral} \r\n {props.descripcion ?\r\n
{props.descripcion.json.content && documentToReactComponents(props.descripcion.json)}
\r\n :\r\n null\r\n }\r\n
\r\n {props.referenciaPlantillaContenido.map((audio, key) => {\r\n if (audio.audioPrincipal) {\r\n return (\r\n
\r\n )\r\n }\r\n else if (audio.redireccionBoton) {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n }\r\n })}\r\n
\r\n
\r\n
(window.screen.availWidth > 960 ? 0 : null);\r\n const [active, setActive] = useState(window.screen.availWidth > 960 ? 0 : null);\r\n\r\n const Bold = (children:any) => (\r\n {children} \r\n );\r\n\r\n const Text = (children:any) => (\r\n {children}
\r\n )\r\n\r\n const textOptions = {\r\n renderMark: {\r\n [MARKS.BOLD]: (text:any) => Bold(text)\r\n },\r\n renderNode: {\r\n [BLOCKS.PARAGRAPH]: (_node:any, children:any) => Text(children)\r\n },\r\n };\r\n\r\n const clickFunction = (i) => {\r\n if (window.screen.availWidth > 960 && i === null) {\r\n return;\r\n }\r\n setSelectedImage(null)\r\n setActive(i)\r\n }\r\n\r\n const overFunction = (i) => {\r\n if (window.screen.availWidth > 960) {\r\n setSelectedImage(i)\r\n }\r\n }\r\n const outFunction = (non) => {\r\n if (window.screen.availWidth > 960) {\r\n setSelectedImage(non)\r\n }\r\n }\r\n\r\n\treturn (\r\n\t\t\r\n {\r\n props.descripcion ? \r\n
\r\n {documentToReactComponents(props.descripcion.json, textOptions)}\r\n
\r\n : null\r\n }\r\n
\r\n
\r\n
\r\n
{props.tituloGeneral} \r\n \r\n {\r\n props.referenciaPlantillaContenido.map((button, i) => (\r\n
\r\n {selectedImage === i || active === i? \r\n
clickFunction(active === i ? null : i)}\r\n onMouseOut={() => setSelectedImage(null)}\r\n >\r\n
\r\n
\r\n
\r\n {button.tituloBoton}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n :\r\n
overFunction(i)}\r\n onMouseOut={() => outFunction(null)}\r\n onClick={() => clickFunction(i)}\r\n >\r\n
\r\n
\r\n
\r\n {button.tituloBoton}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n }\r\n {\r\n active === i ? \r\n
\r\n
\r\n
\r\n : null\r\n }\r\n
\r\n ))\r\n }\r\n
\r\n
\r\n {\r\n props.referenciaPlantillaContenido.map((image, i) => (\r\n
\r\n
\r\n
\r\n ))\r\n }\r\n
\r\n
\r\n\t\t
{children} \r\n\t);\r\n\t\r\n\tconst Text = (children:any) => (\r\n\t\t{children}
\r\n\t)\r\n\r\n\tconst List = (children:any) => (\r\n\t\t{children} \r\n\t)\r\n\t\r\n\tconst textOptions = {\r\n\t\trenderMark: {\r\n\t\t\t[MARKS.BOLD]: (text:any) => Bold(text)\r\n\t\t},\r\n\t\trenderNode: {\r\n\t\t\t[BLOCKS.LIST_ITEM]: (_node:any, children:any) => List(children),\r\n\t\t\t[BLOCKS.PARAGRAPH]: (_node:any, children:any) => Text(children)\r\n\t\t},\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprops.chapter.descripcion && \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{props.chapter.tituloBanner}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tprops.chapter.descripcion && \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{props.chapter.tituloDescripcion}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t}\r\n {\r\n props.chapter.descripcion && \r\n
\r\n {documentToReactComponents(props.chapter.descripcion.json, textOptions)}\r\n
\r\n }\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t{\r\n
\r\n
\r\n
\r\n
\r\n\t\t\t}\r\n\t\t
(false);\r\n\tconst [upScroll, setUpScroll] = useState(false);\r\n\tconst [tagHover, setTagHover] = useState(false);\r\n\tconst refComponent = useRef(null);\r\n\tconst { lastDirection } = useDirectionScroll();\r\n\tconst gtmTagsDinamic = `gtm${normalizeTwoWords(props.nombreCategoria)}${normalizeTwoWords(props.tituloGeneral)}`;\r\n\tconst tags = props.referenciaPlantillaContenido.filter(\r\n\t\tvalue => value.tituloDescripcion\r\n\t).map( value => ({ tag: value.tituloDescripcion, title: value.tituloDescripcion }) );\r\n\t\r\n\tlet timerScroll:any;\r\n\r\n\tconst onScrollAction = () => {\r\n\t\twindow.clearTimeout( timerScroll );\r\n\t\ttimerScroll = setTimeout(() => {\r\n\t\t\tif( upScroll ) {\r\n\t\t\t\twindow.scroll(0, window.pageYOffset - 180 );\r\n\t\t\t\tsetUpScroll(false);\r\n\t\t\t}\r\n\t\t\tconst el: HTMLElement = refComponent.current || new HTMLElement();\r\n\t\t\tconst boundElement = el.querySelector('.o-scroll-parallax__zone')?.getBoundingClientRect();\r\n\t\t\tlet tagSelect = 0;\r\n\t\t\tconst items = el.querySelectorAll('.o-scroll-parallax__content__item--principal');\r\n\t\t\tfor( let i = 0; i < items.length; i++ ) {\r\n\t\t\t\tif ( items.item(i).getBoundingClientRect().top <= 190 ) {\r\n\t\t\t\t\ttagSelect = i;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetIndexTag(tagSelect);\r\n\t\t\t\t\tsetIsScrollActive( (boundElement || {top}).top < 160 );\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tsetIndexTag(tagSelect);\r\n\t\t\tsetIsScrollActive( (boundElement || {top}).top < 160 );\r\n\t\t}, 66);\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tisBrowser && document.addEventListener('scroll', onScrollAction);\r\n\t\treturn () => {\r\n\t\t\tisBrowser && document.removeEventListener('scroll', onScrollAction);\r\n\t\t}\r\n\t}, [upScroll] );\r\n\r\n\tconst goToChapter = (value:string) => {\r\n\t\tconst el: HTMLElement = refComponent.current || new HTMLElement();\r\n\t\tconst tag = el.querySelector(`.D-${value}`);\r\n\t\tsetUpScroll(true);\r\n\t\ttag?.scrollIntoView();\r\n\t}\r\n\r\n\tconst [visibility, setVisibility] = useState(\"\");\r\n\tconst toggleVisibility = () => {\r\n\t\tif (window.pageYOffset > document.body.offsetHeight - (document.body.offsetHeight * 0.046)) {\r\n\t\t\tsetVisibility(\"no-visible\");\r\n\t\t} else {\r\n\t\t\tsetVisibility(\"\");\r\n\t\t}\r\n\t}\r\n \r\n\tdocument.addEventListener('scroll', toggleVisibility);\r\n \r\n\tuseEffect(() => {\r\n\t\ttoggleVisibility();\r\n\t}, [window.pageYOffset])\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
setTagHover(true)}\r\n\t\t\t\t\tonMouseOut={() => setTagHover(false)}\r\n\t\t\t\t>\r\n\t\t\t\t\t{tags.map( (tag, key) => (\r\n\t\t\t\t\t\t goToChapter(normalizeTwoWords(tag.tag)) }\r\n\r\n\t\t\t\t\t\t>{tagHover ? tag.tag : \"\"} \r\n\t\t\t\t\t))}\r\n\t\t\t\t \r\n\t\t\t\t
\r\n goToChapter(normalizeTwoWords(tags[indexTag - 1].tag).replace(/\\s+/g, ''))}\r\n />\r\n {tags.map((tag, key) => (\r\n \r\n {tag.tag}\r\n \r\n ))}\r\n = tags.length}\r\n className=\"o-scroll-parallax__zone__box__circle\"\r\n onClick={() => goToChapter(normalizeTwoWords(tags[indexTag + 1].tag).replace(/\\s+/g, ''))}\r\n />\r\n \r\n\t\t\t
\r\n\t\t\t\t{\r\n\t\t\t\t\tprops.referenciaPlantillaContenido.map((chapter, i) => (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t))\r\n\t\t\t\t}\r\n\t\t\t
(null);\r\n \r\n const mapRef = useRef(null);\r\n function handleLoad(map: any) {\r\n mapRef.current = map;\r\n }\r\n\r\n const data = useStaticQuery(graphql`\r\n query MARKERS__SIMPLE {\r\n markerHover: allContentfulAsset(filter: {title: {eq: \"Marker hover\"}}) {\r\n nodes {\r\n file {\r\n url\r\n }\r\n }\r\n }\r\n }\r\n `);\r\n\r\n const markerHover: string = data.markerHover.nodes[0].file.url;\r\n\r\n if (loadError)\r\n return Error al cargar el mapa. Actualice la página.
;\r\n if (!isLoaded) return Cargando mapa...
;\r\n \r\n\r\n return( \r\n \r\n { props.tituloGeneral || props.tituloUbicacion ?\r\n ({props.tituloGeneral ? props.tituloGeneral : props.tituloUbicacion} )\r\n : \"\"\r\n }\r\n { props.descripcion &&\r\n \r\n
\r\n }\r\n \r\n \r\n {!props.validarBotonAutenticacion && (\r\n props.referenciaMapa ?\r\n props.referenciaMapa.map((sede, i) => (\r\n {\r\n setSelected(sede);\r\n }}\r\n >\r\n ))\r\n : \r\n props.referenciaUbicaciones?.map((sede, i) => (\r\n \r\n ))\r\n )}\r\n {selected && (\r\n {\r\n setSelected(null);\r\n }}\r\n >\r\n
\r\n {props.tituloBoton &&\r\n \r\n )\r\n})\r\n\r\nexport default Map;\r\n","import React from \"react\";\r\n\r\nimport { normalizeTwoWords, formatImageAlt, findRel } from \"../../../shared/utils/stringUtilities\";\r\n\r\nimport \"./coverPage.scss\";\r\n\r\ninterface CoverPageInterface {\r\n coverpage: {\r\n redireccionBoton: string;\r\n imagenPrincipal: [\r\n {\r\n file: {\r\n url: string;\r\n };\r\n title: string;\r\n }\r\n ];\r\n };\r\n gtmMark: string;\r\n}\r\n\r\nconst CoverPage = (props: CoverPageInterface) => {\r\n const { coverpage, gtmMark } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default CoverPage;","import React, { useState } from \"react\";\r\nimport Slider from \"react-slick\";\r\n\r\nimport { ReferenciaContenido } from \"../../../interfaces/ReferenciaContenido\";\r\nimport { normalizeTwoWords } from \"../../../shared/utils/stringUtilities\";\r\nimport CoverPage from \"../../atoms/cover-page/coverPage\";\r\n\r\nimport \"./featured.scss\";\r\n\r\nconst Featured = (props: ReferenciaContenido) => {\r\n const [sliderIndex, setSliderIndex] = useState(0);\r\n const [slider, setSlider] = useState();\r\n // Funciones para desktop\r\n const goToNext = () => {\r\n slider.slickGoTo(sliderIndex + 4);\r\n };\r\n\r\n const goToBack = () => {\r\n slider.slickGoTo(sliderIndex - 4);\r\n };\r\n\r\n const isActiveNext = (_true: any, _false: any) => {\r\n return sliderIndex < props.referenciaPlantillaContenido.length - 4\r\n ? _true\r\n : _false;\r\n };\r\n\r\n const isActiveBack = (_true: any, _false: any) =>\r\n sliderIndex > 0 ? _true : _false;\r\n\r\n const settings = {\r\n dots: true,\r\n infinite: false,\r\n speed: 500,\r\n slidesToShow: 4,\r\n slidesToScroll: 4,\r\n beforeChange: (_: number, next: number) => setSliderIndex(next),\r\n responsive: [\r\n {\r\n breakpoint: 960,\r\n settings: {\r\n centerMode: false,\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n },\r\n },\r\n {\r\n breakpoint: 500,\r\n settings: {\r\n dots: true,\r\n centerMode: true,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n },\r\n },\r\n ],\r\n };\r\n\r\n // const handleBookMobile = () => {\r\n // let auxBook: any = [];\r\n // for (let index = 0; index < 4; index++) {\r\n // auxBook.push(props.referenciaPlantillaContenido[index]);\r\n // }\r\n // return auxBook;\r\n // };\r\n\r\n return (\r\n \r\n {props.tituloGeneral} \r\n \r\n
setSlider(_slider)} {...settings}>\r\n {props.referenciaPlantillaContenido.map((cover_page, index) => (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {props.referenciaPlantillaContenido.map((cover_page, index) => (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Featured;\r\n","import React, { useState } from 'react'\r\nimport { ReferenciaContenido } from \"../../../interfaces/ReferenciaContenido\";\r\nimport Button from '../../atoms/button/button';\r\nimport Description from '../../atoms/description/description';\r\nimport Modal from '../../atoms/modal/modal';\r\nimport RichtextDescription from '../../atoms/richtext-description/richtextDescription';\r\nimport \"./infographic.scss\";\r\n\r\nconst Infographic = (props: ReferenciaContenido) => {\r\n\r\n const [popup, setPopup] = useState(false)\r\n const [screen, setScreen] = useState(true)\r\n const [openMenu, setOpenMenu] = useState(false)\r\n const [move, setMove] = useState(\"Adelante\")\r\n const [selected, setSelected]: any = useState()\r\n\r\n const handleSelected = (card) => {\r\n setSelected(card)\r\n setPopup(true)\r\n }\r\n \r\n const handleOut = () => {\r\n document.getElementsByClassName(\"a-modal\")[0].classList.add(\"--opacity\")\r\n setTimeout(function(){ setPopup(false); }, 700);\r\n }\r\n\r\n const handleMenuOut = () => {\r\n document.getElementsByClassName(\"o-infographic__container__menu-options\")[0].classList.add(\"--opacity\")\r\n setTimeout(function(){ setOpenMenu(false); }, 700);\r\n }\r\n\r\n const handleMove = () => {\r\n if (move === \"Adelante\") {\r\n setMove(\"Atrás\")\r\n document.getElementsByClassName(\"o-infographic__container__cover\")[0].scrollTo({\r\n left: 1000,\r\n behavior: 'smooth'\r\n });\r\n } else {\r\n setMove(\"Adelante\")\r\n document.getElementsByClassName(\"o-infographic__container__cover\")[0].scrollTo({\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n \r\n return (\r\n \r\n
\r\n
{props.tituloGeneral} \r\n {props.descripcion &&\r\n
\r\n
\r\n }\r\n { !screen &&\r\n <>\r\n
setOpenMenu(true)}>\r\n
\r\n
Menú \r\n
\r\n
handleMove()}>\r\n
\r\n {move === \"Adelante\" ? 1 : 2} \r\n
\r\n
{move} \r\n
\r\n \r\n }\r\n { openMenu &&\r\n
\r\n
\r\n }\r\n
\r\n { screen &&\r\n
setScreen(false)} >\r\n
\r\n
{props.tituloBoton} \r\n
\r\n }\r\n
\r\n {\r\n props.referenciaPlantillaContenido.map((card, index) => (\r\n
handleSelected(card)}>\r\n
\r\n +\r\n {card.tituloDescripcion} \r\n
\r\n
\r\n
\r\n
\r\n ))\r\n }\r\n
\r\n
handleOut()} className=\"o-infographic__container__modal\">\r\n \r\n
\r\n \r\n
\r\n
\r\n
{props.tituloGeneral} \r\n {props.descripcion &&\r\n
\r\n
\r\n }\r\n
\r\n {\r\n props.referenciaPlantillaContenido.map((card, index) => (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n ))\r\n }\r\n
\r\n
{children}
\r\n );\r\n \r\n const Text = (children:any) => (\r\n {children}
\r\n )\r\n\r\n const List = (children:any) => (\r\n {children} \r\n )\r\n \r\n const options = {\r\n renderMark: {\r\n [MARKS.BOLD]: (text:any) => Bold(text)\r\n },\r\n renderNode: {\r\n [BLOCKS.LIST_ITEM]: (_node:any, children:any) => List(children),\r\n [BLOCKS.PARAGRAPH]: (_node:any, children:any) => Text(children)\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n {props.tituloGeneral}\r\n \r\n {props.descripcion.json.content && documentToReactComponents(props.descripcion.json, options)}\r\n \r\n
;\r\n case 'SliderCircular' :\r\n return ;\r\n case \"ReproductorVideos\":\r\n return ;\r\n case \"ReproductorAudios\":\r\n return ;\r\n case \"SwitcherImagenes\":\r\n return ;\r\n case \"ScrollParallax\":\r\n return ;\r\n case \"Redireccion\":\r\n return ;\r\n case \"MapaSimple\":\r\n return ;\r\n case \"DestacadosHome\":\r\n return (0);\r\n\r\n useEffect( () => {\r\n setSlider(paginator >= limitPages ? paginator + 1 - limitPages : 0);\r\n }, [paginator] )\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n Atrás\r\n \r\n
\r\n {todos.map((_, index) => (\r\n paginator == index+slider ? null : goToPage(index+slider) } \r\n key={index}\r\n >{index+1+slider} \r\n ))}\r\n \r\n
= totalPages ? 'normal' : 'active'} gtmResultadosBusquedaSiguiente m-searchSlider-next` } \r\n disabled={paginator + 1 >= totalPages} onClick={goNext}>\r\n Siguiente\r\n \r\n
\r\n
\r\n
\r\n
Atrás \r\n
\r\n {paginator+1} \r\n de \r\n {totalPages} \r\n \r\n
= totalPages} \r\n onClick={goNext}>\r\n Siguiente\r\n \r\n
\r\n
} arr\r\n * @param {*} key\r\n * @returns {number}\r\n */\n\n\n function getIndex(arr, key) {\n var result = -1;\n arr.some(function (entry, index) {\n if (entry[0] === key) {\n result = index;\n return true;\n }\n\n return false;\n });\n return result;\n }\n\n return (\n /** @class */\n function () {\n function class_1() {\n this.__entries__ = [];\n }\n\n Object.defineProperty(class_1.prototype, \"size\", {\n /**\r\n * @returns {boolean}\r\n */\n get: function get() {\n return this.__entries__.length;\n },\n enumerable: true,\n configurable: true\n });\n /**\r\n * @param {*} key\r\n * @returns {*}\r\n */\n\n class_1.prototype.get = function (key) {\n var index = getIndex(this.__entries__, key);\n var entry = this.__entries__[index];\n return entry && entry[1];\n };\n /**\r\n * @param {*} key\r\n * @param {*} value\r\n * @returns {void}\r\n */\n\n\n class_1.prototype.set = function (key, value) {\n var index = getIndex(this.__entries__, key);\n\n if (~index) {\n this.__entries__[index][1] = value;\n } else {\n this.__entries__.push([key, value]);\n }\n };\n /**\r\n * @param {*} key\r\n * @returns {void}\r\n */\n\n\n class_1.prototype.delete = function (key) {\n var entries = this.__entries__;\n var index = getIndex(entries, key);\n\n if (~index) {\n entries.splice(index, 1);\n }\n };\n /**\r\n * @param {*} key\r\n * @returns {void}\r\n */\n\n\n class_1.prototype.has = function (key) {\n return !!~getIndex(this.__entries__, key);\n };\n /**\r\n * @returns {void}\r\n */\n\n\n class_1.prototype.clear = function () {\n this.__entries__.splice(0);\n };\n /**\r\n * @param {Function} callback\r\n * @param {*} [ctx=null]\r\n * @returns {void}\r\n */\n\n\n class_1.prototype.forEach = function (callback, ctx) {\n if (ctx === void 0) {\n ctx = null;\n }\n\n for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {\n var entry = _a[_i];\n callback.call(ctx, entry[1], entry[0]);\n }\n };\n\n return class_1;\n }()\n );\n}();\n/**\r\n * Detects whether window and document objects are available in current environment.\r\n */\n\n\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document; // Returns global object of a current environment.\n\nvar global$1 = function () {\n if (typeof global !== 'undefined' && global.Math === Math) {\n return global;\n }\n\n if (typeof self !== 'undefined' && self.Math === Math) {\n return self;\n }\n\n if (typeof window !== 'undefined' && window.Math === Math) {\n return window;\n } // eslint-disable-next-line no-new-func\n\n\n return Function('return this')();\n}();\n/**\r\n * A shim for the requestAnimationFrame which falls back to the setTimeout if\r\n * first one is not supported.\r\n *\r\n * @returns {number} Requests' identifier.\r\n */\n\n\nvar requestAnimationFrame$1 = function () {\n if (typeof requestAnimationFrame === 'function') {\n // It's required to use a bounded function because IE sometimes throws\n // an \"Invalid calling object\" error if rAF is invoked without the global\n // object on the left hand side.\n return requestAnimationFrame.bind(global$1);\n }\n\n return function (callback) {\n return setTimeout(function () {\n return callback(Date.now());\n }, 1000 / 60);\n };\n}(); // Defines minimum timeout before adding a trailing call.\n\n\nvar trailingTimeout = 2;\n/**\r\n * Creates a wrapper function which ensures that provided callback will be\r\n * invoked only once during the specified delay period.\r\n *\r\n * @param {Function} callback - Function to be invoked after the delay period.\r\n * @param {number} delay - Delay after which to invoke callback.\r\n * @returns {Function}\r\n */\n\nfunction throttle(callback, delay) {\n var leadingCall = false,\n trailingCall = false,\n lastCallTime = 0;\n /**\r\n * Invokes the original callback function and schedules new invocation if\r\n * the \"proxy\" was called during current request.\r\n *\r\n * @returns {void}\r\n */\n\n function resolvePending() {\n if (leadingCall) {\n leadingCall = false;\n callback();\n }\n\n if (trailingCall) {\n proxy();\n }\n }\n /**\r\n * Callback invoked after the specified delay. It will further postpone\r\n * invocation of the original function delegating it to the\r\n * requestAnimationFrame.\r\n *\r\n * @returns {void}\r\n */\n\n\n function timeoutCallback() {\n requestAnimationFrame$1(resolvePending);\n }\n /**\r\n * Schedules invocation of the original function.\r\n *\r\n * @returns {void}\r\n */\n\n\n function proxy() {\n var timeStamp = Date.now();\n\n if (leadingCall) {\n // Reject immediately following calls.\n if (timeStamp - lastCallTime < trailingTimeout) {\n return;\n } // Schedule new call to be in invoked when the pending one is resolved.\n // This is important for \"transitions\" which never actually start\n // immediately so there is a chance that we might miss one if change\n // happens amids the pending invocation.\n\n\n trailingCall = true;\n } else {\n leadingCall = true;\n trailingCall = false;\n setTimeout(timeoutCallback, delay);\n }\n\n lastCallTime = timeStamp;\n }\n\n return proxy;\n} // Minimum delay before invoking the update of observers.\n\n\nvar REFRESH_DELAY = 20; // A list of substrings of CSS properties used to find transition events that\n// might affect dimensions of observed elements.\n\nvar transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight']; // Check if MutationObserver is available.\n\nvar mutationObserverSupported = typeof MutationObserver !== 'undefined';\n/**\r\n * Singleton controller class which handles updates of ResizeObserver instances.\r\n */\n\nvar ResizeObserverController =\n/** @class */\nfunction () {\n /**\r\n * Creates a new instance of ResizeObserverController.\r\n *\r\n * @private\r\n */\n function ResizeObserverController() {\n /**\r\n * Indicates whether DOM listeners have been added.\r\n *\r\n * @private {boolean}\r\n */\n this.connected_ = false;\n /**\r\n * Tells that controller has subscribed for Mutation Events.\r\n *\r\n * @private {boolean}\r\n */\n\n this.mutationEventsAdded_ = false;\n /**\r\n * Keeps reference to the instance of MutationObserver.\r\n *\r\n * @private {MutationObserver}\r\n */\n\n this.mutationsObserver_ = null;\n /**\r\n * A list of connected observers.\r\n *\r\n * @private {Array}\r\n */\n\n this.observers_ = [];\n this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);\n this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);\n }\n /**\r\n * Adds observer to observers list.\r\n *\r\n * @param {ResizeObserverSPI} observer - Observer to be added.\r\n * @returns {void}\r\n */\n\n\n ResizeObserverController.prototype.addObserver = function (observer) {\n if (!~this.observers_.indexOf(observer)) {\n this.observers_.push(observer);\n } // Add listeners if they haven't been added yet.\n\n\n if (!this.connected_) {\n this.connect_();\n }\n };\n /**\r\n * Removes observer from observers list.\r\n *\r\n * @param {ResizeObserverSPI} observer - Observer to be removed.\r\n * @returns {void}\r\n */\n\n\n ResizeObserverController.prototype.removeObserver = function (observer) {\n var observers = this.observers_;\n var index = observers.indexOf(observer); // Remove observer if it's present in registry.\n\n if (~index) {\n observers.splice(index, 1);\n } // Remove listeners if controller has no connected observers.\n\n\n if (!observers.length && this.connected_) {\n this.disconnect_();\n }\n };\n /**\r\n * Invokes the update of observers. It will continue running updates insofar\r\n * it detects changes.\r\n *\r\n * @returns {void}\r\n */\n\n\n ResizeObserverController.prototype.refresh = function () {\n var changesDetected = this.updateObservers_(); // Continue running updates if changes have been detected as there might\n // be future ones caused by CSS transitions.\n\n if (changesDetected) {\n this.refresh();\n }\n };\n /**\r\n * Updates every observer from observers list and notifies them of queued\r\n * entries.\r\n *\r\n * @private\r\n * @returns {boolean} Returns \"true\" if any observer has detected changes in\r\n * dimensions of it's elements.\r\n */\n\n\n ResizeObserverController.prototype.updateObservers_ = function () {\n // Collect observers that have active observations.\n var activeObservers = this.observers_.filter(function (observer) {\n return observer.gatherActive(), observer.hasActive();\n }); // Deliver notifications in a separate cycle in order to avoid any\n // collisions between observers, e.g. when multiple instances of\n // ResizeObserver are tracking the same element and the callback of one\n // of them changes content dimensions of the observed target. Sometimes\n // this may result in notifications being blocked for the rest of observers.\n\n activeObservers.forEach(function (observer) {\n return observer.broadcastActive();\n });\n return activeObservers.length > 0;\n };\n /**\r\n * Initializes DOM listeners.\r\n *\r\n * @private\r\n * @returns {void}\r\n */\n\n\n ResizeObserverController.prototype.connect_ = function () {\n // Do nothing if running in a non-browser environment or if listeners\n // have been already added.\n if (!isBrowser || this.connected_) {\n return;\n } // Subscription to the \"Transitionend\" event is used as a workaround for\n // delayed transitions. This way it's possible to capture at least the\n // final state of an element.\n\n\n document.addEventListener('transitionend', this.onTransitionEnd_);\n window.addEventListener('resize', this.refresh);\n\n if (mutationObserverSupported) {\n this.mutationsObserver_ = new MutationObserver(this.refresh);\n this.mutationsObserver_.observe(document, {\n attributes: true,\n childList: true,\n characterData: true,\n subtree: true\n });\n } else {\n document.addEventListener('DOMSubtreeModified', this.refresh);\n this.mutationEventsAdded_ = true;\n }\n\n this.connected_ = true;\n };\n /**\r\n * Removes DOM listeners.\r\n *\r\n * @private\r\n * @returns {void}\r\n */\n\n\n ResizeObserverController.prototype.disconnect_ = function () {\n // Do nothing if running in a non-browser environment or if listeners\n // have been already removed.\n if (!isBrowser || !this.connected_) {\n return;\n }\n\n document.removeEventListener('transitionend', this.onTransitionEnd_);\n window.removeEventListener('resize', this.refresh);\n\n if (this.mutationsObserver_) {\n this.mutationsObserver_.disconnect();\n }\n\n if (this.mutationEventsAdded_) {\n document.removeEventListener('DOMSubtreeModified', this.refresh);\n }\n\n this.mutationsObserver_ = null;\n this.mutationEventsAdded_ = false;\n this.connected_ = false;\n };\n /**\r\n * \"Transitionend\" event handler.\r\n *\r\n * @private\r\n * @param {TransitionEvent} event\r\n * @returns {void}\r\n */\n\n\n ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {\n var _b = _a.propertyName,\n propertyName = _b === void 0 ? '' : _b; // Detect whether transition may affect dimensions of an element.\n\n var isReflowProperty = transitionKeys.some(function (key) {\n return !!~propertyName.indexOf(key);\n });\n\n if (isReflowProperty) {\n this.refresh();\n }\n };\n /**\r\n * Returns instance of the ResizeObserverController.\r\n *\r\n * @returns {ResizeObserverController}\r\n */\n\n\n ResizeObserverController.getInstance = function () {\n if (!this.instance_) {\n this.instance_ = new ResizeObserverController();\n }\n\n return this.instance_;\n };\n /**\r\n * Holds reference to the controller's instance.\r\n *\r\n * @private {ResizeObserverController}\r\n */\n\n\n ResizeObserverController.instance_ = null;\n return ResizeObserverController;\n}();\n/**\r\n * Defines non-writable/enumerable properties of the provided target object.\r\n *\r\n * @param {Object} target - Object for which to define properties.\r\n * @param {Object} props - Properties to be defined.\r\n * @returns {Object} Target object.\r\n */\n\n\nvar defineConfigurable = function defineConfigurable(target, props) {\n for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {\n var key = _a[_i];\n Object.defineProperty(target, key, {\n value: props[key],\n enumerable: false,\n writable: false,\n configurable: true\n });\n }\n\n return target;\n};\n/**\r\n * Returns the global object associated with provided element.\r\n *\r\n * @param {Object} target\r\n * @returns {Object}\r\n */\n\n\nvar getWindowOf = function getWindowOf(target) {\n // Assume that the element is an instance of Node, which means that it\n // has the \"ownerDocument\" property from which we can retrieve a\n // corresponding global object.\n var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView; // Return the local global object if it's not possible extract one from\n // provided element.\n\n return ownerGlobal || global$1;\n}; // Placeholder of an empty content rectangle.\n\n\nvar emptyRect = createRectInit(0, 0, 0, 0);\n/**\r\n * Converts provided string to a number.\r\n *\r\n * @param {number|string} value\r\n * @returns {number}\r\n */\n\nfunction toFloat(value) {\n return parseFloat(value) || 0;\n}\n/**\r\n * Extracts borders size from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @param {...string} positions - Borders positions (top, right, ...)\r\n * @returns {number}\r\n */\n\n\nfunction getBordersSize(styles) {\n var positions = [];\n\n for (var _i = 1; _i < arguments.length; _i++) {\n positions[_i - 1] = arguments[_i];\n }\n\n return positions.reduce(function (size, position) {\n var value = styles['border-' + position + '-width'];\n return size + toFloat(value);\n }, 0);\n}\n/**\r\n * Extracts paddings sizes from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @returns {Object} Paddings box.\r\n */\n\n\nfunction getPaddings(styles) {\n var positions = ['top', 'right', 'bottom', 'left'];\n var paddings = {};\n\n for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {\n var position = positions_1[_i];\n var value = styles['padding-' + position];\n paddings[position] = toFloat(value);\n }\n\n return paddings;\n}\n/**\r\n * Calculates content rectangle of provided SVG element.\r\n *\r\n * @param {SVGGraphicsElement} target - Element content rectangle of which needs\r\n * to be calculated.\r\n * @returns {DOMRectInit}\r\n */\n\n\nfunction getSVGContentRect(target) {\n var bbox = target.getBBox();\n return createRectInit(0, 0, bbox.width, bbox.height);\n}\n/**\r\n * Calculates content rectangle of provided HTMLElement.\r\n *\r\n * @param {HTMLElement} target - Element for which to calculate the content rectangle.\r\n * @returns {DOMRectInit}\r\n */\n\n\nfunction getHTMLElementContentRect(target) {\n // Client width & height properties can't be\n // used exclusively as they provide rounded values.\n var clientWidth = target.clientWidth,\n clientHeight = target.clientHeight; // By this condition we can catch all non-replaced inline, hidden and\n // detached elements. Though elements with width & height properties less\n // than 0.5 will be discarded as well.\n //\n // Without it we would need to implement separate methods for each of\n // those cases and it's not possible to perform a precise and performance\n // effective test for hidden elements. E.g. even jQuery's ':visible' filter\n // gives wrong results for elements with width & height less than 0.5.\n\n if (!clientWidth && !clientHeight) {\n return emptyRect;\n }\n\n var styles = getWindowOf(target).getComputedStyle(target);\n var paddings = getPaddings(styles);\n var horizPad = paddings.left + paddings.right;\n var vertPad = paddings.top + paddings.bottom; // Computed styles of width & height are being used because they are the\n // only dimensions available to JS that contain non-rounded values. It could\n // be possible to utilize the getBoundingClientRect if only it's data wasn't\n // affected by CSS transformations let alone paddings, borders and scroll bars.\n\n var width = toFloat(styles.width),\n height = toFloat(styles.height); // Width & height include paddings and borders when the 'border-box' box\n // model is applied (except for IE).\n\n if (styles.boxSizing === 'border-box') {\n // Following conditions are required to handle Internet Explorer which\n // doesn't include paddings and borders to computed CSS dimensions.\n //\n // We can say that if CSS dimensions + paddings are equal to the \"client\"\n // properties then it's either IE, and thus we don't need to subtract\n // anything, or an element merely doesn't have paddings/borders styles.\n if (Math.round(width + horizPad) !== clientWidth) {\n width -= getBordersSize(styles, 'left', 'right') + horizPad;\n }\n\n if (Math.round(height + vertPad) !== clientHeight) {\n height -= getBordersSize(styles, 'top', 'bottom') + vertPad;\n }\n } // Following steps can't be applied to the document's root element as its\n // client[Width/Height] properties represent viewport area of the window.\n // Besides, it's as well not necessary as the itself neither has\n // rendered scroll bars nor it can be clipped.\n\n\n if (!isDocumentElement(target)) {\n // In some browsers (only in Firefox, actually) CSS width & height\n // include scroll bars size which can be removed at this step as scroll\n // bars are the only difference between rounded dimensions + paddings\n // and \"client\" properties, though that is not always true in Chrome.\n var vertScrollbar = Math.round(width + horizPad) - clientWidth;\n var horizScrollbar = Math.round(height + vertPad) - clientHeight; // Chrome has a rather weird rounding of \"client\" properties.\n // E.g. for an element with content width of 314.2px it sometimes gives\n // the client width of 315px and for the width of 314.7px it may give\n // 314px. And it doesn't happen all the time. So just ignore this delta\n // as a non-relevant.\n\n if (Math.abs(vertScrollbar) !== 1) {\n width -= vertScrollbar;\n }\n\n if (Math.abs(horizScrollbar) !== 1) {\n height -= horizScrollbar;\n }\n }\n\n return createRectInit(paddings.left, paddings.top, width, height);\n}\n/**\r\n * Checks whether provided element is an instance of the SVGGraphicsElement.\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\n\n\nvar isSVGGraphicsElement = function () {\n // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement\n // interface.\n if (typeof SVGGraphicsElement !== 'undefined') {\n return function (target) {\n return target instanceof getWindowOf(target).SVGGraphicsElement;\n };\n } // If it's so, then check that element is at least an instance of the\n // SVGElement and that it has the \"getBBox\" method.\n // eslint-disable-next-line no-extra-parens\n\n\n return function (target) {\n return target instanceof getWindowOf(target).SVGElement && typeof target.getBBox === 'function';\n };\n}();\n/**\r\n * Checks whether provided element is a document element ().\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\n\n\nfunction isDocumentElement(target) {\n return target === getWindowOf(target).document.documentElement;\n}\n/**\r\n * Calculates an appropriate content rectangle for provided html or svg element.\r\n *\r\n * @param {Element} target - Element content rectangle of which needs to be calculated.\r\n * @returns {DOMRectInit}\r\n */\n\n\nfunction getContentRect(target) {\n if (!isBrowser) {\n return emptyRect;\n }\n\n if (isSVGGraphicsElement(target)) {\n return getSVGContentRect(target);\n }\n\n return getHTMLElementContentRect(target);\n}\n/**\r\n * Creates rectangle with an interface of the DOMRectReadOnly.\r\n * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly\r\n *\r\n * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.\r\n * @returns {DOMRectReadOnly}\r\n */\n\n\nfunction createReadOnlyRect(_a) {\n var x = _a.x,\n y = _a.y,\n width = _a.width,\n height = _a.height; // If DOMRectReadOnly is available use it as a prototype for the rectangle.\n\n var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;\n var rect = Object.create(Constr.prototype); // Rectangle's properties are not writable and non-enumerable.\n\n defineConfigurable(rect, {\n x: x,\n y: y,\n width: width,\n height: height,\n top: y,\n right: x + width,\n bottom: height + y,\n left: x\n });\n return rect;\n}\n/**\r\n * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.\r\n * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit\r\n *\r\n * @param {number} x - X coordinate.\r\n * @param {number} y - Y coordinate.\r\n * @param {number} width - Rectangle's width.\r\n * @param {number} height - Rectangle's height.\r\n * @returns {DOMRectInit}\r\n */\n\n\nfunction createRectInit(x, y, width, height) {\n return {\n x: x,\n y: y,\n width: width,\n height: height\n };\n}\n/**\r\n * Class that is responsible for computations of the content rectangle of\r\n * provided DOM element and for keeping track of it's changes.\r\n */\n\n\nvar ResizeObservation =\n/** @class */\nfunction () {\n /**\r\n * Creates an instance of ResizeObservation.\r\n *\r\n * @param {Element} target - Element to be observed.\r\n */\n function ResizeObservation(target) {\n /**\r\n * Broadcasted width of content rectangle.\r\n *\r\n * @type {number}\r\n */\n this.broadcastWidth = 0;\n /**\r\n * Broadcasted height of content rectangle.\r\n *\r\n * @type {number}\r\n */\n\n this.broadcastHeight = 0;\n /**\r\n * Reference to the last observed content rectangle.\r\n *\r\n * @private {DOMRectInit}\r\n */\n\n this.contentRect_ = createRectInit(0, 0, 0, 0);\n this.target = target;\n }\n /**\r\n * Updates content rectangle and tells whether it's width or height properties\r\n * have changed since the last broadcast.\r\n *\r\n * @returns {boolean}\r\n */\n\n\n ResizeObservation.prototype.isActive = function () {\n var rect = getContentRect(this.target);\n this.contentRect_ = rect;\n return rect.width !== this.broadcastWidth || rect.height !== this.broadcastHeight;\n };\n /**\r\n * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data\r\n * from the corresponding properties of the last observed content rectangle.\r\n *\r\n * @returns {DOMRectInit} Last observed content rectangle.\r\n */\n\n\n ResizeObservation.prototype.broadcastRect = function () {\n var rect = this.contentRect_;\n this.broadcastWidth = rect.width;\n this.broadcastHeight = rect.height;\n return rect;\n };\n\n return ResizeObservation;\n}();\n\nvar ResizeObserverEntry =\n/** @class */\nfunction () {\n /**\r\n * Creates an instance of ResizeObserverEntry.\r\n *\r\n * @param {Element} target - Element that is being observed.\r\n * @param {DOMRectInit} rectInit - Data of the element's content rectangle.\r\n */\n function ResizeObserverEntry(target, rectInit) {\n var contentRect = createReadOnlyRect(rectInit); // According to the specification following properties are not writable\n // and are also not enumerable in the native implementation.\n //\n // Property accessors are not being used as they'd require to define a\n // private WeakMap storage which may cause memory leaks in browsers that\n // don't support this type of collections.\n\n defineConfigurable(this, {\n target: target,\n contentRect: contentRect\n });\n }\n\n return ResizeObserverEntry;\n}();\n\nvar ResizeObserverSPI =\n/** @class */\nfunction () {\n /**\r\n * Creates a new instance of ResizeObserver.\r\n *\r\n * @param {ResizeObserverCallback} callback - Callback function that is invoked\r\n * when one of the observed elements changes it's content dimensions.\r\n * @param {ResizeObserverController} controller - Controller instance which\r\n * is responsible for the updates of observer.\r\n * @param {ResizeObserver} callbackCtx - Reference to the public\r\n * ResizeObserver instance which will be passed to callback function.\r\n */\n function ResizeObserverSPI(callback, controller, callbackCtx) {\n /**\r\n * Collection of resize observations that have detected changes in dimensions\r\n * of elements.\r\n *\r\n * @private {Array}\r\n */\n this.activeObservations_ = [];\n /**\r\n * Registry of the ResizeObservation instances.\r\n *\r\n * @private {Map}\r\n */\n\n this.observations_ = new MapShim();\n\n if (typeof callback !== 'function') {\n throw new TypeError('The callback provided as parameter 1 is not a function.');\n }\n\n this.callback_ = callback;\n this.controller_ = controller;\n this.callbackCtx_ = callbackCtx;\n }\n /**\r\n * Starts observing provided element.\r\n *\r\n * @param {Element} target - Element to be observed.\r\n * @returns {void}\r\n */\n\n\n ResizeObserverSPI.prototype.observe = function (target) {\n if (!arguments.length) {\n throw new TypeError('1 argument required, but only 0 present.');\n } // Do nothing if current environment doesn't have the Element interface.\n\n\n if (typeof Element === 'undefined' || !(Element instanceof Object)) {\n return;\n }\n\n if (!(target instanceof getWindowOf(target).Element)) {\n throw new TypeError('parameter 1 is not of type \"Element\".');\n }\n\n var observations = this.observations_; // Do nothing if element is already being observed.\n\n if (observations.has(target)) {\n return;\n }\n\n observations.set(target, new ResizeObservation(target));\n this.controller_.addObserver(this); // Force the update of observations.\n\n this.controller_.refresh();\n };\n /**\r\n * Stops observing provided element.\r\n *\r\n * @param {Element} target - Element to stop observing.\r\n * @returns {void}\r\n */\n\n\n ResizeObserverSPI.prototype.unobserve = function (target) {\n if (!arguments.length) {\n throw new TypeError('1 argument required, but only 0 present.');\n } // Do nothing if current environment doesn't have the Element interface.\n\n\n if (typeof Element === 'undefined' || !(Element instanceof Object)) {\n return;\n }\n\n if (!(target instanceof getWindowOf(target).Element)) {\n throw new TypeError('parameter 1 is not of type \"Element\".');\n }\n\n var observations = this.observations_; // Do nothing if element is not being observed.\n\n if (!observations.has(target)) {\n return;\n }\n\n observations.delete(target);\n\n if (!observations.size) {\n this.controller_.removeObserver(this);\n }\n };\n /**\r\n * Stops observing all elements.\r\n *\r\n * @returns {void}\r\n */\n\n\n ResizeObserverSPI.prototype.disconnect = function () {\n this.clearActive();\n this.observations_.clear();\n this.controller_.removeObserver(this);\n };\n /**\r\n * Collects observation instances the associated element of which has changed\r\n * it's content rectangle.\r\n *\r\n * @returns {void}\r\n */\n\n\n ResizeObserverSPI.prototype.gatherActive = function () {\n var _this = this;\n\n this.clearActive();\n this.observations_.forEach(function (observation) {\n if (observation.isActive()) {\n _this.activeObservations_.push(observation);\n }\n });\n };\n /**\r\n * Invokes initial callback function with a list of ResizeObserverEntry\r\n * instances collected from active resize observations.\r\n *\r\n * @returns {void}\r\n */\n\n\n ResizeObserverSPI.prototype.broadcastActive = function () {\n // Do nothing if observer doesn't have active observations.\n if (!this.hasActive()) {\n return;\n }\n\n var ctx = this.callbackCtx_; // Create ResizeObserverEntry instance for every active observation.\n\n var entries = this.activeObservations_.map(function (observation) {\n return new ResizeObserverEntry(observation.target, observation.broadcastRect());\n });\n this.callback_.call(ctx, entries, ctx);\n this.clearActive();\n };\n /**\r\n * Clears the collection of active observations.\r\n *\r\n * @returns {void}\r\n */\n\n\n ResizeObserverSPI.prototype.clearActive = function () {\n this.activeObservations_.splice(0);\n };\n /**\r\n * Tells whether observer has active observations.\r\n *\r\n * @returns {boolean}\r\n */\n\n\n ResizeObserverSPI.prototype.hasActive = function () {\n return this.activeObservations_.length > 0;\n };\n\n return ResizeObserverSPI;\n}(); // Registry of internal observers. If WeakMap is not available use current shim\n// for the Map collection as it has all required methods and because WeakMap\n// can't be fully polyfilled anyway.\n\n\nvar observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();\n/**\r\n * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation\r\n * exposing only those methods and properties that are defined in the spec.\r\n */\n\nvar ResizeObserver =\n/** @class */\nfunction () {\n /**\r\n * Creates a new instance of ResizeObserver.\r\n *\r\n * @param {ResizeObserverCallback} callback - Callback that is invoked when\r\n * dimensions of the observed elements change.\r\n */\n function ResizeObserver(callback) {\n if (!(this instanceof ResizeObserver)) {\n throw new TypeError('Cannot call a class as a function.');\n }\n\n if (!arguments.length) {\n throw new TypeError('1 argument required, but only 0 present.');\n }\n\n var controller = ResizeObserverController.getInstance();\n var observer = new ResizeObserverSPI(callback, controller, this);\n observers.set(this, observer);\n }\n\n return ResizeObserver;\n}(); // Expose public methods of ResizeObserver.\n\n\n['observe', 'unobserve', 'disconnect'].forEach(function (method) {\n ResizeObserver.prototype[method] = function () {\n var _a;\n\n return (_a = observers.get(this))[method].apply(_a, arguments);\n };\n});\n\nvar index = function () {\n // Export existing implementation if available.\n if (typeof global$1.ResizeObserver !== 'undefined') {\n return global$1.ResizeObserver;\n }\n\n return ResizeObserver;\n}();\n\nexport default index;","import React from \"react\";\r\nimport './cardResult.scss';\r\nimport Button from \"../../../components/atoms/button/button\";\r\nimport defaultImage from \"../../../assets/images/logos/comfama/logo_3x2.png\";\r\nimport useBrowserMode from \"../../../shared/hooks/useBrowserMode\";\r\nimport { findTarget, findRel, OptimizeImage } from \"../../../shared/utils/stringUtilities\";\r\n\r\nconst CardResult = (props: CardResultInterface) => {\r\n\r\n\tconst {\r\n\t\tinfoType,\r\n title,\r\n description,\r\n imageSrc,\r\n imageAlt,\r\n imageType,\r\n date,\r\n gtmMark,\r\n linkTo\r\n } = props;\r\n \r\n const { window } = useBrowserMode();\r\n\r\n const goToLink = (_link) => {\r\n window.open(_link, '_self');\r\n }\r\n\r\n\treturn (\r\n\t\t\r\n
\r\n\t\t\t
\r\n
{ goToLink(linkTo) } } \r\n\t\t\t\t\tclassName={`${gtmMark}`} \r\n\t\t\t\t\tsrc= { OptimizeImage(imageSrc, imageType, 300) || defaultImage } \r\n\t\t\t\t\talt= { imageAlt || 'Imagen resultado búsqueda' }\r\n\t\t\t\t/>\r\n\t\t\t \r\n\t\t\t
\r\n
\r\n
\r\n { infoType } \r\n \r\n
{ goToLink(linkTo) } } \r\n className={`m-card-result__title ${gtmMark}`} > \r\n { title } \r\n
\r\n
\r\n { description }\r\n
\r\n
\r\n
\r\n \r\n { date }\r\n \r\n
\r\n\t\t\t
\r\n
\r\n\t\t
setSelectedImg(1)} \r\n onMouseOut={() => setSelectedImg(0)}\r\n >\r\n \r\n )\r\n}\r\n\r\nexport default BotonFlotante\r\n","var MediaQueryDispatch = require('./MediaQueryDispatch');\n\nmodule.exports = new MediaQueryDispatch();","/**\n * Delegate to handle a media query being matched and unmatched.\n *\n * @param {object} options\n * @param {function} options.match callback for when the media query is matched\n * @param {function} [options.unmatch] callback for when the media query is unmatched\n * @param {function} [options.setup] one-time callback triggered the first time a query is matched\n * @param {boolean} [options.deferSetup=false] should the setup callback be run immediately, rather than first time query is matched?\n * @constructor\n */\nfunction QueryHandler(options) {\n this.options = options;\n !options.deferSetup && this.setup();\n}\n\nQueryHandler.prototype = {\n constructor: QueryHandler,\n\n /**\n * coordinates setup of the handler\n *\n * @function\n */\n setup: function setup() {\n if (this.options.setup) {\n this.options.setup();\n }\n\n this.initialised = true;\n },\n\n /**\n * coordinates setup and triggering of the handler\n *\n * @function\n */\n on: function on() {\n !this.initialised && this.setup();\n this.options.match && this.options.match();\n },\n\n /**\n * coordinates the unmatch event for the handler\n *\n * @function\n */\n off: function off() {\n this.options.unmatch && this.options.unmatch();\n },\n\n /**\n * called when a handler is to be destroyed.\n * delegates to the destroy or unmatch callbacks, depending on availability.\n *\n * @function\n */\n destroy: function destroy() {\n this.options.destroy ? this.options.destroy() : this.off();\n },\n\n /**\n * determines equality by reference.\n * if object is supplied compare options, if function, compare match callback\n *\n * @function\n * @param {object || function} [target] the target for comparison\n */\n equals: function equals(target) {\n return this.options === target || this.options.match === target;\n }\n};\nmodule.exports = QueryHandler;","module.exports = __webpack_public_path__ + \"static/logo_3x2-b31e7cb01b18267db06e880432d1d057.png\";","var camel2hyphen = require('string-convert/camel2hyphen');\n\nvar isDimension = function isDimension(feature) {\n var re = /[height|width]$/;\n return re.test(feature);\n};\n\nvar obj2mq = function obj2mq(obj) {\n var mq = '';\n var features = Object.keys(obj);\n features.forEach(function (feature, index) {\n var value = obj[feature];\n feature = camel2hyphen(feature); // Add px to dimension features\n\n if (isDimension(feature) && typeof value === 'number') {\n value = value + 'px';\n }\n\n if (value === true) {\n mq += feature;\n } else if (value === false) {\n mq += 'not ' + feature;\n } else {\n mq += '(' + feature + ': ' + value + ')';\n }\n\n if (index < features.length - 1) {\n mq += ' and ';\n }\n });\n return mq;\n};\n\nvar json2mq = function json2mq(query) {\n var mq = '';\n\n if (typeof query === 'string') {\n return query;\n } // Handling array of media queries\n\n\n if (query instanceof Array) {\n query.forEach(function (q, index) {\n mq += obj2mq(q);\n\n if (index < query.length - 1) {\n mq += ', ';\n }\n });\n return mq;\n } // Handling single media query\n\n\n return obj2mq(query);\n};\n\nmodule.exports = json2mq;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar initialState = {\n animating: false,\n autoplaying: null,\n currentDirection: 0,\n currentLeft: null,\n currentSlide: 0,\n direction: 1,\n dragging: false,\n edgeDragged: false,\n initialized: false,\n lazyLoadedList: [],\n listHeight: null,\n listWidth: null,\n scrolling: false,\n slideCount: null,\n slideHeight: null,\n slideWidth: null,\n swipeLeft: null,\n swiped: false,\n // used by swipeEvent. differentites between touch and swipe.\n swiping: false,\n touchObject: {\n startX: 0,\n startY: 0,\n curX: 0,\n curY: 0\n },\n trackStyle: {},\n trackWidth: 0\n};\nvar _default = initialState;\nexports[\"default\"] = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.InnerSlider = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nvar _initialState = _interopRequireDefault(require(\"./initial-state\"));\n\nvar _lodash = _interopRequireDefault(require(\"lodash.debounce\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\n\nvar _track = require(\"./track\");\n\nvar _dots = require(\"./dots\");\n\nvar _arrows = require(\"./arrows\");\n\nvar _resizeObserverPolyfill = _interopRequireDefault(require(\"resize-observer-polyfill\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(source, true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(source).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar InnerSlider = /*#__PURE__*/function (_React$Component) {\n _inherits(InnerSlider, _React$Component);\n\n function InnerSlider(props) {\n var _this;\n\n _classCallCheck(this, InnerSlider);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(InnerSlider).call(this, props));\n\n _defineProperty(_assertThisInitialized(_this), \"listRefHandler\", function (ref) {\n return _this.list = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"trackRefHandler\", function (ref) {\n return _this.track = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"adaptHeight\", function () {\n if (_this.props.adaptiveHeight && _this.list) {\n var elem = _this.list.querySelector(\"[data-index=\\\"\".concat(_this.state.currentSlide, \"\\\"]\"));\n\n _this.list.style.height = (0, _innerSliderUtils.getHeight)(elem) + \"px\";\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"UNSAFE_componentWillMount\", function () {\n _this.ssrInit();\n\n _this.props.onInit && _this.props.onInit();\n\n if (_this.props.lazyLoad) {\n var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_objectSpread({}, _this.props, {}, _this.state));\n\n if (slidesToLoad.length > 0) {\n _this.setState(function (prevState) {\n return {\n lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)\n };\n });\n\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"componentDidMount\", function () {\n var spec = _objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props);\n\n _this.updateState(spec, true, function () {\n _this.adaptHeight();\n\n _this.props.autoplay && _this.autoPlay(\"update\");\n });\n\n if (_this.props.lazyLoad === \"progressive\") {\n _this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);\n }\n\n _this.ro = new _resizeObserverPolyfill[\"default\"](function () {\n if (_this.state.animating) {\n _this.onWindowResized(false); // don't set trackStyle hence don't break animation\n\n\n _this.callbackTimers.push(setTimeout(function () {\n return _this.onWindowResized();\n }, _this.props.speed));\n } else {\n _this.onWindowResized();\n }\n });\n\n _this.ro.observe(_this.list);\n\n Array.prototype.forEach.call(document.querySelectorAll(\".slick-slide\"), function (slide) {\n slide.onfocus = _this.props.pauseOnFocus ? _this.onSlideFocus : null;\n slide.onblur = _this.props.pauseOnFocus ? _this.onSlideBlur : null;\n });\n\n if (window.addEventListener) {\n window.addEventListener(\"resize\", _this.onWindowResized);\n } else {\n window.attachEvent(\"onresize\", _this.onWindowResized);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"componentWillUnmount\", function () {\n if (_this.animationEndCallback) {\n clearTimeout(_this.animationEndCallback);\n }\n\n if (_this.lazyLoadTimer) {\n clearInterval(_this.lazyLoadTimer);\n }\n\n if (_this.callbackTimers.length) {\n _this.callbackTimers.forEach(function (timer) {\n return clearTimeout(timer);\n });\n\n _this.callbackTimers = [];\n }\n\n if (window.addEventListener) {\n window.removeEventListener(\"resize\", _this.onWindowResized);\n } else {\n window.detachEvent(\"onresize\", _this.onWindowResized);\n }\n\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n }\n\n _this.ro.disconnect();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"UNSAFE_componentWillReceiveProps\", function (nextProps) {\n var spec = _objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, nextProps, {}, _this.state);\n\n var setTrackStyle = false;\n\n for (var _i = 0, _Object$keys = Object.keys(_this.props); _i < _Object$keys.length; _i++) {\n var key = _Object$keys[_i];\n\n if (!nextProps.hasOwnProperty(key)) {\n setTrackStyle = true;\n break;\n }\n\n if (_typeof(nextProps[key]) === \"object\" || typeof nextProps[key] === \"function\") {\n continue;\n }\n\n if (nextProps[key] !== _this.props[key]) {\n setTrackStyle = true;\n break;\n }\n }\n\n _this.updateState(spec, setTrackStyle, function () {\n if (_this.state.currentSlide >= _react[\"default\"].Children.count(nextProps.children)) {\n _this.changeSlide({\n message: \"index\",\n index: _react[\"default\"].Children.count(nextProps.children) - nextProps.slidesToShow,\n currentSlide: _this.state.currentSlide\n });\n }\n\n if (nextProps.autoplay) {\n _this.autoPlay(\"update\");\n } else {\n _this.pause(\"paused\");\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"componentDidUpdate\", function () {\n _this.checkImagesLoad();\n\n _this.props.onReInit && _this.props.onReInit();\n\n if (_this.props.lazyLoad) {\n var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_objectSpread({}, _this.props, {}, _this.state));\n\n if (slidesToLoad.length > 0) {\n _this.setState(function (prevState) {\n return {\n lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)\n };\n });\n\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n }\n } // if (this.props.onLazyLoad) {\n // this.props.onLazyLoad([leftMostSlide])\n // }\n\n\n _this.adaptHeight();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onWindowResized\", function (setTrackStyle) {\n if (_this.debouncedResize) _this.debouncedResize.cancel();\n _this.debouncedResize = (0, _lodash[\"default\"])(function () {\n return _this.resizeWindow(setTrackStyle);\n }, 50);\n\n _this.debouncedResize();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"resizeWindow\", function () {\n var setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n if (!_reactDom[\"default\"].findDOMNode(_this.track)) return;\n\n var spec = _objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props, {}, _this.state);\n\n _this.updateState(spec, setTrackStyle, function () {\n if (_this.props.autoplay) _this.autoPlay(\"update\");else _this.pause(\"paused\");\n }); // animating state should be cleared while resizing, otherwise autoplay stops working\n\n\n _this.setState({\n animating: false\n });\n\n clearTimeout(_this.animationEndCallback);\n delete _this.animationEndCallback;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"updateState\", function (spec, setTrackStyle, callback) {\n var updatedState = (0, _innerSliderUtils.initializedState)(spec);\n spec = _objectSpread({}, spec, {}, updatedState, {\n slideIndex: updatedState.currentSlide\n });\n var targetLeft = (0, _innerSliderUtils.getTrackLeft)(spec);\n spec = _objectSpread({}, spec, {\n left: targetLeft\n });\n var trackStyle = (0, _innerSliderUtils.getTrackCSS)(spec);\n\n if (setTrackStyle || _react[\"default\"].Children.count(_this.props.children) !== _react[\"default\"].Children.count(spec.children)) {\n updatedState[\"trackStyle\"] = trackStyle;\n }\n\n _this.setState(updatedState, callback);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"ssrInit\", function () {\n if (_this.props.variableWidth) {\n var _trackWidth = 0,\n _trackLeft = 0;\n var childrenWidths = [];\n var preClones = (0, _innerSliderUtils.getPreClones)(_objectSpread({}, _this.props, {}, _this.state, {\n slideCount: _this.props.children.length\n }));\n var postClones = (0, _innerSliderUtils.getPostClones)(_objectSpread({}, _this.props, {}, _this.state, {\n slideCount: _this.props.children.length\n }));\n\n _this.props.children.forEach(function (child) {\n childrenWidths.push(child.props.style.width);\n _trackWidth += child.props.style.width;\n });\n\n for (var i = 0; i < preClones; i++) {\n _trackLeft += childrenWidths[childrenWidths.length - 1 - i];\n _trackWidth += childrenWidths[childrenWidths.length - 1 - i];\n }\n\n for (var _i2 = 0; _i2 < postClones; _i2++) {\n _trackWidth += childrenWidths[_i2];\n }\n\n for (var _i3 = 0; _i3 < _this.state.currentSlide; _i3++) {\n _trackLeft += childrenWidths[_i3];\n }\n\n var _trackStyle = {\n width: _trackWidth + \"px\",\n left: -_trackLeft + \"px\"\n };\n\n if (_this.props.centerMode) {\n var currentWidth = \"\".concat(childrenWidths[_this.state.currentSlide], \"px\");\n _trackStyle.left = \"calc(\".concat(_trackStyle.left, \" + (100% - \").concat(currentWidth, \") / 2 ) \");\n }\n\n _this.setState({\n trackStyle: _trackStyle\n });\n\n return;\n }\n\n var childrenCount = _react[\"default\"].Children.count(_this.props.children);\n\n var spec = _objectSpread({}, _this.props, {}, _this.state, {\n slideCount: childrenCount\n });\n\n var slideCount = (0, _innerSliderUtils.getPreClones)(spec) + (0, _innerSliderUtils.getPostClones)(spec) + childrenCount;\n var trackWidth = 100 / _this.props.slidesToShow * slideCount;\n var slideWidth = 100 / slideCount;\n var trackLeft = -slideWidth * ((0, _innerSliderUtils.getPreClones)(spec) + _this.state.currentSlide) * trackWidth / 100;\n\n if (_this.props.centerMode) {\n trackLeft += (100 - slideWidth * trackWidth / 100) / 2;\n }\n\n var trackStyle = {\n width: trackWidth + \"%\",\n left: trackLeft + \"%\"\n };\n\n _this.setState({\n slideWidth: slideWidth + \"%\",\n trackStyle: trackStyle\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"checkImagesLoad\", function () {\n var images = _this.list.querySelectorAll(\".slick-slide img\");\n\n var imagesCount = images.length,\n loadedCount = 0;\n Array.prototype.forEach.call(images, function (image) {\n var handler = function handler() {\n return ++loadedCount && loadedCount >= imagesCount && _this.onWindowResized();\n };\n\n if (!image.onclick) {\n image.onclick = function () {\n return image.parentNode.focus();\n };\n } else {\n var prevClickHandler = image.onclick;\n\n image.onclick = function () {\n prevClickHandler();\n image.parentNode.focus();\n };\n }\n\n if (!image.onload) {\n if (_this.props.lazyLoad) {\n image.onload = function () {\n _this.adaptHeight();\n\n _this.callbackTimers.push(setTimeout(_this.onWindowResized, _this.props.speed));\n };\n } else {\n image.onload = handler;\n\n image.onerror = function () {\n handler();\n _this.props.onLazyLoadError && _this.props.onLazyLoadError();\n };\n }\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"progressiveLazyLoad\", function () {\n var slidesToLoad = [];\n\n var spec = _objectSpread({}, _this.props, {}, _this.state);\n\n for (var index = _this.state.currentSlide; index < _this.state.slideCount + (0, _innerSliderUtils.getPostClones)(spec); index++) {\n if (_this.state.lazyLoadedList.indexOf(index) < 0) {\n slidesToLoad.push(index);\n break;\n }\n }\n\n for (var _index = _this.state.currentSlide - 1; _index >= -(0, _innerSliderUtils.getPreClones)(spec); _index--) {\n if (_this.state.lazyLoadedList.indexOf(_index) < 0) {\n slidesToLoad.push(_index);\n break;\n }\n }\n\n if (slidesToLoad.length > 0) {\n _this.setState(function (state) {\n return {\n lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad)\n };\n });\n\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n } else {\n if (_this.lazyLoadTimer) {\n clearInterval(_this.lazyLoadTimer);\n delete _this.lazyLoadTimer;\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slideHandler\", function (index) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var _this$props = _this.props,\n asNavFor = _this$props.asNavFor,\n beforeChange = _this$props.beforeChange,\n onLazyLoad = _this$props.onLazyLoad,\n speed = _this$props.speed,\n afterChange = _this$props.afterChange; // capture currentslide before state is updated\n\n var currentSlide = _this.state.currentSlide;\n\n var _slideHandler = (0, _innerSliderUtils.slideHandler)(_objectSpread({\n index: index\n }, _this.props, {}, _this.state, {\n trackRef: _this.track,\n useCSS: _this.props.useCSS && !dontAnimate\n })),\n state = _slideHandler.state,\n nextState = _slideHandler.nextState;\n\n if (!state) return;\n beforeChange && beforeChange(currentSlide, state.currentSlide);\n var slidesToLoad = state.lazyLoadedList.filter(function (value) {\n return _this.state.lazyLoadedList.indexOf(value) < 0;\n });\n onLazyLoad && slidesToLoad.length > 0 && onLazyLoad(slidesToLoad);\n\n _this.setState(state, function () {\n asNavFor && asNavFor.innerSlider.slideHandler(index);\n if (!nextState) return;\n _this.animationEndCallback = setTimeout(function () {\n var animating = nextState.animating,\n firstBatch = _objectWithoutProperties(nextState, [\"animating\"]);\n\n _this.setState(firstBatch, function () {\n _this.callbackTimers.push(setTimeout(function () {\n return _this.setState({\n animating: animating\n });\n }, 10));\n\n afterChange && afterChange(state.currentSlide);\n delete _this.animationEndCallback;\n });\n }, speed);\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"changeSlide\", function (options) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n var spec = _objectSpread({}, _this.props, {}, _this.state);\n\n var targetSlide = (0, _innerSliderUtils.changeSlide)(spec, options);\n if (targetSlide !== 0 && !targetSlide) return;\n\n if (dontAnimate === true) {\n _this.slideHandler(targetSlide, dontAnimate);\n } else {\n _this.slideHandler(targetSlide);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"clickHandler\", function (e) {\n if (_this.clickable === false) {\n e.stopPropagation();\n e.preventDefault();\n }\n\n _this.clickable = true;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"keyHandler\", function (e) {\n var dir = (0, _innerSliderUtils.keyHandler)(e, _this.props.accessibility, _this.props.rtl);\n dir !== \"\" && _this.changeSlide({\n message: dir\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"selectHandler\", function (options) {\n _this.changeSlide(options);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"disableBodyScroll\", function () {\n var preventDefault = function preventDefault(e) {\n e = e || window.event;\n if (e.preventDefault) e.preventDefault();\n e.returnValue = false;\n };\n\n window.ontouchmove = preventDefault;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"enableBodyScroll\", function () {\n window.ontouchmove = null;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"swipeStart\", function (e) {\n if (_this.props.verticalSwiping) {\n _this.disableBodyScroll();\n }\n\n var state = (0, _innerSliderUtils.swipeStart)(e, _this.props.swipe, _this.props.draggable);\n state !== \"\" && _this.setState(state);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"swipeMove\", function (e) {\n var state = (0, _innerSliderUtils.swipeMove)(e, _objectSpread({}, _this.props, {}, _this.state, {\n trackRef: _this.track,\n listRef: _this.list,\n slideIndex: _this.state.currentSlide\n }));\n if (!state) return;\n\n if (state[\"swiping\"]) {\n _this.clickable = false;\n }\n\n _this.setState(state);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"swipeEnd\", function (e) {\n var state = (0, _innerSliderUtils.swipeEnd)(e, _objectSpread({}, _this.props, {}, _this.state, {\n trackRef: _this.track,\n listRef: _this.list,\n slideIndex: _this.state.currentSlide\n }));\n if (!state) return;\n var triggerSlideHandler = state[\"triggerSlideHandler\"];\n delete state[\"triggerSlideHandler\"];\n\n _this.setState(state);\n\n if (triggerSlideHandler === undefined) return;\n\n _this.slideHandler(triggerSlideHandler);\n\n if (_this.props.verticalSwiping) {\n _this.enableBodyScroll();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickPrev\", function () {\n // this and fellow methods are wrapped in setTimeout\n // to make sure initialize setState has happened before\n // any of such methods are called\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"previous\"\n });\n }, 0));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickNext\", function () {\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"next\"\n });\n }, 0));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickGoTo\", function (slide) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n slide = Number(slide);\n if (isNaN(slide)) return \"\";\n\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"index\",\n index: slide,\n currentSlide: _this.state.currentSlide\n }, dontAnimate);\n }, 0));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"play\", function () {\n var nextIndex;\n\n if (_this.props.rtl) {\n nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;\n } else {\n if ((0, _innerSliderUtils.canGoNext)(_objectSpread({}, _this.props, {}, _this.state))) {\n nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;\n } else {\n return false;\n }\n }\n\n _this.slideHandler(nextIndex);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"autoPlay\", function (playType) {\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n }\n\n var autoplaying = _this.state.autoplaying;\n\n if (playType === \"update\") {\n if (autoplaying === \"hovered\" || autoplaying === \"focused\" || autoplaying === \"paused\") {\n return;\n }\n } else if (playType === \"leave\") {\n if (autoplaying === \"paused\" || autoplaying === \"focused\") {\n return;\n }\n } else if (playType === \"blur\") {\n if (autoplaying === \"paused\" || autoplaying === \"hovered\") {\n return;\n }\n }\n\n _this.autoplayTimer = setInterval(_this.play, _this.props.autoplaySpeed + 50);\n\n _this.setState({\n autoplaying: \"playing\"\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"pause\", function (pauseType) {\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n _this.autoplayTimer = null;\n }\n\n var autoplaying = _this.state.autoplaying;\n\n if (pauseType === \"paused\") {\n _this.setState({\n autoplaying: \"paused\"\n });\n } else if (pauseType === \"focused\") {\n if (autoplaying === \"hovered\" || autoplaying === \"playing\") {\n _this.setState({\n autoplaying: \"focused\"\n });\n }\n } else {\n // pauseType is 'hovered'\n if (autoplaying === \"playing\") {\n _this.setState({\n autoplaying: \"hovered\"\n });\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onDotsOver\", function () {\n return _this.props.autoplay && _this.pause(\"hovered\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onDotsLeave\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"hovered\" && _this.autoPlay(\"leave\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onTrackOver\", function () {\n return _this.props.autoplay && _this.pause(\"hovered\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onTrackLeave\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"hovered\" && _this.autoPlay(\"leave\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSlideFocus\", function () {\n return _this.props.autoplay && _this.pause(\"focused\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSlideBlur\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"focused\" && _this.autoPlay(\"blur\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"render\", function () {\n var className = (0, _classnames[\"default\"])(\"slick-slider\", _this.props.className, {\n \"slick-vertical\": _this.props.vertical,\n \"slick-initialized\": true\n });\n\n var spec = _objectSpread({}, _this.props, {}, _this.state);\n\n var trackProps = (0, _innerSliderUtils.extractObject)(spec, [\"fade\", \"cssEase\", \"speed\", \"infinite\", \"centerMode\", \"focusOnSelect\", \"currentSlide\", \"lazyLoad\", \"lazyLoadedList\", \"rtl\", \"slideWidth\", \"slideHeight\", \"listHeight\", \"vertical\", \"slidesToShow\", \"slidesToScroll\", \"slideCount\", \"trackStyle\", \"variableWidth\", \"unslick\", \"centerPadding\"]);\n var pauseOnHover = _this.props.pauseOnHover;\n trackProps = _objectSpread({}, trackProps, {\n onMouseEnter: pauseOnHover ? _this.onTrackOver : null,\n onMouseLeave: pauseOnHover ? _this.onTrackLeave : null,\n onMouseOver: pauseOnHover ? _this.onTrackOver : null,\n focusOnSelect: _this.props.focusOnSelect ? _this.selectHandler : null\n });\n var dots;\n\n if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) {\n var dotProps = (0, _innerSliderUtils.extractObject)(spec, [\"dotsClass\", \"slideCount\", \"slidesToShow\", \"currentSlide\", \"slidesToScroll\", \"clickHandler\", \"children\", \"customPaging\", \"infinite\", \"appendDots\"]);\n var pauseOnDotsHover = _this.props.pauseOnDotsHover;\n dotProps = _objectSpread({}, dotProps, {\n clickHandler: _this.changeSlide,\n onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,\n onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,\n onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null\n });\n dots = _react[\"default\"].createElement(_dots.Dots, dotProps);\n }\n\n var prevArrow, nextArrow;\n var arrowProps = (0, _innerSliderUtils.extractObject)(spec, [\"infinite\", \"centerMode\", \"currentSlide\", \"slideCount\", \"slidesToShow\", \"prevArrow\", \"nextArrow\"]);\n arrowProps.clickHandler = _this.changeSlide;\n\n if (_this.props.arrows) {\n prevArrow = _react[\"default\"].createElement(_arrows.PrevArrow, arrowProps);\n nextArrow = _react[\"default\"].createElement(_arrows.NextArrow, arrowProps);\n }\n\n var verticalHeightStyle = null;\n\n if (_this.props.vertical) {\n verticalHeightStyle = {\n height: _this.state.listHeight\n };\n }\n\n var centerPaddingStyle = null;\n\n if (_this.props.vertical === false) {\n if (_this.props.centerMode === true) {\n centerPaddingStyle = {\n padding: \"0px \" + _this.props.centerPadding\n };\n }\n } else {\n if (_this.props.centerMode === true) {\n centerPaddingStyle = {\n padding: _this.props.centerPadding + \" 0px\"\n };\n }\n }\n\n var listStyle = _objectSpread({}, verticalHeightStyle, {}, centerPaddingStyle);\n\n var touchMove = _this.props.touchMove;\n var listProps = {\n className: \"slick-list\",\n style: listStyle,\n onClick: _this.clickHandler,\n onMouseDown: touchMove ? _this.swipeStart : null,\n onMouseMove: _this.state.dragging && touchMove ? _this.swipeMove : null,\n onMouseUp: touchMove ? _this.swipeEnd : null,\n onMouseLeave: _this.state.dragging && touchMove ? _this.swipeEnd : null,\n onTouchStart: touchMove ? _this.swipeStart : null,\n onTouchMove: _this.state.dragging && touchMove ? _this.swipeMove : null,\n onTouchEnd: touchMove ? _this.swipeEnd : null,\n onTouchCancel: _this.state.dragging && touchMove ? _this.swipeEnd : null,\n onKeyDown: _this.props.accessibility ? _this.keyHandler : null\n };\n var innerSliderProps = {\n className: className,\n dir: \"ltr\",\n style: _this.props.style\n };\n\n if (_this.props.unslick) {\n listProps = {\n className: \"slick-list\"\n };\n innerSliderProps = {\n className: className\n };\n }\n\n return _react[\"default\"].createElement(\"div\", innerSliderProps, !_this.props.unslick ? prevArrow : \"\", _react[\"default\"].createElement(\"div\", _extends({\n ref: _this.listRefHandler\n }, listProps), _react[\"default\"].createElement(_track.Track, _extends({\n ref: _this.trackRefHandler\n }, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : \"\", !_this.props.unslick ? dots : \"\");\n });\n\n _this.list = null;\n _this.track = null;\n _this.state = _objectSpread({}, _initialState[\"default\"], {\n currentSlide: _this.props.initialSlide,\n slideCount: _react[\"default\"].Children.count(_this.props.children)\n });\n _this.callbackTimers = [];\n _this.clickable = true;\n _this.debouncedResize = null;\n return _this;\n }\n\n return InnerSlider;\n}(_react[\"default\"].Component);\n\nexports.InnerSlider = InnerSlider;","var QueryHandler = require('./QueryHandler');\n\nvar each = require('./Util').each;\n/**\n * Represents a single media query, manages it's state and registered handlers for this query\n *\n * @constructor\n * @param {string} query the media query string\n * @param {boolean} [isUnconditional=false] whether the media query should run regardless of whether the conditions are met. Primarily for helping older browsers deal with mobile-first design\n */\n\n\nfunction MediaQuery(query, isUnconditional) {\n this.query = query;\n this.isUnconditional = isUnconditional;\n this.handlers = [];\n this.mql = window.matchMedia(query);\n var self = this;\n\n this.listener = function (mql) {\n // Chrome passes an MediaQueryListEvent object, while other browsers pass MediaQueryList directly\n self.mql = mql.currentTarget || mql;\n self.assess();\n };\n\n this.mql.addListener(this.listener);\n}\n\nMediaQuery.prototype = {\n constuctor: MediaQuery,\n\n /**\n * add a handler for this query, triggering if already active\n *\n * @param {object} handler\n * @param {function} handler.match callback for when query is activated\n * @param {function} [handler.unmatch] callback for when query is deactivated\n * @param {function} [handler.setup] callback for immediate execution when a query handler is registered\n * @param {boolean} [handler.deferSetup=false] should the setup callback be deferred until the first time the handler is matched?\n */\n addHandler: function addHandler(handler) {\n var qh = new QueryHandler(handler);\n this.handlers.push(qh);\n this.matches() && qh.on();\n },\n\n /**\n * removes the given handler from the collection, and calls it's destroy methods\n *\n * @param {object || function} handler the handler to remove\n */\n removeHandler: function removeHandler(handler) {\n var handlers = this.handlers;\n each(handlers, function (h, i) {\n if (h.equals(handler)) {\n h.destroy();\n return !handlers.splice(i, 1); //remove from array and exit each early\n }\n });\n },\n\n /**\n * Determine whether the media query should be considered a match\n *\n * @return {Boolean} true if media query can be considered a match, false otherwise\n */\n matches: function matches() {\n return this.mql.matches || this.isUnconditional;\n },\n\n /**\n * Clears all handlers and unbinds events\n */\n clear: function clear() {\n each(this.handlers, function (handler) {\n handler.destroy();\n });\n this.mql.removeListener(this.listener);\n this.handlers.length = 0; //clear array\n },\n\n /*\n * Assesses the query, turning on all handlers if it matches, turning them off if it doesn't match\n */\n assess: function assess() {\n var action = this.matches() ? 'on' : 'off';\n each(this.handlers, function (handler) {\n handler[action]();\n });\n }\n};\nmodule.exports = MediaQuery;","var MediaQuery = require('./MediaQuery');\n\nvar Util = require('./Util');\n\nvar each = Util.each;\nvar isFunction = Util.isFunction;\nvar isArray = Util.isArray;\n/**\n * Allows for registration of query handlers.\n * Manages the query handler's state and is responsible for wiring up browser events\n *\n * @constructor\n */\n\nfunction MediaQueryDispatch() {\n if (!window.matchMedia) {\n throw new Error('matchMedia not present, legacy browsers require a polyfill');\n }\n\n this.queries = {};\n this.browserIsIncapable = !window.matchMedia('only all').matches;\n}\n\nMediaQueryDispatch.prototype = {\n constructor: MediaQueryDispatch,\n\n /**\n * Registers a handler for the given media query\n *\n * @param {string} q the media query\n * @param {object || Array || Function} options either a single query handler object, a function, or an array of query handlers\n * @param {function} options.match fired when query matched\n * @param {function} [options.unmatch] fired when a query is no longer matched\n * @param {function} [options.setup] fired when handler first triggered\n * @param {boolean} [options.deferSetup=false] whether setup should be run immediately or deferred until query is first matched\n * @param {boolean} [shouldDegrade=false] whether this particular media query should always run on incapable browsers\n */\n register: function register(q, options, shouldDegrade) {\n var queries = this.queries,\n isUnconditional = shouldDegrade && this.browserIsIncapable;\n\n if (!queries[q]) {\n queries[q] = new MediaQuery(q, isUnconditional);\n } //normalise to object in an array\n\n\n if (isFunction(options)) {\n options = {\n match: options\n };\n }\n\n if (!isArray(options)) {\n options = [options];\n }\n\n each(options, function (handler) {\n if (isFunction(handler)) {\n handler = {\n match: handler\n };\n }\n\n queries[q].addHandler(handler);\n });\n return this;\n },\n\n /**\n * unregisters a query and all it's handlers, or a specific handler for a query\n *\n * @param {string} q the media query to target\n * @param {object || function} [handler] specific handler to unregister\n */\n unregister: function unregister(q, handler) {\n var query = this.queries[q];\n\n if (query) {\n if (handler) {\n query.removeHandler(handler);\n } else {\n query.clear();\n delete this.queries[q];\n }\n }\n\n return this;\n }\n};\nmodule.exports = MediaQueryDispatch;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.canUseDOM = exports.slidesOnLeft = exports.slidesOnRight = exports.siblingDirection = exports.getTotalSlides = exports.getPostClones = exports.getPreClones = exports.getTrackLeft = exports.getTrackAnimateCSS = exports.getTrackCSS = exports.checkSpecKeys = exports.getSlideCount = exports.checkNavigable = exports.getNavigableIndexes = exports.swipeEnd = exports.swipeMove = exports.swipeStart = exports.keyHandler = exports.changeSlide = exports.slideHandler = exports.initializedState = exports.extractObject = exports.canGoNext = exports.getSwipeDirection = exports.getHeight = exports.getWidth = exports.lazySlidesOnRight = exports.lazySlidesOnLeft = exports.lazyEndIndex = exports.lazyStartIndex = exports.getRequiredLazySlides = exports.getOnDemandLazySlides = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(source, true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(source).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar getOnDemandLazySlides = function getOnDemandLazySlides(spec) {\n var onDemandSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n if (spec.lazyLoadedList.indexOf(slideIndex) < 0) {\n onDemandSlides.push(slideIndex);\n }\n }\n\n return onDemandSlides;\n}; // return list of slides that need to be present\n\n\nexports.getOnDemandLazySlides = getOnDemandLazySlides;\n\nvar getRequiredLazySlides = function getRequiredLazySlides(spec) {\n var requiredSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n requiredSlides.push(slideIndex);\n }\n\n return requiredSlides;\n}; // startIndex that needs to be present\n\n\nexports.getRequiredLazySlides = getRequiredLazySlides;\n\nvar lazyStartIndex = function lazyStartIndex(spec) {\n return spec.currentSlide - lazySlidesOnLeft(spec);\n};\n\nexports.lazyStartIndex = lazyStartIndex;\n\nvar lazyEndIndex = function lazyEndIndex(spec) {\n return spec.currentSlide + lazySlidesOnRight(spec);\n};\n\nexports.lazyEndIndex = lazyEndIndex;\n\nvar lazySlidesOnLeft = function lazySlidesOnLeft(spec) {\n return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0;\n};\n\nexports.lazySlidesOnLeft = lazySlidesOnLeft;\n\nvar lazySlidesOnRight = function lazySlidesOnRight(spec) {\n return spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow;\n}; // get width of an element\n\n\nexports.lazySlidesOnRight = lazySlidesOnRight;\n\nvar getWidth = function getWidth(elem) {\n return elem && elem.offsetWidth || 0;\n};\n\nexports.getWidth = getWidth;\n\nvar getHeight = function getHeight(elem) {\n return elem && elem.offsetHeight || 0;\n};\n\nexports.getHeight = getHeight;\n\nvar getSwipeDirection = function getSwipeDirection(touchObject) {\n var verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var xDist, yDist, r, swipeAngle;\n xDist = touchObject.startX - touchObject.curX;\n yDist = touchObject.startY - touchObject.curY;\n r = Math.atan2(yDist, xDist);\n swipeAngle = Math.round(r * 180 / Math.PI);\n\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if (swipeAngle <= 45 && swipeAngle >= 0 || swipeAngle <= 360 && swipeAngle >= 315) {\n return \"left\";\n }\n\n if (swipeAngle >= 135 && swipeAngle <= 225) {\n return \"right\";\n }\n\n if (verticalSwiping === true) {\n if (swipeAngle >= 35 && swipeAngle <= 135) {\n return \"up\";\n } else {\n return \"down\";\n }\n }\n\n return \"vertical\";\n}; // whether or not we can go next\n\n\nexports.getSwipeDirection = getSwipeDirection;\n\nvar canGoNext = function canGoNext(spec) {\n var canGo = true;\n\n if (!spec.infinite) {\n if (spec.centerMode && spec.currentSlide >= spec.slideCount - 1) {\n canGo = false;\n } else if (spec.slideCount <= spec.slidesToShow || spec.currentSlide >= spec.slideCount - spec.slidesToShow) {\n canGo = false;\n }\n }\n\n return canGo;\n}; // given an object and a list of keys, return new object with given keys\n\n\nexports.canGoNext = canGoNext;\n\nvar extractObject = function extractObject(spec, keys) {\n var newObject = {};\n keys.forEach(function (key) {\n return newObject[key] = spec[key];\n });\n return newObject;\n}; // get initialized state\n\n\nexports.extractObject = extractObject;\n\nvar initializedState = function initializedState(spec) {\n // spec also contains listRef, trackRef\n var slideCount = _react[\"default\"].Children.count(spec.children);\n\n var listWidth = Math.ceil(getWidth(_reactDom[\"default\"].findDOMNode(spec.listRef)));\n var trackWidth = Math.ceil(getWidth(_reactDom[\"default\"].findDOMNode(spec.trackRef)));\n var slideWidth;\n\n if (!spec.vertical) {\n var centerPaddingAdj = spec.centerMode && parseInt(spec.centerPadding) * 2;\n\n if (typeof spec.centerPadding === \"string\" && spec.centerPadding.slice(-1) === \"%\") {\n centerPaddingAdj *= listWidth / 100;\n }\n\n slideWidth = Math.ceil((listWidth - centerPaddingAdj) / spec.slidesToShow);\n } else {\n slideWidth = listWidth;\n }\n\n var slideHeight = _reactDom[\"default\"].findDOMNode(spec.listRef) && getHeight(_reactDom[\"default\"].findDOMNode(spec.listRef).querySelector('[data-index=\"0\"]'));\n var listHeight = slideHeight * spec.slidesToShow;\n var currentSlide = spec.currentSlide === undefined ? spec.initialSlide : spec.currentSlide;\n\n if (spec.rtl && spec.currentSlide === undefined) {\n currentSlide = slideCount - 1 - spec.initialSlide;\n }\n\n var lazyLoadedList = spec.lazyLoadedList || [];\n var slidesToLoad = getOnDemandLazySlides({\n currentSlide: currentSlide,\n lazyLoadedList: lazyLoadedList\n }, spec);\n lazyLoadedList.concat(slidesToLoad);\n var state = {\n slideCount: slideCount,\n slideWidth: slideWidth,\n listWidth: listWidth,\n trackWidth: trackWidth,\n currentSlide: currentSlide,\n slideHeight: slideHeight,\n listHeight: listHeight,\n lazyLoadedList: lazyLoadedList\n };\n\n if (spec.autoplaying === null && spec.autoplay) {\n state[\"autoplaying\"] = \"playing\";\n }\n\n return state;\n};\n\nexports.initializedState = initializedState;\n\nvar slideHandler = function slideHandler(spec) {\n var waitForAnimate = spec.waitForAnimate,\n animating = spec.animating,\n fade = spec.fade,\n infinite = spec.infinite,\n index = spec.index,\n slideCount = spec.slideCount,\n lazyLoadedList = spec.lazyLoadedList,\n lazyLoad = spec.lazyLoad,\n currentSlide = spec.currentSlide,\n centerMode = spec.centerMode,\n slidesToScroll = spec.slidesToScroll,\n slidesToShow = spec.slidesToShow,\n useCSS = spec.useCSS;\n if (waitForAnimate && animating) return {};\n var animationSlide = index,\n finalSlide,\n animationLeft,\n finalLeft;\n var state = {},\n nextState = {};\n\n if (fade) {\n if (!infinite && (index < 0 || index >= slideCount)) return {};\n\n if (index < 0) {\n animationSlide = index + slideCount;\n } else if (index >= slideCount) {\n animationSlide = index - slideCount;\n }\n\n if (lazyLoad && lazyLoadedList.indexOf(animationSlide) < 0) {\n lazyLoadedList.push(animationSlide);\n }\n\n state = {\n animating: true,\n currentSlide: animationSlide,\n lazyLoadedList: lazyLoadedList\n };\n nextState = {\n animating: false\n };\n } else {\n finalSlide = animationSlide;\n\n if (animationSlide < 0) {\n finalSlide = animationSlide + slideCount;\n if (!infinite) finalSlide = 0;else if (slideCount % slidesToScroll !== 0) finalSlide = slideCount - slideCount % slidesToScroll;\n } else if (!canGoNext(spec) && animationSlide > currentSlide) {\n animationSlide = finalSlide = currentSlide;\n } else if (centerMode && animationSlide >= slideCount) {\n animationSlide = infinite ? slideCount : slideCount - 1;\n finalSlide = infinite ? 0 : slideCount - 1;\n } else if (animationSlide >= slideCount) {\n finalSlide = animationSlide - slideCount;\n if (!infinite) finalSlide = slideCount - slidesToShow;else if (slideCount % slidesToScroll !== 0) finalSlide = 0;\n }\n\n animationLeft = getTrackLeft(_objectSpread({}, spec, {\n slideIndex: animationSlide\n }));\n finalLeft = getTrackLeft(_objectSpread({}, spec, {\n slideIndex: finalSlide\n }));\n\n if (!infinite) {\n if (animationLeft === finalLeft) animationSlide = finalSlide;\n animationLeft = finalLeft;\n }\n\n lazyLoad && lazyLoadedList.concat(getOnDemandLazySlides(_objectSpread({}, spec, {\n currentSlide: animationSlide\n })));\n\n if (!useCSS) {\n state = {\n currentSlide: finalSlide,\n trackStyle: getTrackCSS(_objectSpread({}, spec, {\n left: finalLeft\n })),\n lazyLoadedList: lazyLoadedList\n };\n } else {\n state = {\n animating: true,\n currentSlide: finalSlide,\n trackStyle: getTrackAnimateCSS(_objectSpread({}, spec, {\n left: animationLeft\n })),\n lazyLoadedList: lazyLoadedList\n };\n nextState = {\n animating: false,\n currentSlide: finalSlide,\n trackStyle: getTrackCSS(_objectSpread({}, spec, {\n left: finalLeft\n })),\n swipeLeft: null\n };\n }\n }\n\n return {\n state: state,\n nextState: nextState\n };\n};\n\nexports.slideHandler = slideHandler;\n\nvar changeSlide = function changeSlide(spec, options) {\n var indexOffset, previousInt, slideOffset, unevenOffset, targetSlide;\n var slidesToScroll = spec.slidesToScroll,\n slidesToShow = spec.slidesToShow,\n slideCount = spec.slideCount,\n currentSlide = spec.currentSlide,\n lazyLoad = spec.lazyLoad,\n infinite = spec.infinite;\n unevenOffset = slideCount % slidesToScroll !== 0;\n indexOffset = unevenOffset ? 0 : (slideCount - currentSlide) % slidesToScroll;\n\n if (options.message === \"previous\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : slidesToShow - indexOffset;\n targetSlide = currentSlide - slideOffset;\n\n if (lazyLoad && !infinite) {\n previousInt = currentSlide - slideOffset;\n targetSlide = previousInt === -1 ? slideCount - 1 : previousInt;\n }\n } else if (options.message === \"next\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : indexOffset;\n targetSlide = currentSlide + slideOffset;\n\n if (lazyLoad && !infinite) {\n targetSlide = (currentSlide + slidesToScroll) % slideCount + indexOffset;\n }\n } else if (options.message === \"dots\") {\n // Click on dots\n targetSlide = options.index * options.slidesToScroll;\n\n if (targetSlide === options.currentSlide) {\n return null;\n }\n } else if (options.message === \"children\") {\n // Click on the slides\n targetSlide = options.index;\n\n if (targetSlide === options.currentSlide) {\n return null;\n }\n\n if (infinite) {\n var direction = siblingDirection(_objectSpread({}, spec, {\n targetSlide: targetSlide\n }));\n\n if (targetSlide > options.currentSlide && direction === \"left\") {\n targetSlide = targetSlide - slideCount;\n } else if (targetSlide < options.currentSlide && direction === \"right\") {\n targetSlide = targetSlide + slideCount;\n }\n }\n } else if (options.message === \"index\") {\n targetSlide = Number(options.index);\n\n if (targetSlide === options.currentSlide) {\n return null;\n }\n }\n\n return targetSlide;\n};\n\nexports.changeSlide = changeSlide;\n\nvar keyHandler = function keyHandler(e, accessibility, rtl) {\n if (e.target.tagName.match(\"TEXTAREA|INPUT|SELECT\") || !accessibility) return \"\";\n if (e.keyCode === 37) return rtl ? \"next\" : \"previous\";\n if (e.keyCode === 39) return rtl ? \"previous\" : \"next\";\n return \"\";\n};\n\nexports.keyHandler = keyHandler;\n\nvar swipeStart = function swipeStart(e, swipe, draggable) {\n e.target.tagName === \"IMG\" && e.preventDefault();\n if (!swipe || !draggable && e.type.indexOf(\"mouse\") !== -1) return \"\";\n return {\n dragging: true,\n touchObject: {\n startX: e.touches ? e.touches[0].pageX : e.clientX,\n startY: e.touches ? e.touches[0].pageY : e.clientY,\n curX: e.touches ? e.touches[0].pageX : e.clientX,\n curY: e.touches ? e.touches[0].pageY : e.clientY\n }\n };\n};\n\nexports.swipeStart = swipeStart;\n\nvar swipeMove = function swipeMove(e, spec) {\n // spec also contains, trackRef and slideIndex\n var scrolling = spec.scrolling,\n animating = spec.animating,\n vertical = spec.vertical,\n swipeToSlide = spec.swipeToSlide,\n verticalSwiping = spec.verticalSwiping,\n rtl = spec.rtl,\n currentSlide = spec.currentSlide,\n edgeFriction = spec.edgeFriction,\n edgeDragged = spec.edgeDragged,\n onEdge = spec.onEdge,\n swiped = spec.swiped,\n swiping = spec.swiping,\n slideCount = spec.slideCount,\n slidesToScroll = spec.slidesToScroll,\n infinite = spec.infinite,\n touchObject = spec.touchObject,\n swipeEvent = spec.swipeEvent,\n listHeight = spec.listHeight,\n listWidth = spec.listWidth;\n if (scrolling) return;\n if (animating) return e.preventDefault();\n if (vertical && swipeToSlide && verticalSwiping) e.preventDefault();\n var swipeLeft,\n state = {};\n var curLeft = getTrackLeft(spec);\n touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX;\n touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY;\n touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2)));\n var verticalSwipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2)));\n\n if (!verticalSwiping && !swiping && verticalSwipeLength > 10) {\n return {\n scrolling: true\n };\n }\n\n if (verticalSwiping) touchObject.swipeLength = verticalSwipeLength;\n var positionOffset = (!rtl ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1);\n if (verticalSwiping) positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;\n var dotCount = Math.ceil(slideCount / slidesToScroll);\n var swipeDirection = getSwipeDirection(spec.touchObject, verticalSwiping);\n var touchSwipeLength = touchObject.swipeLength;\n\n if (!infinite) {\n if (currentSlide === 0 && swipeDirection === \"right\" || currentSlide + 1 >= dotCount && swipeDirection === \"left\" || !canGoNext(spec) && swipeDirection === \"left\") {\n touchSwipeLength = touchObject.swipeLength * edgeFriction;\n\n if (edgeDragged === false && onEdge) {\n onEdge(swipeDirection);\n state[\"edgeDragged\"] = true;\n }\n }\n }\n\n if (!swiped && swipeEvent) {\n swipeEvent(swipeDirection);\n state[\"swiped\"] = true;\n }\n\n if (!vertical) {\n if (!rtl) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n } else {\n swipeLeft = curLeft - touchSwipeLength * positionOffset;\n }\n } else {\n swipeLeft = curLeft + touchSwipeLength * (listHeight / listWidth) * positionOffset;\n }\n\n if (verticalSwiping) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n }\n\n state = _objectSpread({}, state, {\n touchObject: touchObject,\n swipeLeft: swipeLeft,\n trackStyle: getTrackCSS(_objectSpread({}, spec, {\n left: swipeLeft\n }))\n });\n\n if (Math.abs(touchObject.curX - touchObject.startX) < Math.abs(touchObject.curY - touchObject.startY) * 0.8) {\n return state;\n }\n\n if (touchObject.swipeLength > 10) {\n state[\"swiping\"] = true;\n e.preventDefault();\n }\n\n return state;\n};\n\nexports.swipeMove = swipeMove;\n\nvar swipeEnd = function swipeEnd(e, spec) {\n var dragging = spec.dragging,\n swipe = spec.swipe,\n touchObject = spec.touchObject,\n listWidth = spec.listWidth,\n touchThreshold = spec.touchThreshold,\n verticalSwiping = spec.verticalSwiping,\n listHeight = spec.listHeight,\n currentSlide = spec.currentSlide,\n swipeToSlide = spec.swipeToSlide,\n scrolling = spec.scrolling,\n onSwipe = spec.onSwipe;\n\n if (!dragging) {\n if (swipe) e.preventDefault();\n return {};\n }\n\n var minSwipe = verticalSwiping ? listHeight / touchThreshold : listWidth / touchThreshold;\n var swipeDirection = getSwipeDirection(touchObject, verticalSwiping); // reset the state of touch related state variables.\n\n var state = {\n dragging: false,\n edgeDragged: false,\n scrolling: false,\n swiping: false,\n swiped: false,\n swipeLeft: null,\n touchObject: {}\n };\n\n if (scrolling) {\n return state;\n }\n\n if (!touchObject.swipeLength) {\n return state;\n }\n\n if (touchObject.swipeLength > minSwipe) {\n e.preventDefault();\n\n if (onSwipe) {\n onSwipe(swipeDirection);\n }\n\n var slideCount, newSlide;\n\n switch (swipeDirection) {\n case \"left\":\n case \"up\":\n newSlide = currentSlide + getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 0;\n break;\n\n case \"right\":\n case \"down\":\n newSlide = currentSlide - getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 1;\n break;\n\n default:\n slideCount = currentSlide;\n }\n\n state[\"triggerSlideHandler\"] = slideCount;\n } else {\n // Adjust the track back to it's original position.\n var currentLeft = getTrackLeft(spec);\n state[\"trackStyle\"] = getTrackAnimateCSS(_objectSpread({}, spec, {\n left: currentLeft\n }));\n }\n\n return state;\n};\n\nexports.swipeEnd = swipeEnd;\n\nvar getNavigableIndexes = function getNavigableIndexes(spec) {\n var max = spec.infinite ? spec.slideCount * 2 : spec.slideCount;\n var breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0;\n var counter = spec.infinite ? spec.slidesToShow * -1 : 0;\n var indexes = [];\n\n while (breakpoint < max) {\n indexes.push(breakpoint);\n breakpoint = counter + spec.slidesToScroll;\n counter += Math.min(spec.slidesToScroll, spec.slidesToShow);\n }\n\n return indexes;\n};\n\nexports.getNavigableIndexes = getNavigableIndexes;\n\nvar checkNavigable = function checkNavigable(spec, index) {\n var navigables = getNavigableIndexes(spec);\n var prevNavigable = 0;\n\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n};\n\nexports.checkNavigable = checkNavigable;\n\nvar getSlideCount = function getSlideCount(spec) {\n var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0;\n\n if (spec.swipeToSlide) {\n var swipedSlide;\n\n var slickList = _reactDom[\"default\"].findDOMNode(spec.listRef);\n\n var slides = slickList.querySelectorAll(\".slick-slide\");\n Array.from(slides).every(function (slide) {\n if (!spec.vertical) {\n if (slide.offsetLeft - centerOffset + getWidth(slide) / 2 > spec.swipeLeft * -1) {\n swipedSlide = slide;\n return false;\n }\n } else {\n if (slide.offsetTop + getHeight(slide) / 2 > spec.swipeLeft * -1) {\n swipedSlide = slide;\n return false;\n }\n }\n\n return true;\n });\n\n if (!swipedSlide) {\n return 0;\n }\n\n var currentIndex = spec.rtl === true ? spec.slideCount - spec.currentSlide : spec.currentSlide;\n var slidesTraversed = Math.abs(swipedSlide.dataset.index - currentIndex) || 1;\n return slidesTraversed;\n } else {\n return spec.slidesToScroll;\n }\n};\n\nexports.getSlideCount = getSlideCount;\n\nvar checkSpecKeys = function checkSpecKeys(spec, keysArray) {\n return keysArray.reduce(function (value, key) {\n return value && spec.hasOwnProperty(key);\n }, true) ? null : console.error(\"Keys Missing:\", spec);\n};\n\nexports.checkSpecKeys = checkSpecKeys;\n\nvar getTrackCSS = function getTrackCSS(spec) {\n checkSpecKeys(spec, [\"left\", \"variableWidth\", \"slideCount\", \"slidesToShow\", \"slideWidth\"]);\n var trackWidth, trackHeight;\n var trackChildren = spec.slideCount + 2 * spec.slidesToShow;\n\n if (!spec.vertical) {\n trackWidth = getTotalSlides(spec) * spec.slideWidth;\n } else {\n trackHeight = trackChildren * spec.slideHeight;\n }\n\n var style = {\n opacity: 1,\n transition: \"\",\n WebkitTransition: \"\"\n };\n\n if (spec.useTransform) {\n var WebkitTransform = !spec.vertical ? \"translate3d(\" + spec.left + \"px, 0px, 0px)\" : \"translate3d(0px, \" + spec.left + \"px, 0px)\";\n var transform = !spec.vertical ? \"translate3d(\" + spec.left + \"px, 0px, 0px)\" : \"translate3d(0px, \" + spec.left + \"px, 0px)\";\n var msTransform = !spec.vertical ? \"translateX(\" + spec.left + \"px)\" : \"translateY(\" + spec.left + \"px)\";\n style = _objectSpread({}, style, {\n WebkitTransform: WebkitTransform,\n transform: transform,\n msTransform: msTransform\n });\n } else {\n if (spec.vertical) {\n style[\"top\"] = spec.left;\n } else {\n style[\"left\"] = spec.left;\n }\n }\n\n if (spec.fade) style = {\n opacity: 1\n };\n if (trackWidth) style.width = trackWidth;\n if (trackHeight) style.height = trackHeight; // Fallback for IE8\n\n if (window && !window.addEventListener && window.attachEvent) {\n if (!spec.vertical) {\n style.marginLeft = spec.left + \"px\";\n } else {\n style.marginTop = spec.left + \"px\";\n }\n }\n\n return style;\n};\n\nexports.getTrackCSS = getTrackCSS;\n\nvar getTrackAnimateCSS = function getTrackAnimateCSS(spec) {\n checkSpecKeys(spec, [\"left\", \"variableWidth\", \"slideCount\", \"slidesToShow\", \"slideWidth\", \"speed\", \"cssEase\"]);\n var style = getTrackCSS(spec); // useCSS is true by default so it can be undefined\n\n if (spec.useTransform) {\n style.WebkitTransition = \"-webkit-transform \" + spec.speed + \"ms \" + spec.cssEase;\n style.transition = \"transform \" + spec.speed + \"ms \" + spec.cssEase;\n } else {\n if (spec.vertical) {\n style.transition = \"top \" + spec.speed + \"ms \" + spec.cssEase;\n } else {\n style.transition = \"left \" + spec.speed + \"ms \" + spec.cssEase;\n }\n }\n\n return style;\n};\n\nexports.getTrackAnimateCSS = getTrackAnimateCSS;\n\nvar getTrackLeft = function getTrackLeft(spec) {\n if (spec.unslick) {\n return 0;\n }\n\n checkSpecKeys(spec, [\"slideIndex\", \"trackRef\", \"infinite\", \"centerMode\", \"slideCount\", \"slidesToShow\", \"slidesToScroll\", \"slideWidth\", \"listWidth\", \"variableWidth\", \"slideHeight\"]);\n var slideIndex = spec.slideIndex,\n trackRef = spec.trackRef,\n infinite = spec.infinite,\n centerMode = spec.centerMode,\n slideCount = spec.slideCount,\n slidesToShow = spec.slidesToShow,\n slidesToScroll = spec.slidesToScroll,\n slideWidth = spec.slideWidth,\n listWidth = spec.listWidth,\n variableWidth = spec.variableWidth,\n slideHeight = spec.slideHeight,\n fade = spec.fade,\n vertical = spec.vertical;\n var slideOffset = 0;\n var targetLeft;\n var targetSlide;\n var verticalOffset = 0;\n\n if (fade || spec.slideCount === 1) {\n return 0;\n }\n\n var slidesToOffset = 0;\n\n if (infinite) {\n slidesToOffset = -getPreClones(spec); // bring active slide to the beginning of visual area\n // if next scroll doesn't have enough children, just reach till the end of original slides instead of shifting slidesToScroll children\n\n if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {\n slidesToOffset = -(slideIndex > slideCount ? slidesToShow - (slideIndex - slideCount) : slideCount % slidesToScroll);\n } // shift current slide to center of the frame\n\n\n if (centerMode) {\n slidesToOffset += parseInt(slidesToShow / 2);\n }\n } else {\n if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {\n slidesToOffset = slidesToShow - slideCount % slidesToScroll;\n }\n\n if (centerMode) {\n slidesToOffset = parseInt(slidesToShow / 2);\n }\n }\n\n slideOffset = slidesToOffset * slideWidth;\n verticalOffset = slidesToOffset * slideHeight;\n\n if (!vertical) {\n targetLeft = slideIndex * slideWidth * -1 + slideOffset;\n } else {\n targetLeft = slideIndex * slideHeight * -1 + verticalOffset;\n }\n\n if (variableWidth === true) {\n var targetSlideIndex;\n\n var trackElem = _reactDom[\"default\"].findDOMNode(trackRef);\n\n targetSlideIndex = slideIndex + getPreClones(spec);\n targetSlide = trackElem && trackElem.childNodes[targetSlideIndex];\n targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0;\n\n if (centerMode === true) {\n targetSlideIndex = infinite ? slideIndex + getPreClones(spec) : slideIndex;\n targetSlide = trackElem && trackElem.children[targetSlideIndex];\n targetLeft = 0;\n\n for (var slide = 0; slide < targetSlideIndex; slide++) {\n targetLeft -= trackElem && trackElem.children[slide] && trackElem.children[slide].offsetWidth;\n }\n\n targetLeft -= parseInt(spec.centerPadding);\n targetLeft += targetSlide && (listWidth - targetSlide.offsetWidth) / 2;\n }\n }\n\n return targetLeft;\n};\n\nexports.getTrackLeft = getTrackLeft;\n\nvar getPreClones = function getPreClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n\n if (spec.variableWidth) {\n return spec.slideCount;\n }\n\n return spec.slidesToShow + (spec.centerMode ? 1 : 0);\n};\n\nexports.getPreClones = getPreClones;\n\nvar getPostClones = function getPostClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n\n return spec.slideCount;\n};\n\nexports.getPostClones = getPostClones;\n\nvar getTotalSlides = function getTotalSlides(spec) {\n return spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec);\n};\n\nexports.getTotalSlides = getTotalSlides;\n\nvar siblingDirection = function siblingDirection(spec) {\n if (spec.targetSlide > spec.currentSlide) {\n if (spec.targetSlide > spec.currentSlide + slidesOnRight(spec)) {\n return \"left\";\n }\n\n return \"right\";\n } else {\n if (spec.targetSlide < spec.currentSlide - slidesOnLeft(spec)) {\n return \"right\";\n }\n\n return \"left\";\n }\n};\n\nexports.siblingDirection = siblingDirection;\n\nvar slidesOnRight = function slidesOnRight(_ref) {\n var slidesToShow = _ref.slidesToShow,\n centerMode = _ref.centerMode,\n rtl = _ref.rtl,\n centerPadding = _ref.centerPadding; // returns no of slides on the right of active slide\n\n if (centerMode) {\n var right = (slidesToShow - 1) / 2 + 1;\n if (parseInt(centerPadding) > 0) right += 1;\n if (rtl && slidesToShow % 2 === 0) right += 1;\n return right;\n }\n\n if (rtl) {\n return 0;\n }\n\n return slidesToShow - 1;\n};\n\nexports.slidesOnRight = slidesOnRight;\n\nvar slidesOnLeft = function slidesOnLeft(_ref2) {\n var slidesToShow = _ref2.slidesToShow,\n centerMode = _ref2.centerMode,\n rtl = _ref2.rtl,\n centerPadding = _ref2.centerPadding; // returns no of slides on the left of active slide\n\n if (centerMode) {\n var left = (slidesToShow - 1) / 2 + 1;\n if (parseInt(centerPadding) > 0) left += 1;\n if (!rtl && slidesToShow % 2 === 0) left += 1;\n return left;\n }\n\n if (rtl) {\n return slidesToShow - 1;\n }\n\n return 0;\n};\n\nexports.slidesOnLeft = slidesOnLeft;\n\nvar canUseDOM = function canUseDOM() {\n return !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\n};\n\nexports.canUseDOM = canUseDOM;"],"sourceRoot":""} 
▶◯`}\r\n />)\r\n}\r\n\r\nexport default YoutubePlayer;","import React, { useState, useEffect } from \"react\";\r\nimport Slider from \"react-slick\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport Presenter from \"../../molecules/presenter/presenter\";\r\nimport { documentToReactComponents } from \"@contentful/rich-text-react-renderer\";\r\nimport { ReferenciaContenido } from \"../../../interfaces/ReferenciaContenido\";\r\nimport useBrowserMode from '../../../shared/hooks/useBrowserMode';\r\nimport Img from \"gatsby-image\";\r\nimport YoutubePlayer from \"../../molecules/youtube-player/youtubePlayer\";\r\nimport { OptimizeImage } from \"../../../shared/utils/stringUtilities\";\r\nimport \"./carousel.scss\";\r\n\r\nconst Carousel = (props:ReferenciaContenido) => {\r\n\r\n const [isEdgeOld, setIsEdgeOld] = useState![\"\"](\"https://images.ctfassets.net/gkhyeghj07ak/7cyYEe7KkUwxy0C929cBtH/1e49cf21fd5f5ca678f1ad2db432f5d0/menu.svg\"\r\n)
\r\n Menú\r\n ![\"\"](\"https://images.ctfassets.net/gkhyeghj07ak/5onLuNBkwBCc0JZv4gncAP/11d9d1c867d9cfa5a64e848ae4160426/cursos.svg\"\r\n)
\r\n {props.tituloBoton}\r\n