{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/SharedComponents/atoms/AspectRatio.tsx","webpack:///./Avensia.Common/Features/Shared/Page/index.tsx","webpack:///./Avensia.Common/Features/Shared/SharedComponents/molecules/ImageVideoBackground.tsx","webpack:///./Avensia.Common/Features/Shared/Page/PageContent.tsx","webpack:///./Avensia.Common/Features/Shared/Video/VideoSource.tsx","webpack:///./Avensia.Common/Features/Shared/Video/VideoPlayer.tsx","webpack:///./Avensia.Common/Features/Shared/SharedComponents/atoms/Breadcrumbs.tsx","webpack:///./Avensia.Common/Features/Shared/Accordion/index.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Play.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Sound.tsx","webpack:///./Avensia.Common/Features/Shared/SharedComponents/atoms/Slider.tsx","webpack:///./Avensia.Common/Features/Shared/Video/SoundControls.tsx","webpack:///./Avensia.Common/Features/Shared/Video/TimeControls.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Pause.tsx","webpack:///./Avensia.Common/Features/Shared/Video/PlayControls.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Maximize.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Minimize.tsx","webpack:///./Avensia.Common/Features/Shared/Video/MaximizeControls.tsx","webpack:///./Avensia.Common/Features/Shared/Video/Video.tsx","webpack:///./Avensia.Common/Features/Shared/SharedComponents/atoms/Pagination.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/glyphs/Play_12x12.svg","webpack:///./Avensia.Common/Features/Shared/Icons/glyphs/Play_24x24.svg","webpack:///./Avensia.Common/Features/Shared/Icons/glyphs/Sound_34x24.svg","webpack:///./Avensia.Common/Features/Shared/Icons/glyphs/SoundMuted_34x24.svg","webpack:///./Avensia.Common/Features/Shared/Icons/glyphs/Pause_24x24.svg","webpack:///./Avensia.Common/Features/Shared/Icons/glyphs/Maximize_24x24.svg","webpack:///./Avensia.Common/Features/Shared/Icons/glyphs/Minimize_24x24.svg","webpack:///./Avensia.Common/Features/Shared/Icons/glyphs/Sort_12x12.svg","webpack:///./Avensia.Common/Features/Shared/Icons/Glyphs/Filter_12x12.svg","webpack:///./Avensia.Common/Features/Shared/Facet/toggle-facet.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Sort.tsx","webpack:///./Avensia.Common/Features/Shared/SharedComponents/atoms/ProductSort.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Filter.tsx","webpack:///./Avensia.Common/Features/Product/ProductListing/FilterModal/OptionCard.tsx","webpack:///./Avensia.Common/Features/Shared/SharedComponents/atoms/DoubleSlider.tsx","webpack:///./Avensia.Common/Features/Product/ProductListing/FilterModal/PriceSlider.tsx","webpack:///./Avensia.Common/Features/Product/ProductListing/FilterModal/FilterSection.tsx","webpack:///./Avensia.Common/Features/Product/ProductListing/FilterModal/SwitchOption.tsx","webpack:///./Avensia.Common/Features/Product/ProductListing/ActiveFilters.tsx","webpack:///./Avensia.Common/Features/Product/ProductListing/FilterModal/index.tsx","webpack:///./Avensia.Common/Features/Product/ProductListing/index.tsx","webpack:///./Avensia.Common/Features/Shared/Page/PageBottom.tsx","webpack:///./Avensia.Common/Features/Category/Categories.tsx","webpack:///./Avensia.Common/Features/Cms/EmbeddedContentModal/ArticleCard.tsx","webpack:///./Avensia.Common/Features/Cms/EmbeddedContentModal/MoreArticles.tsx","webpack:///./Avensia.Common/Features/Cms/EmbeddedContentModal/VideoContent.tsx","webpack:///./Avensia.Common/Features/Product/ProductCard/MiniCard.tsx","webpack:///./Avensia.Common/Features/Cms/EmbeddedContentModal/VideoProducts.tsx","webpack:///./Avensia.Common/Features/Cms/EmbeddedContentModal/index.tsx","webpack:///./Avensia.Common/Features/Category/Category.tsx"],"names":["AspectRatioOuter","div","height","overflow","position","AspectRatioInner","top","left","width","HoverAspectRatioInner","boxSizing","borderRadius","border","xy","style","color","transition","property","duration","timingFunction","monochrome","black","OverlayNotABackdrop","NoScript","display","alignItems","justifyContent","BaseStrictPage","noLink","component","restProps","PageMainExtensive","children","actionTitle","actionPath","passProps","PageMainCompact","props","isCompact","AspectImageVideoBackground","image","paddingTop","videoSources","breakPoint","className","preset","isMobile","gotVideo","length","css","background","url","size","autoPlay","loop","muted","playsInline","coverContent","sources","ViewportSizeVideoBackground","fixedVideo","compose","hasVideo","Div","clipPath","AutoSizeVideoBackground","TopLabel","margin","bottom","ReadMoreWrap","marginTop","ReadMore","span","a11ygrey","cursor","textTransform","fontSize","fontWeight","TopContentHeading","wordBreak","BreadcrumbWrapper","breadcrumbs","isProductPage","rowGap","marginLeft","marginRight","vertical","TopContentWideWrapper","padding","TopContentWide","TopContent","TopContentButton","TopContentIntro","p","TopContentWrap","TopContentChildren","label","heading","headingSize","modalButtonText","modalButtonClick","modalButtonIconAfter","intro","handleReadMore","readMoreLabel","Small","x","text","onClick","iconAfter","theme","WhiteToBlack","render","this","type","videoType","src","Component","videoRef","playerRef","current","hlsSource","find","device","isSupported","hls","loadSource","attachMedia","on","Events","MANIFEST_PARSED","play","canPlayType","volume","ref","onEnded","zIndex","objectFit","objectPosition","filter","map","source","i","key","BaseWrap","textDecoration","flexDirection","VerticalWrap","transform","writingMode","HorizontalWrap","flexWrap","overflowX","overflowY","scrollbarWidth","ListWrap","ListItem","gap","BreadCrumbLink","whiteSpace","white","opaqueColor","halfTransparentColor","rgbaFilters","white50","black50","containerRef","scrollLeft","offsetWidth","Wrapper","itemType","itemScope","crumb","index","array","itemProp","to","title","content","String","window","location","protocol","host","spacingStyle","HeaderWrapper","Header","textAlign","paddingBottom","HeaderLayout","Body","shouldTranslateHeight","DURATION","willChange","Panel","right","IconWrap","Plus","AccordionHeader","lineHeight","marginBottom","Accordion","mounted","state","componentWillReceiveProps","nextProps","isOpen","setState","shouldComponentUpdate","nextState","header","onToggle","componentDidMount","componentWillUnmount","updateOffsetHeight","requestAnimationFrame","offsetHeight","Math","abs","borderWidth","noBorder","borderBottom","disabled","appearance","Full","Bare","id","extraPadding","mediumGrey","upperCaseHeading","headerFontSize","iconWidth","ToggleableField","Play12x12","Play24x24","Sound34x24","SoundMuted34x24","SliderInput","input","backgroundColor","y","min","max","value","updateValue","onChange","e","parseFloat","target","Wrap","Sound","Muted","mediaRef","setMuted","setVolume","selectedValue","selectedVolume","newVolume","adjustVolume","currentTime","setCurrentTime","setDuration","interval","setInterval","readyState","clearInterval","selectedTime","newTime","skipToTime","Pause24x24","Play","Pause","isPlaying","pause","Maximize24x24","Minimize24x24","isMaximized","updateIsMaximized","document","onfullscreenchange","fullscreenElement","exitFullscreen","parentElement","requestFullscreen","alignSelf","VideoStopped","VideoStartedWrap","VideoStartedWrapDesktop","TimeControlWrapMobile","ButtonsWrapDesktop","ButtonsWrapMobile","PlusIcon","OuterBase","OuterMobile","OuterDesktop","Inner","previewImage","previewImagePreset","previewVideoSources","videoStarted","stopVideo","buttonsInControls","setIsPlaying","setIsMaximized","VideoStartedWrapElement","Outer","VideoPlayer","event","currentTarget","buttonInControls","Video","TransparentWhite","PagingWrap","PagingInner","PagingLeftWrap","flexGrow","PagingNumberWrap","PagingRightWrap","Pagination","currentBreakpoint","pageCount","currentPage","navigateToPage","totalItemCount","currentlyDisplayedItemCount","totalItemCountLabel","totalItemCountTextColor","inactiveColorAlpha","secondaryColor","pages","pageNum","lastPageNumInArr","push","undefined","page","idx","D32_M32","Number","React","createElement","defaultProps","module","exports","default","Sort12x12","Filter12x12","allSelectedValues","values","selectedValuess","v","selected","forEach","childValues","SortWrap","RadioChecked","SortOptions","form","extraLightGrey","flexFlow","SortOption","SortLabel","ButtonIcon","sort","handleChange","toggleModal","showModal","modalRef","sortRef","handleClickEvent","contains","addEventListener","removeEventListener","Filter","onSubmit","options","opt","name","OptionCardWrap","boxShadow","OptionCardWrapSelected","OptionCardImage","IconText","Text","ColorOptionCardWrap","ColorOptionCardWrapSelected","ColorCircle","ColorOptionCard","toggleSelected","D10_M10","upperCase","displayName","TextElement","icon","alt","ratio","OneToOneFill","D12_M12","Label","LabelWrap","pointerEvents","minHeight","FromInput","darkGrey","ToInput","connect","culture","appShellData","currency","market","selectedMin","selectedMax","sliderRange","valueToPercentage","round","percentageToValue","percentage","fromSliderRef","toSliderRef","fromPosition","setFromPosition","toPosition","setToPosition","sliderFromWidth","setSliderFromWidth","sliderToWidth","setSliderToWidth","updateValueDebounced","newSelectedMin","newSelectedMax","updateWidth","isFirst","parseInt","backgroundImage","minSelected","maxSelected","SectionWrap","columnGap","PriceWrap","PriceHeading","filterId","subHeading","onFilterValuesUpdated","onPriceUpdated","templateColumns","repeat","gridTemplateColumns","filterValue","ticket","ToggleLabel","outlineStyle","ToggleInput","ToggleSwitch","LabelText","facet","transitionDuration","checked","brandColors","green","ActiveFilterContainer","flexBasis","ActiveFilter","font","weight","RemoveIcon","Close","getActiveFacets","facets","toLowerCase","selectedCount","onRemoveFacet","activeFacets","itemCss","activeFacet","facetValue","FilterButtonsWrap","FilterOnlyInStockWrap","FilterOnlyInStockItem","AccordionItem","ActiveFacets","ActiveFilters","ModalScrollableContentContainer","Modal","changeFilterValue","filters","changedFilter","filterValues","isActiveFilter","filterIndex","valueIndex","ActiveFilterHeading","modalIsShown","hideModal","onFiltersUpdated","onFiltersReset","clearFiltersLabel","showProductsLabel","activeFiltersLabel","removeActiveFilter","filterIdOpen","setFilterIdOpen","isOnLeft","textAboveHeading","bottomPadding","closeModal","closeIconSize","toUpperCase","changedFilters","TransparentBlack","BlackToWhite","Filters","ProductListHeading","ListHeading","ProductListTop","RowWrap","ItemWrap","ProductListTopWrap","headerHeight","UI","dispatch","getWithSpinner","thenAction","canonicalUrl","then","r","json","finally","productList","hideFacetAndSort","showProductSortModal","setShowProductSortModal","filterModalIsShown","setFilterModalIsShown","selectedFacets","setSelectedFacets","selectedSortBy","setSelectedSortBy","productListTop","getParsedCurrentUrl","searchParams","delete","appendFilterPath","pathname","onFacetValueChange","currentFacet","currentValue","curr","updatedFacets","setFilterResults","queryParams","set","urlName","append","renderAsCheckBox","toString","addressBarUrl","offsetTop","sortOptions","bindFilterResults","displayUrl","totalCount","visibleCount","products","filterStickyTop","listContentItems","reduce","obj","mobileIndex","desktopIndex","items","MainContent","topContentArea","for","totalCountTitle","labels","displayingItems","listItem","SomeComponent","componentName","layout","ProductCard","product","listIndex","GalleryContent","item","activeFilters","bind","onResetFacetValues","clearFilter","showProducts","nrItems","elm","sortBy","currentPageIndex","totalPages","number","SeoContentWrap","SeoContent","D56_M24","html","SwiperWrap","CategoryHeading","h2","CategoryLink","CategoryContentWrap","backgroundSize","backgroundPosition","CategoryContentInner","categories","slidesPerView","spaceBetween","showNav","navIndentLeft","cssMode","freeMode","slidesPerGroup","category","SquareListItem","ArticleLink","Link","paddingLeft","Content","article","OneToOne","tag","D16_M16","articles","ContentWrap","ButtonWrap","Center","playButtonText","setVideoStarted","D14_M12","D32_M20","WhiteBorderToBlack","Big","CardWrap","Media","DisplayName","Tags","draggable","linkIdentifier","onTracking","Ratio","imageUrls","ThreeToFour","ItemThumbLarge","D14_M14_L130","oneLineText","tags","slice","code","Price","price","fontSizePrevPrice","ModalScrollableContentMobile","ModalScrollableContentDesktop","Tabs","mainContentLabel","mainContent","videoLabel","video","videoProductsLabel","moreArticlesLabel","moreArticles","tabs","tab","productItems","VideoProducts","MoreArticles","selectedTab","setSelectedTab","gotDesktopVideo","findIndex","ModalScrollable","widthInColumns","paneContent","imagePreview","closeText","close","activeTab","switchToTab","PlayIcon","notProps","filterResults","setModalIsShown","seoContentRef","createRef","Viewport","ageGroupModalContent","buttonText","Page","ageGroupContent","mainIntro","readMore","bottomText","elmTop","Categories","categoryTree","guide","contentArea","productsInVideo","moreGuides","ProductListing","bottomContentArea","bottomHeading"],"mappings":"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","file":"assets/15.chunk.bce3088eca7b32c819bb.js","sourcesContent":["import { styled } from '@glitz/react';\r\nimport * as style from 'Shared/Style';\r\n\r\nexport const AspectRatioOuter = styled.div({\r\n  height: '0px',\r\n  overflow: 'hidden',\r\n  position: 'relative',\r\n});\r\n\r\nexport const AspectRatioInner = styled.div({\r\n  position: 'absolute',\r\n  top: '0',\r\n  left: '0',\r\n  width: '100%',\r\n  height: '100%',\r\n});\r\n\r\nexport const HoverAspectRatioInner = styled.div({\r\n  position: 'absolute',\r\n  top: '0',\r\n  left: '0',\r\n  width: '100%',\r\n  height: '100%',\r\n  boxSizing: 'border-box',\r\n  borderRadius: '8px',\r\n  border: {\r\n    xy: {\r\n      style: 'solid',\r\n      width: '1px',\r\n      color: 'transparent',\r\n    }\r\n  },\r\n  transition: {\r\n    property: 'border',\r\n    duration: '0.3s',\r\n    timingFunction: 'linear'\r\n  },\r\n  ':hover': {\r\n    border: {\r\n      xy: {\r\n        style: 'solid',\r\n        width: '1px',\r\n        color: style.colors.monochrome.black,\r\n      }\r\n    }\r\n  }\r\n});\r\n\r\nexport const OverlayNotABackdrop = styled.div({\r\n  //May require wrapping in a div with position: relative\r\n  position: 'absolute',\r\n  top: '0',\r\n  left: '0',\r\n  width: '100%',\r\n  height: '100%',\r\n});\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { translate } from '@polarnopyret/scope';\r\nimport { Main, Basic } from 'Shared/PageLayout';\r\nimport Viewport from 'Shared/Viewport';\r\nimport { ErrorMessage } from 'Shared/FeedbackMessage';\r\n\r\nexport { Appearance } from 'Shared/PageLayout';\r\n\r\nconst NoScript = styled(ErrorMessage, {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  top: '0',\r\n  width: '100%',\r\n});\r\n\r\ntype SharedPropType = {\r\n  itemScope?: boolean;\r\n  itemType?: string;\r\n  noLink?: boolean;\r\n  actionPath?: string;\r\n  actionTitle?: string;\r\n};\r\n\r\ntype StrictPropType = {\r\n  //layout?: PageLayout;\r\n};\r\n\r\nexport const BaseStrictPage: React.StatelessComponent<SharedPropType & StrictPropType> = ({\r\n  noLink,\r\n  ...restProps\r\n}) => {\r\n  // A page component must be a direct child to `CurrentPage`\r\n  return (\r\n    <Main>\r\n      <NoScript component=\"noscript\">{translate('/site/errors/JavaScriptRequired')}</NoScript>\r\n      <Basic {...restProps} />\r\n    </Main>\r\n  );\r\n};\r\n\r\ntype PropType = SharedPropType & {\r\n  \r\n};\r\n\r\nconst PageMainExtensive: React.StatelessComponent<PropType> = ({\r\n  children,\r\n  actionTitle,\r\n  actionPath,\r\n  ...passProps\r\n}) => {\r\n  return (\r\n    <BaseStrictPage {...passProps}>{children}</BaseStrictPage>\r\n  );\r\n};\r\n\r\nconst PageMainCompact: React.StatelessComponent<PropType> = ({\r\n  noLink,\r\n  children,\r\n  actionTitle,\r\n  actionPath,\r\n  ...passProps\r\n}) => {\r\n  return (\r\n    <BaseStrictPage {...passProps}>{children}</BaseStrictPage>\r\n  );\r\n};\r\n\r\nconst Page: React.StatelessComponent<PropType> = props => (\r\n  <Viewport>\r\n    {(isCompact: boolean) => (isCompact ? <PageMainCompact {...props} /> : <PageMainExtensive {...props} />)}\r\n  </Viewport>\r\n);\r\n\r\nexport default Page;\r\n","import React from 'react';\r\nimport { AspectRatioInner, AspectRatioOuter, OverlayNotABackdrop } from 'Shared/SharedComponents/atoms/AspectRatio';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { setImageBackground, Preset } from 'Shared/image-background';\r\nimport VideoSourceType from 'Shared/ViewModels/VideoSourceViewModel.type';\r\nimport VideoPlayer from 'Shared/Video/VideoPlayer'\r\nimport { isCompact } from 'Shared/Viewport';\r\n\r\ntype BasePropTypes = {\r\n  children?: React.ReactNode;\r\n  image?: { url?: string };\r\n  videoSources?: VideoSourceType[];\r\n  breakPoint: number;\r\n  preset?: Preset;\r\n};\r\n\r\ntype ImageVideoBackgroundPropTypes = BasePropTypes & {\r\n  borderRadius?: number;\r\n  paddingTop: string;\r\n  className?: string;\r\n};\r\n\r\ntype ViewportSizeVideoBackgroundPropTypes = BasePropTypes & {\r\n  fixedVideo?: boolean;\r\n  borderRadius?: number;\r\n  height?: string;\r\n  gradientBg?: boolean;\r\n};\r\n\r\nexport const AspectImageVideoBackground = (\r\n  (\r\n    props: ImageVideoBackgroundPropTypes & {},\r\n  ) => {\r\n    const { children,\r\n      image,\r\n      paddingTop,\r\n      videoSources,\r\n      borderRadius,\r\n      breakPoint,\r\n      className,\r\n      preset } = props;\r\n\r\n    const isMobile = isCompact(breakPoint);\r\n    const gotVideo = (videoSources?.length ?? 0) > 0;\r\n    return (\r\n      <AspectRatioOuter\r\n        className={className}\r\n        css={{\r\n          paddingTop: paddingTop,\r\n        }}\r\n      >\r\n        <AspectRatioInner\r\n          css={{\r\n            background: {\r\n              ...(!gotVideo && image && {\r\n                image: setImageBackground(image?.url, preset),\r\n                size: 'cover',\r\n                position: 'center center',\r\n              }),\r\n            },\r\n            borderRadius: borderRadius && borderRadius > 0 ? `${borderRadius}px` : '0px'\r\n          }}\r\n        >\r\n          {gotVideo && (\r\n            <OverlayNotABackdrop>\r\n              <VideoPlayer\r\n                autoPlay\r\n                loop\r\n                muted\r\n                playsInline\r\n                coverContent\r\n                isMobile={isMobile}\r\n                sources={videoSources}\r\n              />\r\n            </OverlayNotABackdrop>\r\n          )}\r\n          {children}\r\n        </AspectRatioInner>\r\n      </AspectRatioOuter>\r\n    );\r\n  }\r\n);\r\n\r\nexport const ViewportSizeVideoBackground = styled(\r\n  (\r\n    props: ViewportSizeVideoBackgroundPropTypes & StyledProps,\r\n  ) => {\r\n    const { children,\r\n      image,\r\n      videoSources,\r\n      breakPoint,\r\n      fixedVideo = false,\r\n      //css,\r\n      borderRadius,\r\n      preset,\r\n      height = '100%',\r\n      compose,\r\n    } = props;\r\n    const hasVideo = (videoSources?.length ?? 0) > 0;\r\n    const isMobile = isCompact(breakPoint);\r\n    return (\r\n      <styled.Div\r\n        css={compose({\r\n          height: height,\r\n          width: '100%',\r\n          position: 'relative',\r\n          ...(image && !hasVideo && {\r\n            background: {\r\n              image: setImageBackground(image?.url, preset),\r\n              size: 'cover',\r\n              position: 'center center',\r\n            },\r\n          }),\r\n          ...(!hasVideo && {\r\n            borderRadius: borderRadius && borderRadius > 0 ? `${borderRadius}px` : '0px'\r\n          }),\r\n          ...(fixedVideo && {\r\n            clipPath: 'inset(0 0 0 0)',\r\n            overflow: 'hidden',\r\n          }),\r\n        })}\r\n      >\r\n        {hasVideo && (\r\n          <OverlayNotABackdrop>\r\n            <VideoPlayer\r\n              autoPlay\r\n              loop\r\n              muted\r\n              coverContent\r\n              playsInline\r\n              fixedVideo={fixedVideo}\r\n              isMobile={isMobile}\r\n              sources={videoSources}\r\n            />\r\n          </OverlayNotABackdrop>\r\n        )}\r\n        {children}\r\n      </styled.Div>\r\n    );\r\n  }\r\n);\r\n\r\ntype AutoSizeVideoBackgroundPropTypes = BasePropTypes & {\r\n  borderRadius: number;\r\n  gradientBg?: boolean;\r\n};\r\n\r\nexport const AutoSizeVideoBackground = styled(\r\n  (\r\n    props: AutoSizeVideoBackgroundPropTypes & StyledProps,\r\n  ) => {\r\n    const { children,\r\n      image,\r\n      videoSources,\r\n      breakPoint,\r\n      borderRadius,\r\n      preset,\r\n      compose,\r\n    } = props;\r\n    return (\r\n      <ViewportSizeVideoBackground image={image} borderRadius={borderRadius} videoSources={videoSources} preset={preset} breakPoint={breakPoint} css={compose({ height: 'auto' })} fixedVideo>\r\n        {children}\r\n      </ViewportSizeVideoBackground>\r\n    );\r\n  });\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { H1, ResponsiveSize, HeadingLabel } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { ButtonHeight, ButtonTheme, SolidButton } from 'Shared/TextButtons';\r\nimport Breadcrumbs from 'Shared/SharedComponents/atoms/Breadcrumbs';\r\nimport BreadcrumbsViewModel from 'Shared/Breadcrumbs/BreadcrumbsViewModel.type';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype TopContentPropType = React.HTMLAttributes<HTMLElement> & {\r\n  label?: string;\r\n  heading: string;\r\n  headingSize?: ResponsiveSize;\r\n  intro: string;\r\n  isCompact: boolean;\r\n  modalButtonText?: string;\r\n  modalButtonIconAfter?: React.ReactNode;\r\n  modalButtonClick?: () => void;\r\n  handleReadMore?: Function | boolean;\r\n  readMoreLabel?: String\r\n};\r\n\r\ntype TopContentWidePropType = TopContentPropType & {\r\n  breadcrumbs?: BreadcrumbsViewModel[];\r\n};\r\n\r\ntype BreadcrumbWrapperPropType = React.HTMLAttributes<HTMLElement> & {\r\n  isCompact: boolean;\r\n  breadcrumbs?: BreadcrumbsViewModel[];\r\n  isProductPage?: boolean;\r\n};\r\n\r\nconst TopLabel = styled(HeadingLabel, {\r\n  margin: {\r\n    top: 0,\r\n    bottom: '16px',\r\n  },\r\n});\r\n\r\nconst ReadMoreWrap = styled.div({\r\n  display: 'flex',\r\n  marginTop: '8px',\r\n});\r\n\r\nconst ReadMore = styled.span({\r\n  color: style.colors.monochrome.a11ygrey,\r\n  cursor: 'pointer',\r\n  textTransform: 'uppercase',\r\n  fontSize: '14px',\r\n  fontWeight: 500,\r\n});\r\n\r\nconst TopContentHeading = styled(H1, {\r\n  wordBreak: 'break-word'\r\n});\r\n\r\nexport const BreadcrumbWrapper = styled((props: BreadcrumbWrapperPropType & StyledProps) => {\r\n  const { isCompact, breadcrumbs, children, isProductPage = false, compose } = props;\r\n\r\n  return (\r\n    <GridWrap className=\"grid\"\r\n      css={compose({\r\n        rowGap: '12px',\r\n        paddingTop: '12px',\r\n        ...(!isCompact && {\r\n          rowGap: '24px',\r\n          ...(!isProductPage && {\r\n            paddingTop: '48px'\r\n          })\r\n        })\r\n      })}\r\n    >\r\n      <styled.Div className={createGridClasses(12, 1)}\r\n        css={{\r\n          ...(isCompact && {\r\n            marginLeft: '-12px',\r\n            marginRight: '-12px',\r\n          }),\r\n          ...(!isCompact && isProductPage && {\r\n            paddingTop: '48px'\r\n          })\r\n        }}\r\n      >\r\n        {breadcrumbs && <Breadcrumbs vertical={!isCompact} breadcrumbs={breadcrumbs} isCompact={isCompact} isProductPage={isProductPage} />}\r\n      </styled.Div>\r\n      {children}\r\n    </GridWrap>\r\n  );\r\n});\r\n\r\nconst TopContentWideWrapper = styled(BreadcrumbWrapper, {\r\n  padding: { bottom: '24px' },\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    padding: { bottom: '48px' }\r\n  },\r\n})\r\n\r\nexport const TopContentWide = (props: TopContentWidePropType) => {\r\n  const { isCompact, breadcrumbs, children } = props;\r\n  return (\r\n    <TopContentWideWrapper\r\n      isCompact={isCompact}\r\n      breadcrumbs={breadcrumbs}\r\n    >\r\n      <TopContent {...props} isCompact={isCompact}>\r\n        {children}\r\n      </TopContent>\r\n    </TopContentWideWrapper>\r\n  );\r\n};\r\n\r\nconst TopContentButton = styled(SolidButton, {\r\n  display: 'inline-flex',\r\n  marginTop: '12px',\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    marginTop: '24px',\r\n  },\r\n})\r\n\r\nconst TopContentIntro = styled.p({\r\n  margin: { xy: 0 },\r\n  padding: { xy: 0 }\r\n})\r\n\r\nconst TopContentWrap = styled.div({\r\n  ['@media ' + style.mediaUpToLarge]: {\r\n    marginTop: '16px',\r\n  },\r\n})\r\n\r\nconst TopContentChildren = styled.div({\r\n  marginTop: '24px',\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    marginTop: '48px',\r\n  },\r\n})\r\n\r\nexport const TopContent = (props: TopContentPropType) => {\r\n  const {\r\n    isCompact,\r\n    label,\r\n    heading,\r\n    headingSize,\r\n    modalButtonText,\r\n    modalButtonClick,\r\n    modalButtonIconAfter,\r\n    intro,\r\n    children,\r\n    handleReadMore = false,\r\n    readMoreLabel = ''\r\n  } = props;\r\n  return (\r\n    <div className={createGridClasses(12, 11, createOffsetGridClassLarge(2) + (isCompact ? '' : ' grid subgrid-11 row__content-wrap'))}>\r\n      {label && <TopLabel className={createGridClasses(12, 11)}>{label}</TopLabel>}\r\n      <div className={createGridClasses(12, 6)}>\r\n        <div>\r\n          <TopContentHeading fontSize={headingSize}>{heading}</TopContentHeading>\r\n          {modalButtonText && (\r\n            <TopContentButton\r\n              height={ButtonHeight.Small}\r\n              padding={{ x: 12 }}\r\n              text={modalButtonText}\r\n              onClick={() => modalButtonClick()}\r\n              iconAfter={modalButtonIconAfter && modalButtonIconAfter}\r\n              theme={ButtonTheme.WhiteToBlack}\r\n            />\r\n          )}\r\n        </div>\r\n      </div>\r\n      <TopContentWrap className={createGridClasses(12, 3, createOffsetGridClassLarge(8))}>\r\n        <TopContentIntro>{intro}</TopContentIntro>\r\n        {handleReadMore &&\r\n          <ReadMoreWrap>\r\n            <ReadMore onClick={() => {\r\n              if (typeof handleReadMore !== 'function') {\r\n                return\r\n              }\r\n              handleReadMore()\r\n            }}>\r\n              {readMoreLabel}\r\n            </ReadMore>\r\n          </ReadMoreWrap>\r\n        }\r\n      </TopContentWrap>\r\n      <TopContentChildren className={createGridClasses(12, 11)}>\r\n        {children}\r\n      </TopContentChildren>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\n\r\ntype ConnectedPropType = {\r\n  type: string;\r\n  url: string;\r\n};\r\n\r\ntype PropType = ConnectedPropType;\r\n\r\nclass VideoSource extends React.Component<PropType> {\r\n  render() {\r\n    const props = this.props;\r\n    const { type, url } = props;\r\n    let videoType = 'video/mp4';\r\n    switch(type)\r\n    {\r\n      case 'HLS':\r\n        videoType = 'application/x-mpegURL';\r\n        break;\r\n      case 'MP4':\r\n        videoType = 'video/mp4';\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <source src={url} type={videoType} />\r\n    );\r\n  }\r\n}\r\n\r\nexport default VideoSource;\r\n","import React, { useEffect, useRef } from 'react';\r\nimport VideoSourceType from 'Shared/ViewModels/VideoSourceViewModel.type';\r\nimport Hls from \"hls.js\";\r\nimport VideoSource from './VideoSource';\r\n\r\ntype VideoType = {\r\n  videoRef?: React.MutableRefObject<HTMLVideoElement>;\r\n  autoPlay: boolean;\r\n  loop: boolean;\r\n  muted: boolean;\r\n  isMobile: boolean;\r\n  coverContent: boolean;\r\n  playsInline: boolean;\r\n  fixedVideo?: boolean;\r\n  sources?: VideoSourceType[];\r\n  onEnded?: () => void,\r\n};\r\n\r\nconst VideoPlayer = (props: VideoType) => {\r\n  const { sources, videoRef, autoPlay, loop, muted, isMobile, fixedVideo = false, coverContent, playsInline } = props;\r\n  const playerRef = videoRef ? videoRef : useRef<HTMLVideoElement>(null);\r\n\r\n  useEffect(() => {\r\n    if(playerRef && playerRef.current) {\r\n\r\n      const video = playerRef.current;\r\n      const hlsSource = sources?.find(x => x.type === 'HLS' && (x.device === 'ALL' || x.device === (isMobile ? 'MOBILE' : 'DESKTOP')));\r\n      if (hlsSource && Hls.isSupported()) {\r\n        var hls = new Hls();\r\n        hls.loadSource(hlsSource.url);\r\n        hls.attachMedia(video);\r\n        hls.on(Hls.Events.MANIFEST_PARSED, function() { \r\n          if(autoPlay) {\r\n            video.play();\r\n          }\r\n        });\r\n      } else if (hlsSource && video.canPlayType('application/vnd.apple.mpegurl')) {\r\n        video.src = hlsSource.url;\r\n      }\r\n\r\n      if(!muted) {\r\n        video.volume = 0.5;\r\n      }\r\n    }\r\n  }, []);\r\n  \r\n  return (\r\n    <video\r\n      className=\"videoCanvas\"\r\n      ref={playerRef}\r\n      autoPlay={autoPlay}\r\n      loop={loop}\r\n      muted={muted}\r\n      playsInline={playsInline}\r\n      onEnded={props.onEnded}\r\n      style={{\r\n        ...(coverContent && {\r\n          width: '100%',\r\n          ...(fixedVideo ? { zIndex: -1, height: 'auto', position: 'fixed', top: 0, left: 0 } : { height: '100%' }),\r\n          objectFit: 'cover',\r\n          objectPosition: 'center center',\r\n        })\r\n      }}\r\n    >\r\n      {sources?.filter(x => x.type !== \"HLS\").map((source, i) => {\r\n          return (\r\n            ((source.device === 'ALL' ||\r\n              (source.device === 'DESKTOP' && !isMobile) ||\r\n              (source.device === 'MOBILE' && isMobile)) && source.type !== 'HLS') && (\r\n                <VideoSource key={i} type={source.type} url={source.url} />\r\n            )\r\n          );\r\n        })} \r\n    </video>\r\n  );\r\n};\r\n\r\nexport default VideoPlayer;\r\n\r\n","import { styled } from '@glitz/react';\r\nimport React, { useRef, useEffect }  from 'react';\r\nimport Link from 'Shared/Link';\r\nimport { TextLabel } from './Typography';\r\nimport { Down12x12, Right12x12 } from 'Shared/Icons/Chevron';\r\nimport BreadcrumbsViewModel from 'Shared/Breadcrumbs/BreadcrumbsViewModel.type';\r\nimport * as style from 'Shared/Style';\r\n\r\nconst BaseWrap = styled.div({\r\n  textDecoration: 'none',\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  padding: { xy: '0px' },\r\n})\r\n\r\nconst VerticalWrap = styled(BaseWrap, {\r\n  transform: 'rotate(180deg)',\r\n  justifyContent: 'center',\r\n  writingMode: 'vertical-rl',\r\n  alignItems: 'start',\r\n  ['@media ' + style.mediaUpToLarge]: {\r\n    padding: {\r\n      x: '12px'\r\n    }\r\n  },\r\n})\r\n\r\nconst HorizontalWrap = styled(BaseWrap, {\r\n  alignItems: 'center',\r\n  flexWrap: 'nowrap',\r\n  overflowX: 'auto',\r\n  overflowY: 'hidden',\r\n  scrollbarWidth: 'none',\r\n  //@ts-ignore\r\n  '-ms-overflow-style': 'none',\r\n  '::-webkit-scrollbar': {\r\n    display: 'none'\r\n  },\r\n  ['@media ' + style.mediaUpToLarge]: {\r\n    padding: {\r\n      x: '12px'\r\n    }\r\n  },\r\n})\r\n\r\nconst ListWrap = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n})\r\n\r\nconst ListItem = styled.div({\r\n  display: 'flex',\r\n  gap: '2px',\r\n  alignItems: 'center',\r\n})\r\n\r\nconst BreadCrumbLink = styled(Link, {\r\n  whiteSpace: 'nowrap',\r\n  textDecoration: 'none',\r\n  padding: { xy: '0px' },\r\n})\r\n\r\nexport const Breadcrumbs = (props: { breadcrumbs: BreadcrumbsViewModel[]; vertical?: boolean; white?: boolean, isProductPage?: boolean, isCompact?: boolean }) => {\r\n  const { vertical, breadcrumbs, white, isCompact, isProductPage } = props;\r\n  const opaqueColor = white ? style.colors.monochrome.white : style.colors.monochrome.black;\r\n  const halfTransparentColor = white\r\n    ? style.colors.rgbaFilters.white50\r\n    : style.colors.rgbaFilters.black50;\r\n\r\n  if (breadcrumbs?.length < 1) {\r\n    return <></>;\r\n  }\r\n\r\n  const containerRef = useRef<HTMLDivElement>(null)\r\n\r\n  useEffect(() => {\r\n    if (vertical) {\r\n      return () => {}\r\n    }\r\n    if(containerRef && containerRef.current !== null) {\r\n      containerRef.current.scrollLeft = containerRef.current.offsetWidth; \r\n    }\r\n\r\n    return () => {} \r\n  }, [breadcrumbs])\r\n  const Wrapper = vertical ? VerticalWrap : HorizontalWrap;\r\n  return (\r\n    <Wrapper ref={containerRef}>\r\n      <ListWrap\r\n        itemType=\"http://schema.org/BreadcrumbList\"\r\n        itemScope\r\n      >\r\n      {breadcrumbs?.map((crumb, index, array) => {\r\n        return (\r\n          <ListItem key={index}>\r\n            {index !== 0 &&\r\n              (vertical ? (\r\n                <Down12x12 \r\n                  css={{\r\n                    color: index === array.length - 1 ? opaqueColor : halfTransparentColor,\r\n                  }}\r\n                />\r\n              ) : (\r\n                <Right12x12 \r\n                css={{\r\n                  color: index === array.length - 1 ? opaqueColor : halfTransparentColor,\r\n                }}\r\n                />\r\n              )\r\n              )\r\n            }\r\n            <div\r\n              key={index}\r\n              itemProp=\"itemListElement\"\r\n                itemType=\"http://schema.org/ListItem\"\r\n                itemScope\r\n            >\r\n              <BreadCrumbLink\r\n                css={{\r\n                  color: index === array.length - 1 ? opaqueColor : halfTransparentColor,\r\n                }}\r\n                to={crumb.url}\r\n                title={crumb.text}\r\n                key={index}\r\n                itemProp=\"item\" \r\n              >\r\n                <TextLabel>{crumb.text}</TextLabel>  \r\n              </BreadCrumbLink>\r\n              <meta itemProp=\"position\" content={String(index + 1)} />\r\n              <meta itemProp=\"name\" content={crumb.text} />\r\n              <meta itemProp=\"url\" content={`${window.location.protocol}//${window.location.host}${crumb.url}`} />\r\n            </div>\r\n          </ListItem>\r\n        );\r\n      })}\r\n      </ListWrap>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n","import React, { Component } from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { Plus24x24 } from 'Shared/Icons/Plus';\r\nimport * as style from 'Shared/Style';\r\nimport Button, { Appearance as ButtonAppearance } from 'Shared/Button';\r\n\r\nconst spacingStyle = {\r\n  // When the accordion is stretched to full viewport width we want\r\n  // to narrows the content like with page components\r\n  marginLeft: 'auto',\r\n  marginRight: 'auto',\r\n};\r\n\r\ntype HeaderWrapperType = React.HTMLAttributes<HTMLDivElement> & {\r\n  \r\n};\r\nconst HeaderWrapper: React.StatelessComponent<HeaderWrapperType> = props => {\r\n  const { ...restProps } = props;\r\n  return (\r\n    <styled.Div\r\n      {...restProps}\r\n    />\r\n  );\r\n};\r\n\r\nconst Header = styled(Button, {\r\n  width: '100%',\r\n  height: '100%',\r\n  textAlign: 'left',\r\n  paddingTop: 0,\r\n  paddingBottom: 0\r\n});\r\n\r\ntype HeaderLayoutPropType = React.HTMLAttributes<HTMLDivElement> &\r\n  StyledProps & {\r\n    padding: boolean;\r\n  };\r\n\r\nconst HeaderLayout = styled((props: HeaderLayoutPropType) => {\r\n  const { padding, compose, ...restProps } = props;\r\n  return (\r\n    <styled.Div\r\n      {...restProps}\r\n      css={compose({\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        ...spacingStyle,\r\n      })}\r\n    />\r\n  );\r\n});\r\n\r\nconst DURATION = 300;\r\n\r\ntype BodyStyleType = React.HTMLAttributes<HTMLDivElement> &\r\n  StyledProps & {\r\n    shouldTranslateHeight: boolean;\r\n  };\r\nconst Body = styled((props: BodyStyleType) => {\r\n  const { shouldTranslateHeight, compose, ...restProps } = props;\r\n  return (\r\n    <styled.Div\r\n      {...restProps}\r\n      css={compose({\r\n        position: 'relative',\r\n        overflow: 'hidden',\r\n        ...spacingStyle,\r\n        ...(shouldTranslateHeight && {\r\n          ...style.transition({\r\n            property: 'height',\r\n            duration: `${DURATION}ms`,\r\n            willChange: true,\r\n          }),\r\n        }),\r\n      })}\r\n    />\r\n  );\r\n});\r\n\r\nconst Panel = styled.div({\r\n  position: 'absolute',\r\n  right: 0,\r\n  bottom: 0,\r\n  left: 0,\r\n});\r\n\r\nconst IconWrap = styled.div({\r\n  display: 'inline-flex',\r\n})\r\n\r\nconst Plus = styled(Plus24x24, {\r\n  transition: {\r\n    property: 'transform',\r\n    duration: 300,\r\n  },\r\n});\r\n\r\nexport const AccordionHeader = styled.span({\r\n  lineHeight: '130%',\r\n  fontWeight: 500,\r\n  fontSize: 20,\r\n  marginBottom: 0,\r\n  display: 'inline-block'\r\n});\r\n\r\ntype StateType = {\r\n  height?: number;\r\n  shouldTranslateHeight?: boolean;\r\n};\r\n\r\ntype PropType = {\r\n  header: string | React.ReactNode;\r\n  onToggle: () => void;\r\n  isOpen?: boolean;\r\n  className?: string;\r\n  hasLinks?: boolean;\r\n  extraPadding?: boolean;\r\n  noBorder?: boolean;\r\n  children?: string | React.ReactNode;\r\n  upperCaseHeading?: boolean;\r\n  headerFontSize?: string;\r\n  iconWidth?: string;\r\n  isCompact?: boolean;\r\n  borderWidth?: number; \r\n  fontWeight?: number;\r\n  disabled?: boolean;\r\n /*  css?: StyledDecorator | StyleOrStyleArray<Style>; */\r\n};\r\n\r\nconst Accordion = styled(\r\n  class AccordionClass extends Component<PropType & StyledProps, StateType> {\r\n    mounted = false;\r\n    state = {\r\n      height: 0,\r\n      shouldTranslateHeight: true,\r\n    };\r\n    componentWillReceiveProps(nextProps: PropType) {\r\n      if (nextProps.isOpen !== this.props.isOpen) {\r\n        this.setState({ shouldTranslateHeight: true });\r\n      } else {\r\n        this.setState({ shouldTranslateHeight: false });\r\n      }\r\n    }\r\n    shouldComponentUpdate(nextProps: PropType, nextState: StateType) {\r\n      return (\r\n        this.props.isOpen !== nextProps.isOpen ||\r\n        this.props.header !== nextProps.header ||\r\n        this.props.onToggle !== nextProps.onToggle ||\r\n        this.props.children !== nextProps.children ||\r\n        this.state.height !== nextState.height\r\n      );\r\n    }\r\n    componentDidMount() {\r\n      this.mounted = true;\r\n    }\r\n    componentWillUnmount() {\r\n      this.mounted = false;\r\n    }\r\n    updateOffsetHeight(ref: HTMLElement) {\r\n      if (ref) {\r\n        // ref to prevent browser freeze\r\n        requestAnimationFrame(() => {\r\n          const height = ref.offsetHeight;\r\n          if (this.mounted && Math.abs(this.state.height - height) > 2) {\r\n            this.setState({ height });\r\n          }\r\n        });\r\n      }\r\n    }\r\n    render() {\r\n      const { shouldTranslateHeight, height } = this.state;\r\n      const { borderWidth = 1 } = this.props;\r\n      return (\r\n        <styled.Div \r\n          css={this.props.compose({\r\n            ...(!this.props.noBorder && {\r\n              borderBottom: {\r\n                style: 'solid',\r\n                width: borderWidth + 'px',\r\n                color: style.colors.monochrome.black,\r\n              },\r\n              marginBottom: '16px',\r\n              paddingBottom: '16px',\r\n            }),\r\n          /* ...this.props.compose(), */\r\n          })}\r\n          >\r\n          <HeaderWrapper>\r\n            <Header\r\n              onClick={() => !this.props.disabled && this.props.onToggle()}\r\n              appearance={[ButtonAppearance.Full, ButtonAppearance.Bare]}\r\n              id={this.props.className}\r\n              className={this.props.isOpen && this.props.className === \"size-guide-button-js\" ? \"open\" : \"\"}       \r\n            >\r\n              <HeaderLayout padding={this.props.extraPadding} css={{...(this.props.disabled && { cursor: 'default'})}}>\r\n                {typeof this.props.header === 'string' ? (\r\n                  <AccordionHeader css={{...(this.props.disabled && { color: style.colors.monochrome.mediumGrey}), ...(this.props.upperCaseHeading && { textTransform: 'uppercase'}), ...(this.props.fontWeight && { fontWeight: this.props.fontWeight}), ...(this.props.headerFontSize && { fontSize: this.props.headerFontSize, lineHeight: '100%'})}}>{this.props.header}</AccordionHeader>\r\n                ) : (\r\n                  this.props.header\r\n                )}\r\n                {!this.props.disabled && \r\n                 <IconWrap>\r\n                  <Plus css={{\r\n                      transform: this.props.isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\r\n                      width: this.props.isCompact ? '16px' : '24px',\r\n                      ...(this.props.iconWidth && {\r\n                        width: this.props.iconWidth\r\n                      })\r\n                    }} />\r\n                  </IconWrap> }\r\n              </HeaderLayout>\r\n            </Header>\r\n          </HeaderWrapper>\r\n          <Body\r\n            shouldTranslateHeight={shouldTranslateHeight}\r\n            css={{ height: this.props.isOpen && height ? `${height}px` : '0px' }}\r\n          >\r\n            <Panel ref={ref => this.updateOffsetHeight(ref)}>{this.props.children}</Panel>\r\n          </Body>\r\n        </styled.Div>\r\n      );\r\n    }\r\n  },\r\n);\r\n\r\nexport default Accordion;\r\n\r\nexport const ToggleableField = styled(Accordion, {\r\n\r\n});\r\n","import factory from './icon';\r\nimport Svg12x12 from './glyphs/Play_12x12.svg';\r\nimport Svg24x24 from './glyphs/Play_24x24.svg';\r\n\r\nexport const Play12x12 = factory(Svg12x12, 12, 12);\r\nexport const Play24x24 = factory(Svg24x24, 24, 24);\r\n","import factory from './icon';\r\nimport Svg34x24 from './glyphs/Sound_34x24.svg';\r\nimport SvgMuted34x24 from './glyphs/SoundMuted_34x24.svg';\r\n\r\nexport const Sound34x24 = factory(Svg34x24, 34, 24);\r\nexport const SoundMuted34x24 = factory(SvgMuted34x24, 34, 24);\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = {\r\n  min: number;\r\n  max: number;\r\n  value: number;\r\n  updateValue: (selectedValue: number) => void;\r\n  width?: number;\r\n};\r\n\r\nconst SliderInput = styled.input({\r\n  appearance: 'none',\r\n  height: '2px',\r\n  borderRadius: '1px',\r\n  backgroundColor: style.colors.monochrome.white,\r\n  '::-webkit-slider-thumb': {\r\n    appearance: 'none',\r\n    width: '4px',\r\n    height: '4px',\r\n    borderRadius: '8px',\r\n    backgroundColor: style.colors.monochrome.white,\r\n    cursor: 'pointer',\r\n    padding: {\r\n      y: '4px',\r\n      x: '4px',\r\n    },\r\n  },\r\n})\r\n\r\nconst Slider = ({ min, max, value, updateValue, width }: PropType) => {\r\n  return (\r\n    <SliderInput\r\n      type=\"range\"\r\n      min={min}\r\n      max={max}\r\n      value={value}\r\n      onChange={(e) => updateValue(parseFloat(e.target.value))}\r\n      css={{\r\n        width: width ? `${width}px` : '100%',\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Slider;\r\n","import React, { RefObject, useEffect, useState } from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { Sound34x24, SoundMuted34x24 } from 'Shared/Icons/Sound';\r\nimport Slider from 'Shared/SharedComponents/atoms/Slider';\r\n\r\ntype PropType = {\r\n  mediaRef: RefObject<HTMLMediaElement>;\r\n};\r\n\r\nconst Wrap = styled.div({\r\n  position: 'relative', height: '100%', display: 'flex', alignItems: 'center', gap: '8px'\r\n})\r\n\r\nconst Sound = styled(Sound34x24, {\r\n  cursor: 'pointer'\r\n})\r\n\r\nconst Muted = styled(SoundMuted34x24, {\r\n  cursor: 'pointer'\r\n})\r\n\r\nconst SoundControls = ({ mediaRef }: PropType) => {\r\n  const [muted, setMuted] = useState(false);\r\n  const [volume, setVolume] = useState(0);\r\n\r\n  useEffect(() => {\r\n    if (mediaRef?.current) {\r\n      setMuted(mediaRef.current.muted);\r\n      setVolume(mediaRef.current.volume);\r\n    }\r\n  }, [mediaRef]);\r\n\r\n  const mute = () => {\r\n    if (mediaRef?.current) {\r\n      mediaRef.current.muted = true;\r\n      setMuted(true);\r\n    }\r\n  };\r\n\r\n  const unmute = () => {\r\n    if (mediaRef?.current) {\r\n      mediaRef.current.muted = false;\r\n      setMuted(false);\r\n      if (volume === 0) {\r\n        setVolume(0.5);\r\n      }\r\n    }\r\n  };\r\n\r\n  const adjustVolume = (selectedVolume: number) => {\r\n    let newVolume = Math.min(Math.max(selectedVolume, 0), 1);\r\n    if (mediaRef?.current) {\r\n      mediaRef.current.volume = newVolume;\r\n      setVolume(newVolume);\r\n      if (newVolume === 0) {\r\n        setMuted(true);\r\n      } else if (muted) {\r\n        setMuted(false);\r\n      }\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Wrap>\r\n      {muted ? (\r\n        <Muted onClick={unmute} />\r\n      ) : (\r\n        <Sound onClick={mute} />\r\n      )}\r\n      <Slider\r\n        min={0}\r\n        max={48}\r\n        value={muted ? 0 : 48 * volume}\r\n        updateValue={(selectedValue) => {\r\n          adjustVolume(selectedValue / 48);\r\n        }}\r\n        width={48}\r\n      />\r\n    </Wrap>\r\n  );\r\n};\r\n\r\nexport default SoundControls;\r\n","import React, { RefObject, useState } from 'react';\r\nimport Slider from 'Shared/SharedComponents/atoms/Slider';\r\n\r\ntype PropType = {\r\n  mediaRef: RefObject<HTMLMediaElement>;\r\n};\r\n\r\nconst TimeControls = ({ mediaRef }: PropType) => {\r\n  const [currentTime, setCurrentTime] = useState(0);\r\n  const [duration, setDuration] = useState(1);\r\n\r\n  const interval = setInterval(() => {\r\n    if (mediaRef.current && mediaRef.current.readyState > 0) {\r\n      setCurrentTime(mediaRef.current.currentTime);\r\n      setDuration(mediaRef.current.duration);\r\n\r\n      clearInterval(interval);\r\n    }\r\n  }, 200);\r\n\r\n  const skipToTime = (selectedTime: number) => {\r\n    if (mediaRef.current) {\r\n      const newTime = Math.min(Math.max(selectedTime, 0), duration);\r\n      mediaRef.current.currentTime = newTime;\r\n      setCurrentTime(newTime);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Slider\r\n      min={0}\r\n      max={1000}\r\n      value={(currentTime * 1000) / duration}\r\n      updateValue={(selectedValue) => {\r\n        skipToTime((selectedValue * duration) / 1000);\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default TimeControls;\r\n","import factory from './icon';\r\nimport Svg24x24 from './glyphs/Pause_24x24.svg';\r\n\r\nexport const Pause24x24 = factory(Svg24x24, 24, 24);\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { Pause24x24 } from 'Shared/Icons/Pause';\r\nimport { Play24x24 } from 'Shared/Icons/Play';\r\n\r\nconst Play = styled(Play24x24, {\r\n  cursor: 'pointer'\r\n})\r\n\r\nconst Pause = styled(Pause24x24, {\r\n  cursor: 'pointer'\r\n})\r\n\r\ntype PropType = {\r\n  isPlaying: boolean;\r\n  play: () => void;\r\n  pause: () => void;\r\n};\r\n\r\nconst PlayControls = ({ isPlaying, play, pause }: PropType) => {\r\n  return isPlaying ? (\r\n    <Pause onClick={pause} />\r\n  ) : (\r\n    <Play onClick={play} />\r\n  );\r\n};\r\n\r\nexport default PlayControls;\r\n","import factory from './icon';\r\nimport Svg24x24 from './glyphs/Maximize_24x24.svg';\r\n\r\nexport const Maximize24x24 = factory(Svg24x24, 24, 24);\r\n","import factory from './icon';\r\nimport Svg24x24 from './glyphs/Minimize_24x24.svg';\r\n\r\nexport const Minimize24x24 = factory(Svg24x24, 24, 24);\r\n","import React, { RefObject, useLayoutEffect } from 'react';\r\nimport { Maximize24x24 } from 'Shared/Icons/Maximize';\r\nimport { Minimize24x24 } from 'Shared/Icons/Minimize';\r\n\r\ntype PropType = {\r\n  mediaRef: RefObject<HTMLMediaElement>;\r\n  isMaximized: boolean;\r\n  updateIsMaximized: (selectedValue: boolean) => void;\r\n};\r\n\r\nconst MaximizeControls = ({ mediaRef, isMaximized, updateIsMaximized }: PropType) => {\r\n  useLayoutEffect(() => {\r\n    document.onfullscreenchange = () => {\r\n      if (document.fullscreenElement === null) {\r\n        updateIsMaximized(false);\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      document.onfullscreenchange = null;\r\n    };\r\n  });\r\n\r\n  const maximize = () => {\r\n    mediaRef.current?.parentElement?.parentElement?.requestFullscreen();\r\n    updateIsMaximized(true);\r\n  };\r\n\r\n  const minimize = () => {\r\n    document.exitFullscreen();\r\n    updateIsMaximized(false);\r\n  };\r\n\r\n  return isMaximized ? (\r\n    <Minimize24x24 onClick={minimize} css={{ cursor: 'pointer' }} />\r\n  ) : (\r\n    <Maximize24x24 onClick={maximize} css={{ cursor: 'pointer' }} />\r\n  );\r\n};\r\n\r\nexport default MaximizeControls;\r\n","import React, { ReactNode, useEffect, useRef, useState } from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { ButtonHeight, ButtonTheme, SolidButton } from 'Shared/TextButtons';\r\nimport VideoSourceType from 'Shared/ViewModels/VideoSourceViewModel.type';\r\nimport * as style from 'Shared/Style';\r\nimport { ViewportSizeVideoBackground } from 'Shared/SharedComponents/molecules/ImageVideoBackground';\r\nimport { OverlayNotABackdrop } from 'Shared/SharedComponents/atoms/AspectRatio';\r\nimport SoundControls from './SoundControls';\r\nimport TimeControls from './TimeControls';\r\nimport PlayControls from './PlayControls';\r\nimport MaximizeControls from './MaximizeControls';\r\nimport { Plus12x12 } from 'Shared/Icons/Plus';\r\nimport VideoPlayer from 'Shared/Video/VideoPlayer'\r\nimport { Preset } from 'Shared/image-sizes';\r\n\r\ntype PropType = {\r\n  videoSources: VideoSourceType[];\r\n  previewImage: { url?: string };\r\n  previewImagePreset?: Preset;\r\n  previewVideoSources?: VideoSourceType[];\r\n  isCompact: boolean;\r\n  children?: ReactNode;\r\n  videoStarted: boolean;\r\n  stopVideo?: () => void;\r\n  loop?: boolean;\r\n  muted?: boolean;\r\n  buttonsInControls?: { text: string; onClick: () => void }[];\r\n};\r\n\r\nconst Wrap = styled.div({\r\n  position: 'relative', height: '100%', overflow: 'hidden', alignSelf: 'normal'\r\n})\r\n\r\nconst VideoStopped = styled.div({\r\n  display: 'flex',\r\n  height: '100%',\r\n  width: '100%',\r\n  position: 'absolute',\r\n  top: 0,\r\n  flexDirection: 'column',\r\n  color: style.colors.monochrome.white,\r\n})\r\n\r\nconst VideoStartedWrap = styled.div({\r\n  height: '100%',\r\n  width: '100%',\r\n  position: 'absolute',\r\n  top: 0,\r\n  paddingBottom: '40px',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'end',\r\n  color: style.colors.monochrome.white,\r\n  gap: '32px',\r\n})\r\n\r\nconst VideoStartedWrapDesktop = styled(VideoStartedWrap, {\r\n  gap: '16px',\r\n})\r\n\r\nconst TimeControlWrapMobile = styled.div({\r\n  width: '100%',\r\n  padding: { x: '24px' },\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  alignItems: 'center',\r\n})\r\n\r\nconst ButtonsWrapDesktop = styled.div({\r\n  width: '100%',\r\n  padding: { x: '40px' },\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  gap: '8px',\r\n  alignItems: 'center',\r\n  justifyContent: 'end',\r\n})\r\n\r\nconst ButtonsWrapMobile = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  gap: '8px',\r\n})\r\n\r\nconst PlusIcon = styled(Plus12x12, {\r\n  marginLeft: '8px'\r\n})\r\n\r\nconst OuterBase = styled.div({\r\n  width: '100%',\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  gap: '24px',\r\n  alignItems: 'center',\r\n})\r\n\r\nconst OuterMobile = styled(OuterBase, {\r\n  padding: { x: '32px' },\r\n  justifyContent: 'space-between',\r\n})\r\n\r\nconst OuterDesktop = styled(OuterBase, {\r\n  padding: { x: '40px' },\r\n})\r\n\r\nconst Inner = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  gap: '24px',\r\n  alignItems: 'center',\r\n})\r\n\r\nconst Video = ({\r\n  videoSources,\r\n  previewImage,\r\n  previewImagePreset,\r\n  previewVideoSources,\r\n  isCompact,\r\n  videoStarted,\r\n  stopVideo = () => { },\r\n  children,\r\n  loop = false,\r\n  muted = false,\r\n  buttonsInControls,\r\n}: PropType) => {\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [isMaximized, setIsMaximized] = useState(false);\r\n\r\n  const play = () => {\r\n    videoRef.current?.play();\r\n    setIsPlaying(true);\r\n  };\r\n\r\n  const pause = () => {\r\n    videoRef.current?.pause();\r\n    setIsPlaying(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (videoStarted) {\r\n      play();\r\n    }\r\n  }, [videoStarted]);\r\n\r\n  const VideoStartedWrapElement = isCompact ? VideoStartedWrap : VideoStartedWrapDesktop;\r\n  const Outer = isCompact ? OuterMobile : OuterDesktop;\r\n  return (\r\n    <Wrap>\r\n      <ViewportSizeVideoBackground\r\n        image={previewImage}\r\n        preset={previewImagePreset}\r\n        videoSources={videoStarted ? null : previewVideoSources}\r\n        breakPoint={isCompact ? 0 : 1}\r\n        height={'100%'}\r\n      >\r\n        {videoStarted && (\r\n          <OverlayNotABackdrop>\r\n            <VideoPlayer\r\n              autoPlay\r\n              videoRef={videoRef}\r\n              loop={loop}\r\n              muted={muted}\r\n              coverContent\r\n              playsInline={isCompact}\r\n              isMobile={isCompact}\r\n              sources={videoSources}\r\n              onEnded={() => stopVideo()}\r\n            />\r\n          </OverlayNotABackdrop>\r\n        )}\r\n        {!videoStarted && (\r\n          <VideoStopped>\r\n            {children}\r\n          </VideoStopped>\r\n        )}\r\n        {videoStarted && !loop && (\r\n          <VideoStartedWrapElement\r\n            id=\"video-controls\"\r\n            className=\"controls\"\r\n            onClick={(event) => {\r\n              if (event.target === event.currentTarget) {\r\n                if (isPlaying) {\r\n                  pause();\r\n                } else {\r\n                  play();\r\n                }\r\n              }\r\n            }}\r\n          >\r\n            {!isCompact && buttonsInControls && buttonsInControls.length > 0 && (\r\n              <ButtonsWrapDesktop>\r\n                {buttonsInControls.map((buttonInControls, index) => {\r\n                  return (\r\n                    <SolidButton\r\n                      key={index}\r\n                      text={buttonInControls.text}\r\n                      onClick={() => buttonInControls.onClick()}\r\n                      iconAfter={<PlusIcon />}\r\n                      padding={{ x: 16 }}\r\n                      height={ButtonHeight.Video}\r\n                      theme={ButtonTheme.TransparentWhite}\r\n                    />\r\n                  );\r\n                })}\r\n              </ButtonsWrapDesktop>\r\n            )}\r\n            <Outer>\r\n              <Inner>\r\n                <PlayControls isPlaying={isPlaying} play={play} pause={pause} />\r\n                <SoundControls mediaRef={videoRef} />\r\n                {isCompact && buttonsInControls && buttonsInControls.length > 0 && (\r\n                  <ButtonsWrapMobile>\r\n                    {buttonsInControls.map((buttonInControls, index) => {\r\n                      return (\r\n                        <SolidButton\r\n                          key={index}\r\n                          text={buttonInControls.text}\r\n                          onClick={() => buttonInControls.onClick()}\r\n                          iconAfter={<PlusIcon />}\r\n                          padding={{ x: 16 }}\r\n                          height={ButtonHeight.Video}\r\n                          theme={ButtonTheme.TransparentWhite}\r\n                        />\r\n                      );\r\n                    })}\r\n                  </ButtonsWrapMobile>\r\n                )}\r\n              </Inner>\r\n              {!isCompact && <TimeControls mediaRef={videoRef} />}\r\n              <MaximizeControls mediaRef={videoRef} isMaximized={isMaximized} updateIsMaximized={setIsMaximized} />\r\n            </Outer>\r\n            {isCompact && (\r\n              <TimeControlWrapMobile>\r\n                <TimeControls mediaRef={videoRef} />\r\n              </TimeControlWrapMobile>\r\n            )}\r\n          </VideoStartedWrapElement>\r\n        )}\r\n      </ViewportSizeVideoBackground>\r\n    </Wrap>\r\n  );\r\n};\r\n\r\nexport default Video;","import connect from 'Shared/connect';\r\nimport { isCompact as functionIsCompact } from 'Shared/Viewport';\r\nimport { styled } from '@glitz/react';\r\nimport { Left32x32, Right32x32 } from 'Shared/Icons/ArrowCircle';\r\nimport { TextBlock, TextLabel, ResponsiveSize } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { translate } from '@polarnopyret/scope/index';\r\nimport React from 'react';\r\nimport * as style from 'Shared/Style';\r\n\r\nconst SHOW_ALL_PAGES = 6\r\n\r\nconst PagingWrap = styled.div({\r\n  marginTop: '80px',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'center',\r\n  gap: '16px',\r\n})\r\n\r\nconst PagingInner = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  ['@media ' + style.mediaUpToLarge]: {\r\n    width: '100%'\r\n  },\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    gap: '32px'\r\n  },\r\n})\r\n\r\nconst PagingLeftWrap = styled.div({\r\n  ['@media ' + style.mediaUpToLarge]: {\r\n    flexGrow: 1,\r\n  },\r\n})\r\n\r\nconst PagingNumberWrap = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  gap: '24px',\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    gap: '16px',\r\n  },\r\n})\r\n\r\nconst PagingRightWrap = styled.div({\r\n  ['@media ' + style.mediaUpToLarge]: {\r\n    flexGrow: 1,\r\n    textAlign: 'right'\r\n  },\r\n})\r\n\r\nconst Pagination = connect((state) => ({\r\n  currentBreakpoint: state.currentBreakpoint,\r\n}))(\r\n  (props: {\r\n    pageCount: number;\r\n    currentPage: number;\r\n    totalItemCount: number;\r\n    totalItemCountTextColor: string;\r\n    currentlyDisplayedItemCount: number;\r\n    navigateToPage: (page: number) => void;\r\n    currentBreakpoint: number;\r\n    totalItemCountLabel?: string;\r\n    inactiveColorAlpha?: number;\r\n  }) => {\r\n    const { pageCount, currentPage, navigateToPage, totalItemCount, currentlyDisplayedItemCount, totalItemCountLabel, totalItemCountTextColor, inactiveColorAlpha = 0.6 } =\r\n      props;\r\n    const isCompact = functionIsCompact(props.currentBreakpoint);\r\n    const secondaryColor = style.hex2rgba(style.colors.monochrome.black, inactiveColorAlpha);\r\n    \r\n    let pages: string[] = []\r\n    for (let i = 0; i < pageCount; i++) {\r\n      const pageNum = i + 1\r\n      const lastPageNumInArr: String | undefined = pages[pages.length - 1]\r\n\r\n      if (pageCount <= SHOW_ALL_PAGES) {\r\n        pages.push(String(pageNum))\r\n        continue;\r\n      }\r\n\r\n      if (pageNum === 1) {\r\n        // First page, add this - Always visible\r\n        pages.push(String(pageNum))\r\n        continue;\r\n      }\r\n\r\n      if (pageNum === pageCount) {\r\n        // Last page, add this - Always visible\r\n        pages.push(String(pageNum))\r\n        continue\r\n      }\r\n\r\n      if (pageNum === currentPage - 1 && pageNum + 3 !== pageCount) {\r\n        pages.push(String(pageNum))\r\n        continue\r\n      }\r\n\r\n      if (pageNum === currentPage + 1 && pageNum - 3 !== 1) {\r\n        pages.push(String(pageNum))\r\n        continue        \r\n      }\r\n\r\n      if (currentPage === 1 && pageNum === 3) {\r\n        pages.push(String(pageNum))\r\n        continue        \r\n      }\r\n\r\n      if (pageNum === currentPage) {\r\n        pages.push(String(pageNum))\r\n        continue\r\n      }\r\n\r\n      if (lastPageNumInArr !== undefined && lastPageNumInArr !== '...') {\r\n        pages.push('...')\r\n        continue\r\n      }\r\n    }\r\n\r\n    return (\r\n      <PagingWrap>\r\n        {pageCount > 1 && \r\n          <PagingInner>\r\n            <PagingLeftWrap>\r\n              <Left32x32\r\n                css={{\r\n                  cursor: currentPage === 1 ? undefined : 'pointer',\r\n                  color:\r\n                    currentPage === 1\r\n                      ? secondaryColor\r\n                      : style.colors.monochrome.black,\r\n                }}\r\n                onClick={() => {\r\n                  if (currentPage !== 1) {\r\n                    navigateToPage(currentPage - 1);\r\n                  }\r\n                }}\r\n              />\r\n            </PagingLeftWrap>\r\n            <PagingNumberWrap>\r\n              {pages.map((page, idx) => {\r\n                if (page === '...') {\r\n                  return <styled.Div\r\n                    css={{\r\n                      color: `${style.colors.rgbaFilters.black50}`,\r\n                    }}\r\n                    key={idx}\r\n                    >\r\n                    <TextBlock fontSize={ResponsiveSize.D32_M32}>...</TextBlock>\r\n                  </styled.Div>\r\n                }\r\n\r\n                return <styled.Div\r\n                  onClick={() => navigateToPage(Number(page))}\r\n                  key={idx}\r\n                  css={{\r\n                    color:\r\n                      currentPage === Number(page)\r\n                        ? `${style.colors.monochrome.black}`\r\n                        : `${style.colors.rgbaFilters.black50}`,\r\n                    cursor: 'pointer',\r\n                  }}\r\n                  >\r\n                  <TextBlock fontSize={ResponsiveSize.D32_M32}>{page}</TextBlock>\r\n                  </styled.Div>\r\n              })}\r\n            </PagingNumberWrap>\r\n            <PagingRightWrap>\r\n              <Right32x32\r\n                css={{\r\n                  cursor: currentPage === pageCount ? undefined : 'pointer',\r\n                  color:\r\n                    currentPage === pageCount\r\n                      ? secondaryColor\r\n                      : style.colors.monochrome.black,\r\n                }}\r\n                onClick={() => {\r\n                  if (currentPage !== pageCount) {\r\n                    navigateToPage(currentPage + 1);\r\n                  }\r\n                }}\r\n              />\r\n            </PagingRightWrap>\r\n          </PagingInner>\r\n        }\r\n        <TextLabel color={totalItemCountTextColor}>\r\n          {totalItemCountLabel ?? translate('/site/shared/displaynritems', currentlyDisplayedItemCount, totalItemCount)}\r\n        </TextLabel>\r\n      </PagingWrap>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Pagination;\r\n","var React = require('react');\n\nfunction Play12x12 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Inverted=off, Size=12x12\"},React.createElement(\"path\",{\"id\":\"Polygon 2\",\"d\":\"M10.496 6.868L12.016 6l-1.52-.868-7-4L2 .277v11.446l1.496-.855 7-4z\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinejoin\":\"round\"})));\n}\n\nPlay12x12.defaultProps = {\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\"};\n\nmodule.exports = Play12x12;\n\nPlay12x12.default = Play12x12;\n","var React = require('react');\n\nfunction Play24x24 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Inverted=off, Size=24x24\"},React.createElement(\"path\",{\"id\":\"Polygon 2\",\"d\":\"M21.784 13.77c1.425-.75 1.425-2.79 0-3.54L5.932 1.887C4.6 1.186 3 2.15 3 3.657v16.687c0 1.505 1.6 2.47 2.931 1.77l15.853-8.344z\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\"})));\n}\n\nPlay24x24.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"};\n\nmodule.exports = Play24x24;\n\nPlay24x24.default = Play24x24;\n","var React = require('react');\n\nfunction Sound34x24 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M21 21a9 9 0 100-18m0 13a4 4 0 000-8\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"key\":0}),React.createElement(\"mask\",{\"id\":\"path-3-outside-1_19324_440601\",\"maskUnits\":\"userSpaceOnUse\",\"x\":\"0\",\"y\":\".133\",\"width\":\"17\",\"height\":\"23\",\"fill\":\"#000\",\"key\":1},[React.createElement(\"path\",{\"fill\":\"#fff\",\"d\":\"M0 .133h17v23H0z\",\"key\":0}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M6.6 9H3a1 1 0 00-1 1v4a1 1 0 001 1h3.6l6.76 5.633a1 1 0 001.64-.768V4.135a1 1 0 00-1.64-.768L6.6 9z\",\"key\":1})]),React.createElement(\"path\",{\"d\":\"M6.6 9v2h.724l.557-.464L6.6 9zm0 6l1.28-1.537L7.324 13H6.6v2zm6.76 5.633l-1.28 1.536 1.28-1.536zM15 4.135h2-2zm-1.64-.768l1.28 1.536-1.28-1.536zM3 10.998h3.6V7H3v4zm1-1a1 1 0 01-1 1V7a3 3 0 00-3 3h4zm0 4v-4H0v4h4zm-1-1a1 1 0 011 1H0a3 3 0 003 3v-4zm3.6 0H3v4h3.6v-4zm-1.28 3.537l6.76 5.633 2.56-3.073-6.76-5.633-2.56 3.073zm6.76 5.633c1.953 1.629 4.92.24 4.92-2.304h-4a1 1 0 011.64-.769l-2.56 3.073zM17 19.865V4.135h-4v15.73h4zm0-15.73C17 1.59 14.033.202 12.08 1.83l2.56 3.073A1 1 0 0113 4.135h4zM12.08 1.83L5.32 7.463l2.56 3.073 6.76-5.633-2.56-3.073z\",\"fill\":\"currentColor\",\"mask\":\"url(#path-3-outside-1_19324_440601)\",\"key\":2})]);\n}\n\nSound34x24.defaultProps = {\"width\":\"34\",\"height\":\"24\",\"viewBox\":\"0 0 34 24\",\"fill\":\"none\"};\n\nmodule.exports = Sound34x24;\n\nSound34x24.default = Sound34x24;\n","var React = require('react');\n\nfunction SoundMuted34x24 (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"mask\",{\"id\":\"path-1-outside-1_19324_440678\",\"maskUnits\":\"userSpaceOnUse\",\"x\":\"0\",\"y\":\".133\",\"width\":\"17\",\"height\":\"23\",\"fill\":\"#000\",\"key\":0},[React.createElement(\"path\",{\"fill\":\"#fff\",\"d\":\"M0 .133h17v23H0z\",\"key\":0}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M6.6 9H3a1 1 0 00-1 1v4a1 1 0 001 1h3.6l6.76 5.633a1 1 0 001.64-.768V4.135a1 1 0 00-1.64-.768L6.6 9z\",\"key\":1})]),React.createElement(\"path\",{\"d\":\"M6.6 9v2h.724l.557-.464L6.6 9zm0 6l1.28-1.537L7.324 13H6.6v2zm6.76 5.633l-1.28 1.536 1.28-1.536zM15 4.135h2-2zm-1.64-.768l1.28 1.536-1.28-1.536zM3 10.998h3.6V7H3v4zm1-1a1 1 0 01-1 1V7a3 3 0 00-3 3h4zm0 4v-4H0v4h4zm-1-1a1 1 0 011 1H0a3 3 0 003 3v-4zm3.6 0H3v4h3.6v-4zm-1.28 3.537l6.76 5.633 2.56-3.073-6.76-5.633-2.56 3.073zm6.76 5.633c1.953 1.629 4.92.24 4.92-2.304h-4a1 1 0 011.64-.769l-2.56 3.073zM17 19.865V4.135h-4v15.73h4zm0-15.73C17 1.59 14.033.202 12.08 1.83l2.56 3.073A1 1 0 0113 4.135h4zM12.08 1.83L5.32 7.463l2.56 3.073 6.76-5.633-2.56-3.073z\",\"fill\":\"#fff\",\"mask\":\"url(#path-1-outside-1_19324_440678)\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M21 18l6-6m0 0l6-6m-6 6l-6-6m6 6l6 6\",\"stroke\":\"#fff\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"key\":2})]);\n}\n\nSoundMuted34x24.defaultProps = {\"width\":\"34\",\"height\":\"24\",\"viewBox\":\"0 0 34 24\",\"fill\":\"none\"};\n\nmodule.exports = SoundMuted34x24;\n\nSoundMuted34x24.default = SoundMuted34x24;\n","var React = require('react');\n\nfunction Pause24x24 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M8 1v22m8-22v22\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\"}));\n}\n\nPause24x24.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"};\n\nmodule.exports = Pause24x24;\n\nPause24x24.default = Pause24x24;\n","var React = require('react');\n\nfunction Maximize24x24 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M8 2H4a2 2 0 00-2 2v4m6 14H4a2 2 0 01-2-2v-4M16 2h4a2 2 0 012 2v4m-6 14h4a2 2 0 002-2v-4\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\"}));\n}\n\nMaximize24x24.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"};\n\nmodule.exports = Maximize24x24;\n\nMaximize24x24.default = Maximize24x24;\n","var React = require('react');\n\nfunction Minimize24x24 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M2 8h4a2 2 0 002-2V2M2 16h4a2 2 0 012 2v4M22 8h-4a2 2 0 01-2-2V2m6 14h-4a2 2 0 00-2 2v4\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\"}));\n}\n\nMinimize24x24.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"};\n\nmodule.exports = Minimize24x24;\n\nMinimize24x24.default = Minimize24x24;\n","var React = require('react');\n\nfunction Sort12x12 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Property 1=Sort+filter\"},React.createElement(\"path\",{\"id\":\"Vector 220\",\"d\":\"M1 1h10M1 6h5.556M1 11h1.111\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\"})));\n}\n\nSort12x12.defaultProps = {\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\"};\n\nmodule.exports = Sort12x12;\n\nSort12x12.default = Sort12x12;\n","var React = require('react');\n\nfunction Filter12x12 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Property 1=filter\"},[React.createElement(\"path\",{\"id\":\"Vector 221\",\"d\":\"M0.5 2H11.5\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"key\":0}),React.createElement(\"path\",{\"id\":\"Vector 222\",\"d\":\"M0.5 6H11.5\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"key\":1}),React.createElement(\"path\",{\"id\":\"Vector 223\",\"d\":\"M0.5 10H11.5\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"key\":2}),React.createElement(\"circle\",{\"id\":\"Ellipse 147\",\"cx\":\"8.5\",\"cy\":\"6\",\"r\":\"1.5\",\"fill\":\"currentColor\",\"key\":3}),React.createElement(\"circle\",{\"id\":\"Ellipse 148\",\"cx\":\"2.5\",\"cy\":\"2\",\"r\":\"1.5\",\"fill\":\"currentColor\",\"key\":4}),React.createElement(\"circle\",{\"id\":\"Ellipse 149\",\"cx\":\"2.5\",\"cy\":\"10\",\"r\":\"1.5\",\"fill\":\"currentColor\",\"key\":5})]));\n}\n\nFilter12x12.defaultProps = {\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\"};\n\nmodule.exports = Filter12x12;\n\nFilter12x12.default = Filter12x12;\n","import * as clone from 'clone';\r\nimport FacetViewModel from 'Shared/Facet/FacetViewModel.type';\r\nimport FacetValueViewModel from 'Shared/Facet/FacetValueViewModel.type';\r\n\r\nexport default (facets: FacetViewModel[], fieldName: string, facetValue: FacetValueViewModel, selected: boolean) => {\r\n  const newFacets = clone(facets);\r\n\r\n  const facet = newFacets.find(f => f.id === fieldName);\r\n  if (!facet) {\r\n    return facets;\r\n  }\r\n  // The path contains an array of values where the last element is the current\r\n  const path = findValuePath(facet.values, facetValue.id, facetValue.id);\r\n  const current = path[path.length - 1];\r\n  if (!current || current.selected === selected) {\r\n    return facets;\r\n  }\r\n\r\n  current.selected = selected;\r\n  setChildSelections(current.childValues, selected);\r\n\r\n  if (!selected) {\r\n    path.forEach(v => (v.selected = false));\r\n  }\r\n\r\n  if (selected) {\r\n    for (let i = path.length - 1; i >= 0; i--) {\r\n      const value = path[i];\r\n      if (value.childValues.every(c => c.selected)) {\r\n        value.selected = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  return newFacets;\r\n};\r\n\r\nfunction findValuePath(\r\n  values: FacetValueViewModel[],\r\n  fieldName: string,\r\n  id: string,\r\n  path: FacetValueViewModel[] = [],\r\n): FacetValueViewModel[] {\r\n  const value = values.find(v => v.id === id && v.id === fieldName);\r\n  if (value) {\r\n    path.push(value);\r\n    return path;\r\n  }\r\n\r\n  for (let i = 0; i < values.length; i++) {\r\n    path = findValuePath(values[i].childValues, fieldName, id);\r\n    if (path) {\r\n      path.unshift(values[i]);\r\n      return path;\r\n    }\r\n  }\r\n}\r\n\r\nexport function allSelectedValues(values: FacetValueViewModel[], selectedValuess: FacetValueViewModel[] = []) {\r\n  selectedValuess.push(...values.filter(v => v.selected));\r\n  values.forEach(v => allSelectedValues(v.childValues, selectedValuess));\r\n  return selectedValuess;\r\n}\r\n\r\nfunction setChildSelections(children: FacetValueViewModel[], selected: boolean) {\r\n  children.forEach(c => {\r\n    c.selected = selected;\r\n    setChildSelections(c.childValues, selected);\r\n  });\r\n}\r\n","import factory from './icon';\r\nimport Svg12x12 from './glyphs/Sort_12x12.svg';\r\n\r\nexport const Sort12x12 = factory(Svg12x12, 12, 12);","import React, { useEffect, useRef } from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { Sort12x12 } from 'Shared/Icons/Sort';\r\nimport { Unchecked16x16, Checked16x16 } from 'Shared/Icons/Radio';\r\nimport { ButtonHeight, ButtonTheme, SolidButton } from 'Shared/TextButtons';\r\nimport Select from 'Shared/Fields/Select.type';\r\nimport * as style from 'Shared/Style';\r\nimport { pseudo } from '@glitz/core';\r\n\r\nconst SortWrap = styled.div({\r\n  position: 'relative',\r\n})\r\n\r\nconst Radio = styled(Unchecked16x16, {\r\n  marginRight: '8px',\r\n});\r\n\r\nconst RadioChecked = styled(Checked16x16, {\r\n  marginRight: '8px',\r\n});\r\n\r\nconst SortOptions = styled.form({\r\n  display: 'flex',\r\n  position: 'absolute',\r\n  backgroundColor: style.colors.monochrome.extraLightGrey,\r\n  borderRadius: '8px',\r\n  right: 'calc(-100% - 100px)',\r\n  zIndex: 20,\r\n  flexFlow: 'column',\r\n  overflow: 'hidden',\r\n  ...style.transition({ property: 'right', duration: '300ms', timingFunction: 'ease-out' }),\r\n  marginTop: '8px',\r\n  padding: {\r\n    xy: '12px',\r\n  },\r\n\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    marginTop: '12px',\r\n    padding: {\r\n      xy: '16px',\r\n    },\r\n  },\r\n});\r\n\r\nconst SortOption = styled.input({\r\n  position: 'relative',\r\n  display: 'inline-block',\r\n  appearance: 'none',\r\n});\r\n\r\nconst SortLabel = styled.label({\r\n  display: 'flex',\r\n  whiteSpace: 'nowrap',\r\n  cursor: 'pointer',\r\n  alignItems: 'center',\r\n  marginBottom: '12px',\r\n\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    marginBottom: '8px',\r\n  },\r\n\r\n  ...pseudo(':last-child', {\r\n    marginBottom: '0px',\r\n  }),\r\n});\r\n\r\nconst ButtonIcon = styled(Sort12x12, {\r\n  marginLeft: '8px'\r\n})\r\n\r\ntype ProductSortProps = {\r\n  handleChange?: Function;\r\n  toggleModal?: () => void;\r\n  label: string;\r\n  selected?: string;\r\n  sort: Select;\r\n  showModal?: boolean;\r\n  isMobile: boolean;\r\n};\r\n\r\nconst ProductSort = (props: ProductSortProps) => {\r\n  const { label, sort, handleChange = () => { }, toggleModal = () => { }, showModal = false, selected, isMobile } = props;\r\n  const modalRef = useRef<any>(null)\r\n  const sortRef = useRef<any>(null)\r\n  useEffect(() => {\r\n    if (!showModal) {\r\n      return () => { }\r\n    }\r\n\r\n    const handleClickEvent = (e: MouseEvent) => {\r\n      if (modalRef.current) {\r\n        const isClickInsideSort = modalRef.current.contains(e.target)\r\n        if (!isClickInsideSort) {\r\n          toggleModal();\r\n        }\r\n      }\r\n    }\r\n\r\n    window.addEventListener(\"click\", handleClickEvent);\r\n    return () => {\r\n      window.removeEventListener(\"click\", handleClickEvent);\r\n    }\r\n  }, [showModal])\r\n\r\n  return (\r\n    <SortWrap ref={modalRef}>\r\n      <SolidButton\r\n        theme={ButtonTheme.WhiteToBlack}\r\n        text={label}\r\n        iconAfter={<ButtonIcon />}\r\n        onClick={() => { toggleModal(); }}\r\n        height={ButtonHeight.Filter}\r\n        padding={{ x: isMobile ? 12 : 24 }}\r\n      />\r\n      <SortOptions\r\n        css={{\r\n          ...(showModal && {\r\n            right: '0px',\r\n          }),\r\n        }}\r\n\r\n        onSubmit={(e) => {\r\n          return false;\r\n        }}\r\n        onChange={(e) => {\r\n          handleChange(e?.target);\r\n        }}\r\n        ref={sortRef}\r\n      >\r\n        {sort.options.map((opt, idx) => {\r\n          return (\r\n            <SortLabel key={idx}>\r\n              <SortOption type=\"radio\" name=\"ProductSort\" value={opt.value} />\r\n              {opt.value === selected && <RadioChecked />}\r\n              {opt.value !== selected && <Radio />}\r\n              {opt.text}\r\n            </SortLabel>\r\n          );\r\n        })}\r\n      </SortOptions>\r\n    </SortWrap>\r\n  );\r\n};\r\n\r\nexport default ProductSort;\r\n","import factory from './icon';\r\nimport Svg12x12 from './Glyphs/Filter_12x12.svg';\r\n\r\nexport const Filter12x12 = factory(Svg12x12, 12, 12);\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport FacetValueViewModel from 'Shared/Facet/FacetValueViewModel.type';\r\nimport * as style from 'Shared/Style';\r\nimport Image, { Ratio as ImageRatio } from 'Shared/Image/Ratio';\r\nimport { TextInline, ResponsiveSize } from 'Shared/SharedComponents/atoms/Typography';\r\n\r\ntype PropType = { value: FacetValueViewModel; toggleSelected: () => void };\r\n\r\nconst OptionCardWrap = styled.div({\r\n  background: style.colors.monochrome.white,\r\n  border: {\r\n    xy: {\r\n      width: '1px',\r\n      style: 'solid',\r\n      color: style.colors.monochrome.white,\r\n    },\r\n  },\r\n  boxShadow: '0px 1px 2px rgba(0, 0, 0, 0.15)',\r\n  borderRadius: '8px',\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  alignItems: 'center',\r\n  padding: { x: '12px', y: '14px' },\r\n  gap: '4px',\r\n  cursor: 'pointer',\r\n})\r\n\r\nconst OptionCardWrapSelected = styled(OptionCardWrap, {\r\n  border: {\r\n    xy: {\r\n      color: style.colors.monochrome.black,\r\n    },\r\n  },\r\n})\r\n\r\nconst OptionCardImage = styled(Image, {\r\n  width: '16px',\r\n})\r\n\r\nconst IconText = styled(TextInline, {\r\n  textAlign: 'center',\r\n  display: 'block',\r\n  width: '100%',\r\n})\r\n\r\nconst Text = styled(TextInline, {\r\n  textAlign: 'center',\r\n})\r\n\r\nconst OptionCard = ({ value, toggleSelected }: PropType) => {\r\n\r\n  const TextElement = value.icon ? IconText : Text;\r\n  const Wrap = value.selected ? OptionCardWrapSelected : OptionCardWrap;\r\n\r\n  return (\r\n    <Wrap\r\n      onClick={toggleSelected}\r\n      css={{\r\n        justifyContent: value.icon ? 'left' : 'center',\r\n      }}\r\n    >\r\n      {value.icon && (\r\n        <OptionCardImage\r\n          src={{ url: value.icon?.url }}\r\n          alt={value.displayName}\r\n          ratio={ImageRatio.OneToOneFill}\r\n        />\r\n      )}\r\n      <TextElement fontSize={ResponsiveSize.D12_M12} upperCase>\r\n        {value.displayName}\r\n      </TextElement>\r\n    </Wrap>\r\n  );\r\n};\r\n\r\nconst ColorOptionCardWrap = styled.div({\r\n  background: style.colors.monochrome.white,\r\n  border: {\r\n    xy: {\r\n      width: '1px',\r\n      style: 'solid',\r\n      color: style.colors.monochrome.white\r\n    },\r\n  },\r\n  boxShadow: '0px 1px 2px rgba(0, 0, 0, 0.15)',\r\n  borderRadius: '8px',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  padding: { x: '12px', y: '14px' },\r\n  gap: '8px',\r\n  cursor: 'pointer',\r\n})\r\n\r\nconst ColorOptionCardWrapSelected = styled(ColorOptionCardWrap, {\r\n  border: {\r\n    xy: {\r\n      color: style.colors.monochrome.black,\r\n    },\r\n  },\r\n})\r\n\r\nconst ColorCircle = styled.div({\r\n  width: '24px',\r\n  height: '24px',\r\n  border: {\r\n    xy: {\r\n      width: '1px',\r\n      style: 'solid',\r\n      color: 'rgba(0, 0, 0, 0.3)',\r\n    },\r\n  },\r\n  borderRadius: '48px',\r\n})\r\n\r\nexport const ColorOptionCard = ({ value, toggleSelected }: PropType) => {\r\n  const Wrap = value.selected ? ColorOptionCardWrapSelected : ColorOptionCardWrap;\r\n\r\n  return (\r\n    <Wrap onClick={toggleSelected}>\r\n      <ColorCircle css={{ background: value.id, }} />\r\n      <TextInline fontSize={ResponsiveSize.D10_M10} upperCase>\r\n        {value.displayName}\r\n      </TextInline>\r\n    </Wrap>\r\n  );\r\n};\r\n\r\nexport default OptionCard;\r\n","import React, { useEffect, useMemo, useRef, useState } from 'react';\r\nimport connect from 'Shared/connect';\r\nimport { styled } from '@glitz/react';\r\nimport * as style from 'Shared/Style';\r\nimport { debounce } from 'lodash';\r\nimport { formatPrice } from 'Shared/number-format';\r\n\r\ntype PropType = {\r\n  min: number;\r\n  max: number;\r\n  selectedMin: number;\r\n  selectedMax: number;\r\n  culture: string;\r\n  currency: string;\r\n  updateValue: (selectedMin: number, selectedMax: number) => void;\r\n};\r\n\r\nconst Label = styled.span({\r\n  display: 'inline-block',\r\n  textAlign: 'center', \r\n  padding: {\r\n    y: '5px',\r\n    x: '8px',\r\n  }, \r\n  fontSize: '14px',\r\n  textTransform: 'uppercase',\r\n  fontWeight: 500,\r\n  lineHeight: '100%',\r\n  color: style.colors.monochrome.black,\r\n  boxSizing: 'border-box',\r\n})\r\n\r\nconst LabelWrap = styled.div({\r\n  position: 'absolute',\r\n  zIndex: 2,\r\n  pointerEvents: 'none',\r\n  top: '-5px',\r\n})\r\n\r\nconst Wrap = styled.div({\r\n  position: 'relative', \r\n  minHeight: '25px', \r\n  marginTop: '12px', \r\n  width: '100%'\r\n})\r\n\r\nconst FromInput = styled.input({\r\n  position: 'absolute',\r\n  appearance: 'none',\r\n  height: 0,\r\n  width: '100%',\r\n  backgroundColor: style.colors.monochrome.darkGrey,\r\n  zIndex: 1,\r\n  pointerEvents: 'none',\r\n  '::-webkit-slider-thumb': {\r\n    appearance: 'none',\r\n    pointerEvents: 'all',\r\n    height: '24px',\r\n    backgroundColor: style.colors.monochrome.white,\r\n    border: { xy: { width: '1px', style: 'solid', color: style.colors.monochrome.black } },\r\n    borderRadius: '48px',\r\n    cursor: 'pointer',\r\n    padding: {\r\n      y: '5px',\r\n      x: '8px',\r\n    },\r\n  },\r\n})\r\n\r\nconst ToInput = styled.input({\r\n  position: 'absolute',\r\n  appearance: 'none',\r\n  height: '2px',\r\n  width: '100%',\r\n  backgroundColor: style.colors.monochrome.darkGrey,\r\n  pointerEvents: 'none',\r\n  '::-webkit-slider-thumb': {\r\n    appearance: 'none',\r\n    pointerEvents: 'all',\r\n    height: '24px',\r\n    padding: {\r\n      y: '5px',\r\n      x: '8px',\r\n    },\r\n    backgroundColor: style.colors.monochrome.white,\r\n    border: { xy: { width: '1px', style: 'solid', color: style.colors.monochrome.black } },\r\n    borderRadius: '48px',\r\n    cursor: 'pointer',\r\n  },\r\n})\r\n\r\nconst DoubleSlider = connect(state => ({\r\n  culture: state.appShellData.culture,\r\n  currency: state.appShellData.market.currency,\r\n}))\r\n(({ min, max, selectedMin, selectedMax, currency, culture, updateValue }: PropType) => {\r\n  \r\n  if(min === max) {\r\n    return <></>;\r\n  }\r\n\r\n  const sliderRange = (max - min === 0 ? 1 : max -min);\r\n  const valueToPercentage = (value: number) => {\r\n    return Math.round(((value - min) * 100) / sliderRange);\r\n  };\r\n\r\n  const percentageToValue = (percentage: number) => {\r\n    return Math.round((percentage * sliderRange) / 100 + min);\r\n  };\r\n  \r\n  const fromSliderRef = useRef<HTMLInputElement>(null);\r\n  const toSliderRef = useRef<HTMLInputElement>(null);\r\n  const [fromPosition, setFromPosition] = useState(valueToPercentage(selectedMin ?? min));\r\n  const [toPosition, setToPosition] = useState(valueToPercentage(selectedMax ?? max));\r\n  const [sliderFromWidth, setSliderFromWidth] = useState(0);\r\n  const [sliderToWidth, setSliderToWidth] = useState(0);\r\n\r\n  const updateValueDebounced = useMemo(() => debounce(updateValue, 1000), [updateValue]);\r\n\r\n  useEffect(() => {\r\n    const newSelectedMin = percentageToValue(fromPosition);\r\n    const newSelectedMax = percentageToValue(toPosition);\r\n    if (newSelectedMin !== selectedMin || newSelectedMax !== selectedMax) {\r\n      updateValueDebounced(newSelectedMin, newSelectedMax);\r\n    }\r\n  }, [fromPosition, toPosition]);\r\n\r\n  const updateWidth = (e: HTMLSpanElement, isFirst: boolean) => {\r\n    if (e) {\r\n      if(isFirst) {\r\n        setSliderFromWidth(e.offsetWidth);\r\n      } else {\r\n        setSliderToWidth(e.offsetWidth);\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrap>\r\n      <FromInput\r\n        ref={fromSliderRef}\r\n        type=\"range\"\r\n        value={fromPosition}\r\n        onChange={(e) => setFromPosition(parseInt(e.target.value, 10))}\r\n        css={{\r\n          '::-webkit-slider-thumb': {\r\n            width: `${sliderFromWidth}px`,\r\n          },\r\n        }}\r\n      />\r\n      <LabelWrap\r\n        css={{\r\n          width: `calc(100% - ${sliderFromWidth}px)`,\r\n          transform: `translate(${fromPosition}%, -7px)`,\r\n        }}\r\n      >\r\n        <Label ref={ref => ref ? updateWidth(ref, true) : null}>\r\n          {formatPrice(percentageToValue(fromPosition), currency, culture)}\r\n        </Label>\r\n      </LabelWrap>\r\n      <ToInput\r\n        ref={toSliderRef}\r\n        type=\"range\"\r\n        value={toPosition}\r\n        onChange={(e) => setToPosition(parseInt(e.target.value, 10))}\r\n        css={{\r\n          backgroundImage: `linear-gradient(\r\n            to right,\r\n            ${style.colors.monochrome.darkGrey} 0%,\r\n            ${style.colors.monochrome.darkGrey} ${fromPosition}%,\r\n            ${style.colors.monochrome.black} ${fromPosition}%,\r\n            ${style.colors.monochrome.black} ${toPosition}%, \r\n            ${style.colors.monochrome.darkGrey} ${toPosition}%, \r\n            ${style.colors.monochrome.darkGrey} 100%)`,\r\n          '::-webkit-slider-thumb': {\r\n            width: `${sliderToWidth}px`,\r\n          },\r\n        }}\r\n      />\r\n      <LabelWrap\r\n        css={{\r\n          width: `calc(100% - ${sliderToWidth}px)`,\r\n          transform: `translate(${toPosition}%, -7px)`,\r\n        }}\r\n      >\r\n        <Label ref={ref => ref ? updateWidth(ref, false) : null}>\r\n          {formatPrice(percentageToValue(toPosition), currency, culture)}\r\n        </Label>\r\n      </LabelWrap>\r\n    </Wrap>\r\n  );\r\n});\r\n\r\nexport default DoubleSlider;\r\n","import React, { useEffect } from 'react';\r\nimport FacetViewModel from 'Shared/Facet/FacetViewModel.type';\r\nimport DoubleSlider from 'Shared/SharedComponents/atoms/DoubleSlider';\r\n\r\ntype PropType = { filter: FacetViewModel; updateValue: (filter: FacetViewModel) => void };\r\n\r\nconst PriceSlider = ({ filter, updateValue }: PropType) => {\r\n  const updatePriceRange = (selectedMin: number, selectedMax: number) => {\r\n    updateValue({\r\n      ...filter,\r\n      minSelected: selectedMin,\r\n      maxSelected: selectedMax,\r\n    });\r\n  };\r\n  \r\n  return (  \r\n    <DoubleSlider\r\n      min={filter.min}\r\n      max={filter.max}\r\n      selectedMin={filter.minSelected}\r\n      selectedMax={filter.maxSelected}\r\n      updateValue={updatePriceRange}\r\n    />\r\n  );\r\n};\r\n\r\nexport default PriceSlider;\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport FacetValueViewModel from 'Shared/Facet/FacetValueViewModel.type';\r\nimport OptionCard, { ColorOptionCard } from './OptionCard';\r\nimport FacetViewModel from 'Shared/Facet/FacetViewModel.type';\r\nimport PriceSlider from './PriceSlider';\r\n\r\nconst numberOfColumns = (filterId: string) => (filterId === 'size' || filterId === 'color_base_groups' ? 4 : 2);\r\n\r\nconst SectionWrap = styled.div({\r\n  display: 'grid',\r\n  columnGap: '8px',\r\n  rowGap: '8px',\r\n  padding: { xy: '1px' },\r\n  overflow: 'hidden',\r\n  marginTop: '24px'\r\n});\r\n\r\nconst PriceWrap = styled.div({\r\n  paddingTop: '24px'\r\n})\r\n\r\nconst PriceHeading = styled.span({\r\n  fontWeight: 500,\r\n  fontSize: '12px',\r\n  lineHeight: '100%',\r\n  display: 'block',\r\n  paddingBottom: '16px',\r\n  textTransform: 'uppercase',\r\n})\r\n\r\ntype PropType = {\r\n  filter: FacetViewModel;\r\n  subHeading?: string;\r\n  onFilterValuesUpdated: (filterValues: FacetValueViewModel[], ticket: string) => void;\r\n  onPriceUpdated: (filter: FacetViewModel, ticket: string) => void;\r\n};\r\n\r\nconst FilterSection = ({ filter, subHeading, onFilterValuesUpdated, onPriceUpdated }: PropType) => {\r\n  const templateColumns = '1fr '.repeat(numberOfColumns(filter.id));\r\n  if (filter.id === 'price') {\r\n    return (\r\n      <PriceWrap>\r\n        <PriceHeading>{subHeading}</PriceHeading>\r\n        <PriceSlider\r\n          filter={filter}\r\n          updateValue={(filter) => {\r\n            onPriceUpdated(filter, 'price');\r\n          }}\r\n        />\r\n      </PriceWrap>\r\n    );\r\n  }\r\n\r\n  if(filter.type === \"CHECKBOX\") {\r\n    return (\r\n      <></>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <SectionWrap\r\n      css={{\r\n        gridTemplateColumns: templateColumns,\r\n      }}\r\n    >\r\n      {filter?.values.map((filterValue) =>\r\n        filter.id === 'color_base_groups' ? (\r\n          <ColorOptionCard\r\n            key={filterValue.id}\r\n            value={filterValue}\r\n            toggleSelected={() => {\r\n              filterValue.selected = !filterValue.selected;\r\n              onFilterValuesUpdated(filter.values, filterValue.ticket);\r\n            }}\r\n          />\r\n        ) : (\r\n          <OptionCard\r\n            key={filterValue.id}\r\n            value={filterValue}\r\n            toggleSelected={() => {\r\n              filterValue.selected = !filterValue.selected;\r\n              onFilterValuesUpdated(filter.values, filterValue.ticket);\r\n            }}\r\n          />\r\n        ),\r\n      )}\r\n    </SectionWrap>\r\n  );\r\n};\r\n\r\nexport default FilterSection;\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport FacetValueViewModel from 'Shared/Facet/FacetValueViewModel.type';\r\nimport FacetViewModel from 'Shared/Facet/FacetViewModel.type';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = { \r\n  facet: FacetViewModel;\r\n  onFilterValuesUpdated: (filterValues: FacetValueViewModel[], ticket: string) => void;\r\n};\r\n\r\nconst ToggleLabel = styled.label({\r\n  position: 'relative',\r\n  outlineStyle: 'none',\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n  flexDirection: 'row-reverse',\r\n  cursor: 'pointer',\r\n})\r\n\r\nconst ToggleInput = styled.input({\r\n  position: 'absolute',\r\n  top: '-99999px',\r\n  left: '-99999px',\r\n})\r\n\r\nconst ToggleSwitch = styled.div({\r\n  position: 'relative',\r\n  cursor: 'pointer',\r\n  marginRight: '8px',\r\n  height: '16px',\r\n  width: '28px',\r\n  border: {\r\n    xy: {\r\n      width: '1px',\r\n      style: 'solid',\r\n      color: style.colors.monochrome.black,\r\n    },\r\n  },\r\n  borderRadius: '38px',\r\n  ':before': {\r\n    position: 'absolute',\r\n    content: \"''\",\r\n    height: '12px',\r\n    width: '12px',\r\n    left: '1px',\r\n    bottom: '1px',\r\n    borderRadius: '50%',\r\n  },\r\n})\r\n\r\nconst LabelText = styled.span({\r\n  color: style.colors.monochrome.black,\r\n  fontSize: '14px',\r\n  lineHeight: '130%'\r\n});\r\n\r\n\r\nconst SwitchOption = ({ facet, onFilterValuesUpdated }: PropType) => {\r\n  const value = facet.values[0];\r\n\r\n  const toggleSelected = () => {\r\n    value.selected = !value.selected;\r\n    onFilterValuesUpdated(facet.values, value.ticket);\r\n  }\r\n\r\n  const TRANSITION_DURATION = '.4s';\r\n  return (\r\n    <ToggleLabel\r\n      css={{\r\n        transitionDuration: TRANSITION_DURATION,\r\n        \r\n      }}\r\n    >\r\n      <LabelText>{value.displayName}</LabelText>\r\n      <ToggleInput\r\n        type=\"checkbox\"\r\n        checked={value.selected}\r\n        onChange={toggleSelected}\r\n      />\r\n      <ToggleSwitch\r\n        css={{\r\n          border: {\r\n            xy: {\r\n              color: value.selected ? style.colors.brandColors.green : style.colors.monochrome.black,\r\n            },\r\n          },\r\n          transitionDuration: TRANSITION_DURATION,\r\n          backgroundColor: value.selected ? style.colors.brandColors.green : style.colors.monochrome.white,\r\n          ':before': {\r\n            backgroundColor: value.selected ? style.colors.monochrome.white : style.colors.monochrome.black,\r\n            transitionDuration: TRANSITION_DURATION,\r\n            transform: value.selected ? 'translateX(12px)' : undefined,\r\n          },\r\n        }}\r\n      ></ToggleSwitch>\r\n    </ToggleLabel>\r\n  );\r\n};\r\n\r\nexport default SwitchOption;\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { Style, StyleOrStyleArray } from '@glitz/type';\r\nimport { StyledDecorator } from '@glitz/react/types/styled/decorator';\r\nimport { Close12x12 as Close } from 'Shared/Icons/Close';\r\nimport FacetViewModel from 'Shared/Facet/FacetViewModel.type';\r\nimport FacetValueViewModel from 'Shared/Facet/FacetValueViewModel.type';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = {\r\n  activeFacets: FacetViewModel[];\r\n  onRemoveFacet?: Function;\r\n  css?: StyledDecorator | StyleOrStyleArray<Style>;\r\n  itemCss?: StyledDecorator | StyleOrStyleArray<Style>;\r\n}\r\n\r\nconst ActiveFilterContainer = styled.div({\r\n  width: '100%',\r\n  flexBasis: '100%',\r\n  display: 'flex',\r\n  flexWrap: 'wrap',\r\n  gap: '8px',\r\n  margin: { bottom: '24px', top: '-12px'}\r\n})\r\n\r\nexport const ActiveFilter = styled.div({\r\n  display:'flex',\r\n  borderRadius: '100px',\r\n  textTransform: 'uppercase',\r\n  padding: { y:'8px', x:'12px' },\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  font: { size:'12px', weight: 500 },\r\n  cursor: 'pointer',\r\n})\r\n\r\nconst RemoveIcon = styled(Close, {\r\n  marginLeft: '6px'\r\n})\r\n\r\nexport const getActiveFacets = (facets: FacetViewModel[]) => {\r\n  return facets?.filter((facet) => {\r\n    if (facet.type.toLowerCase() === 'range') {\r\n      return facet.max !== facet.maxSelected || facet.min !== facet.minSelected\r\n    }\r\n\r\n    return facet.selectedCount > 0})\r\n}\r\n\r\nexport default (props: PropType & StyledProps) => {\r\n  const { onRemoveFacet = () => {}, activeFacets = [], compose, itemCss = {backgroundColor: style.colors.monochrome.extraLightGrey } } = props\r\n\r\n  return <ActiveFilterContainer css={compose(props.css)}>\r\n    {activeFacets.map((activeFacet: FacetViewModel) => {\r\n\r\n      if (activeFacet.type.toLowerCase() === 'range') {\r\n          return <ActiveFilter css={ itemCss } key={activeFacet.id} onClick={() => { onRemoveFacet(activeFacet) }}>\r\n            <span>{activeFacet.minSelected} - {activeFacet.maxSelected}</span><RemoveIcon />\r\n          </ActiveFilter>\r\n      }\r\n\r\n      return activeFacet.values.map((facetValue: FacetValueViewModel) => {\r\n        if (facetValue.selected === false) {\r\n          return undefined\r\n        }\r\n        \r\n        return <ActiveFilter css={ itemCss } key={facetValue.id} onClick={() => { onRemoveFacet(activeFacet, facetValue) }}>\r\n          <span>{facetValue.displayName}</span><RemoveIcon />\r\n        </ActiveFilter>\r\n      })\r\n    })}\r\n  </ActiveFilterContainer>\r\n}\r\n\r\n","import React, { useState } from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport Modal, { ModalScrollableContent, ModalTopContent } from 'Shared/SharedComponents/atoms/Modal';\r\nimport FacetViewModel from 'Shared/Facet/FacetViewModel.type';\r\nimport Accordion from 'Shared/Accordion';\r\nimport FilterSection from './FilterSection';\r\nimport * as style from 'Shared/Style';\r\nimport { ButtonTheme, SolidButton } from 'Shared/TextButtons';\r\nimport FacetValueViewModel from 'Shared/Facet/FacetValueViewModel.type';\r\nimport SwitchOption from './SwitchOption';\r\nimport { TextBlockTiny } from 'Shared/SharedComponents/atoms/Typography';\r\nimport ActiveFilters, { ActiveFilter as FilterItem, getActiveFacets } from '../ActiveFilters';\r\n\r\nconst FilterButtonsWrap = styled.div({\r\n  width: '100%', \r\n  display: 'flex', \r\n  flexDirection: 'row', \r\n  justifyContent: 'space-between',\r\n});\r\n\r\nconst FilterOnlyInStockWrap = styled.div({\r\n  marginTop: '24px'\r\n});\r\n\r\nconst FilterOnlyInStockItem = styled.div({\r\n  marginTop: '16px'\r\n});\r\n\r\nconst AccordionItem = styled(Accordion, {\r\n  padding: {\r\n    y: '16px'\r\n  },\r\n  margin: {\r\n    y: 0,\r\n  },\r\n})\r\n\r\nconst ActiveFacets = styled(ActiveFilters, {\r\n  margin: {\r\n    top: '16px',\r\n    bottom: '0'\r\n  }\r\n})\r\n\r\nconst ModalScrollableContentContainer = styled(ModalScrollableContent, {\r\n  display: 'flex', \r\n  flexDirection: 'column', \r\n  alignItems: 'stretch'\r\n})\r\n\r\nconst changeFilterValue = (\r\n  filters: FacetViewModel[],\r\n  changedFilter: FacetViewModel,\r\n  filterValues: FacetValueViewModel[],\r\n) => {\r\n  return filters.map((filter) => {\r\n    if (changedFilter.id === filter.id) {\r\n      filter.values = filterValues;\r\n    }\r\n\r\n    return filter;\r\n  });\r\n};\r\n\r\nconst isActiveFilter = (filters: FacetViewModel[]): boolean => {\r\n  if(filters === null || filters?.length < 1) {\r\n    return false;\r\n  }\r\n\r\n  for (let filterIndex = 0; filterIndex < filters.length; filterIndex++) {\r\n    if (\r\n      (filters[filterIndex].minSelected && filters[filterIndex].minSelected !== filters[filterIndex].min) ||\r\n      (filters[filterIndex].maxSelected && filters[filterIndex].maxSelected !== filters[filterIndex].max)\r\n    ) {\r\n      return true;\r\n    }\r\n\r\n    const values = filters[filterIndex].values;\r\n    for (let valueIndex = 0; valueIndex < values.length; valueIndex++) {\r\n      if (values[valueIndex].selected) {\r\n        return true;\r\n      }\r\n    }\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\nconst ActiveFilterHeading = styled.div({\r\n  margin: {top: '24px'},\r\n  textTransform: 'uppercase',\r\n  font: {\r\n    weight: 500,\r\n    size: '14px'\r\n  }\r\n})\r\n\r\ntype PropType = {\r\n  modalIsShown: boolean;\r\n  hideModal: () => void;\r\n  heading: string;\r\n  filters: FacetViewModel[];\r\n  onFiltersUpdated: (filters: FacetViewModel[], ticket: string) => void;\r\n  onFiltersReset: () => void;\r\n  clearFiltersLabel: string;\r\n  showProductsLabel: string;\r\n  activeFiltersLabel?: string | boolean;\r\n  removeActiveFilter?: () => void;\r\n};\r\n\r\nconst FilterModal = ({\r\n  modalIsShown,\r\n  hideModal,\r\n  heading,\r\n  filters,\r\n  onFiltersUpdated,\r\n  onFiltersReset,\r\n  clearFiltersLabel,\r\n  showProductsLabel,\r\n  activeFiltersLabel = false,\r\n  removeActiveFilter\r\n}: PropType) => {\r\n  const [filterIdOpen, setFilterIdOpen] = useState('');\r\n  \r\n  const activeFacets = getActiveFacets(filters)\r\n\r\n  const itemCss = {\r\n    backgroundColor: '#ffffff',\r\n    boxShadow: '0px 1px 2px rgba(0, 0, 0, 0.15)'\r\n  }\r\n\r\n  return (\r\n    <Modal\r\n      modalIsShown={modalIsShown}\r\n      hideModal={hideModal}\r\n      backgroundColor={style.colors.monochrome.extraLightGrey}\r\n      isOnLeft\r\n    >\r\n      <ModalTopContent textAboveHeading=\"\" bottomPadding={24} heading={heading} closeModal={hideModal} closeIconSize={24}>\r\n      {(activeFacets?.length ?? 0) > 0 ? <>\r\n        {activeFiltersLabel ? <ActiveFilterHeading>{activeFiltersLabel}</ActiveFilterHeading> : ''}\r\n        <ActiveFacets itemCss={ itemCss } onRemoveFacet={removeActiveFilter} activeFacets={activeFacets} />\r\n        </> : <></>}\r\n      </ModalTopContent>\r\n      <ModalScrollableContentContainer>\r\n        {!!filters &&\r\n          filters.map((filter, index) => {\r\n            if(filter.id.toLowerCase() === \"onlyinstock\") {\r\n              return (\r\n                <FilterOnlyInStockWrap key={filter.id}>\r\n                  <TextBlockTiny upperCase >\r\n                    {filter.displayName}\r\n                  </TextBlockTiny>\r\n                  <FilterOnlyInStockItem>\r\n                    <SwitchOption \r\n                      facet={filter}\r\n                      onFilterValuesUpdated={(filterValues, ticket) => {\r\n                        filters = changeFilterValue(filters, filter, filterValues);\r\n                        onFiltersUpdated(filters, ticket);\r\n                      }}\r\n                    />\r\n                  </FilterOnlyInStockItem> \r\n                </FilterOnlyInStockWrap>\r\n              );\r\n            }\r\n\r\n            return (\r\n              <AccordionItem\r\n                key={filter.id}\r\n                isOpen={filter.id === filterIdOpen}\r\n                onToggle={() => {\r\n                  setFilterIdOpen(filter.id === filterIdOpen ? '' : filter.id);\r\n                }}\r\n                upperCaseHeading\r\n                disabled={(filter.values.length <= 0 && filter.type.toUpperCase() === 'TEXT') || (filter.type.toUpperCase() === \"RANGE\" && filter.min === filter.max)}\r\n                header={filter.selectedCount > 0 && filter.id !== 'price' ? `${filter.displayName} (${filter.selectedCount})` : filter.displayName}\r\n                borderWidth={2}\r\n                iconWidth={'16px'}\r\n              >\r\n                <FilterSection\r\n                  filter={filter}\r\n                  subHeading={filter.id === 'price' ? filter.displayName : ''}\r\n                  onFilterValuesUpdated={(filterValues, ticket) => {\r\n                    filters = changeFilterValue(filters, filter, filterValues);\r\n                    onFiltersUpdated(filters, ticket);\r\n                  }}\r\n                  onPriceUpdated={(changedFilter, ticket) => {\r\n                    const changedFilters = filters.map((filter) => {\r\n                      if (changedFilter.id === filter.id) {\r\n                        return changedFilter;\r\n                      }\r\n\r\n                      return filter;\r\n                    });\r\n                    onFiltersUpdated(changedFilters, ticket);\r\n                  }}\r\n                />\r\n              </AccordionItem>\r\n            );\r\n          })}\r\n      </ModalScrollableContentContainer>\r\n      <FilterButtonsWrap>\r\n        <SolidButton\r\n          text={clearFiltersLabel}\r\n          onClick={() => {\r\n            onFiltersReset();\r\n            hideModal();\r\n          }}\r\n          disabled={!isActiveFilter(filters)}\r\n          theme={ButtonTheme.TransparentBlack}\r\n        />\r\n        <SolidButton text={showProductsLabel} onClick={hideModal} theme={ButtonTheme.BlackToWhite} />\r\n      </FilterButtonsWrap>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default FilterModal;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport connect from 'Shared/connect';\r\nimport { styled } from '@glitz/react';\r\nimport { replaceState, scrollTo, URLX, hideSpinner, showSpinner } from '@polarnopyret/scope';\r\nimport {\r\n  currentUrl,\r\n  get,\r\n  resolveSyncIfLoadedOrThrow,\r\n} from '@polarnopyret/scope';\r\nimport ProductCard from '../ProductCard';\r\nimport ProductsListingViewModelType from './IProductsListingViewModel.type';\r\nimport FacetViewModel from 'Shared/Facet/FacetViewModel.type';\r\nimport FacetValueViewModel from 'Shared/Facet/FacetValueViewModel.type';\r\nimport { allSelectedValues } from 'Shared/Facet/toggle-facet';\r\nimport { PageType } from 'Shared/State';\r\nimport CategoryDataModel from '../../Category/CategoryPage.type';\r\nimport { isCompact } from 'Shared/Viewport';\r\nimport { SEARCH_QUERY_NAME } from 'Search/action-creators';\r\nimport { EpiProperty } from '@polarnopyret/scope-episerver';\r\nimport Pagination from 'Shared/SharedComponents/atoms/Pagination';\r\nimport ProductSort from 'Shared/SharedComponents/atoms/ProductSort';\r\nimport ProductListViewModel from 'Product/ProductListing/ProductListViewModel.type';\r\nimport { ButtonHeight, ButtonTheme, SolidButton } from 'Shared/TextButtons';\r\nimport { Filter12x12 } from 'Shared/Icons/Filter';\r\nimport FilterModal from './FilterModal';\r\nimport { createGridClasses } from 'Shared/grid';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport ActiveFilters, { getActiveFacets } from './ActiveFilters';\r\nimport * as style from 'Shared/Style';\r\nimport { Dispatch } from 'Shared/State';\r\nimport { getCurrentBaseUrl } from 'Shared/utils';\r\nimport { updateCanonicalUrl } from 'Shared/reducers';\r\n\r\nconst ActiveFacets = styled(ActiveFilters, {})\r\n\r\ntype ConnectedPropType = {\r\n  currentBreakpoint: number;\r\n  headerHeight: number;\r\n  currentPage: PageType;\r\n};\r\n\r\ntype RequiredPropType = ProductsListingViewModelType & {\r\n  queryParams?: string;\r\n  className?: string;\r\n  title?: string;\r\n  content?: CategoryDataModel;\r\n  setFilterResults?: (value: any) => void;\r\n};\r\n\r\ntype PropType = RequiredPropType &\r\n  ConnectedPropType & {\r\n    uppercase?: boolean;\r\n    hideFacetAndSort?: boolean;\r\n  };\r\n\r\nconst Filters = styled.div({\r\n});\r\n\r\nconst ProductListHeading = styled.div({\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  alignSelf: 'center',\r\n  width: '100%',\r\n});\r\n\r\nconst ListHeading = styled.span({\r\n  fontSize: '14px',\r\n  fontWeight: 450,\r\n  lineHeight: '130%',\r\n});\r\n\r\nconst ProductListTop = styled.div({\r\n  display: 'flex',\r\n  marginBottom: '24px',\r\n});\r\n\r\nconst RowWrap = styled(GridWrap, {\r\n  marginBottom: '24px'\r\n})\r\n\r\nconst ItemWrap = styled.div({\r\n  marginBottom: '24px'\r\n})\r\n\r\nconst ProductListTopWrap = styled(GridWrap, {\r\n  position: 'sticky',\r\n  zIndex: 2,\r\n})\r\n\r\nfunction getWithSpinner(\r\n  url: URLX,\r\n  thenAction: (any: any) => void,\r\n  canonicalUrl?: string,\r\n) {\r\n  return (dispatch: Dispatch) => {\r\n    dispatch(showSpinner());\r\n    return get(url, {})\r\n      .then((r) => r.json())\r\n      .then(thenAction)\r\n      .finally(() => {\r\n        if (canonicalUrl) {\r\n          dispatch(updateCanonicalUrl(canonicalUrl));\r\n        }\r\n        dispatch(hideSpinner());\r\n      });\r\n  };\r\n}\r\n\r\nfunction ProductsListing(props: PropType & {\r\n  getWithSpinner: (\r\n    url: URLX,\r\n    thenAction: (any: any) => void,\r\n    canonicalUrl?: string,\r\n  ) => Promise<void>;\r\n}) {\r\n  const {\r\n    currentBreakpoint,\r\n    content,\r\n    productList,\r\n    headerHeight,\r\n    hideFacetAndSort = false,\r\n    getWithSpinner\r\n  } = props;\r\n\r\n  const [showProductSortModal, setShowProductSortModal] = useState(false);\r\n  const [filterModalIsShown, setFilterModalIsShown] = useState(false);\r\n  const [selectedFacets, setSelectedFacets] = useState(productList.facets);\r\n  const [selectedSortBy, setSelectedSortBy] = useState(productList.sortOptions?.value);\r\n  const productListTop = useRef<HTMLDivElement>(null)\r\n  const itemsPerRow = 4;\r\n\r\n  useEffect(() => {\r\n    setSelectedFacets(productList.facets);\r\n  }, productList.facets);\r\n\r\n  useEffect(() => {\r\n    setSelectedSortBy(productList.sortOptions?.value);\r\n  }, productList.sortOptions?.options);\r\n\r\n  function getParsedCurrentUrl() {\r\n    const url = currentUrl();\r\n    url.searchParams.delete('page');\r\n    return url;\r\n  }\r\n\r\n  function appendFilterPath(url: URLX) {\r\n    url.pathname = url.pathname + '/filter';\r\n    return url;\r\n  }\r\n\r\n  function onRemoveFacet(facet: FacetViewModel, value: FacetValueViewModel | undefined) {\r\n    if (facet.type.toLowerCase() === 'range') {\r\n      const updatedFacets = selectedFacets.map((curr) => {\r\n        if (curr.id === facet.id) {\r\n          curr.maxSelected = curr.max\r\n          curr.minSelected = curr.min\r\n        }\r\n        return curr\r\n      })\r\n      onFacetValueChange(updatedFacets)\r\n      return\r\n    }\r\n\r\n    const updatedFacets = selectedFacets.map((currentFacet) => {\r\n      currentFacet.values = currentFacet.values.map((currentValue) => {\r\n        if (value.id === currentValue.id) {\r\n          currentValue.selected = false\r\n        }\r\n        return currentValue\r\n      })\r\n      return currentFacet\r\n    })\r\n\r\n    onFacetValueChange(updatedFacets)\r\n  }\r\n\r\n  function onFacetValueChange(updatedFacets: FacetViewModel[], ticket: string = '') {\r\n    if (!props.setFilterResults) {\r\n      return;\r\n    }\r\n\r\n    const url = getParsedCurrentUrl();\r\n\r\n    if (props.queryParams) {\r\n      url.searchParams.set(SEARCH_QUERY_NAME, props.queryParams);\r\n    }\r\n\r\n    for (const facet of updatedFacets) {\r\n      url.searchParams.delete(facet.urlName);\r\n      for (const selected of allSelectedValues(facet.values)) {\r\n        url.searchParams.append(facet.urlName, selected.renderAsCheckBox ? selected.selected.toString() : selected.id);\r\n      }\r\n\r\n      if (facet.id === 'price' && (facet.min !== facet.minSelected || facet.max !== facet.maxSelected)) {\r\n        url.searchParams.append(facet.urlName, `${facet.minSelected}-${facet.maxSelected}`);\r\n      }\r\n    }\r\n\r\n    const addressBarUrl = url.toString();\r\n    getWithSpinner(appendFilterPath(url), (json: ProductListViewModel) => {\r\n      props.setFilterResults(json);\r\n      setSelectedFacets(json.facets);\r\n      replaceState(addressBarUrl, null, false);\r\n    }).then(() => {\r\n      scrollTo(productListTop.current.offsetTop, 500);\r\n    });\r\n  }\r\n\r\n  function onResetFacetValues() {\r\n    if (!props.setFilterResults) {\r\n      return;\r\n    }\r\n\r\n    const url = getParsedCurrentUrl();\r\n    props.productList.facets.forEach((facet) => {\r\n      url.searchParams.delete(facet.urlName);\r\n    })\r\n\r\n    const addressBarUrl = url.toString();\r\n    getWithSpinner(appendFilterPath(url), (json: ProductListViewModel) => {\r\n      props.setFilterResults(json);\r\n      setSelectedFacets(json.facets);\r\n      replaceState(addressBarUrl, null, false);\r\n    }).then(() => {\r\n      scrollTo(productListTop.current.offsetTop, 500);\r\n    });\r\n  }\r\n\r\n  const toggleSortModal = () => {\r\n    setShowProductSortModal(!showProductSortModal);\r\n    if (filterModalIsShown && showProductSortModal) {\r\n      setFilterModalIsShown(false);\r\n    }\r\n  };\r\n\r\n  const handleProductSortChange = (elm: HTMLInputElement) => {\r\n    const sortBy = elm.value;\r\n    setSelectedSortBy(sortBy);\r\n    setShowProductSortModal(false);\r\n    const url = getParsedCurrentUrl();\r\n    url.searchParams.set('sort', sortBy);\r\n    bindFilterResults(url);\r\n  };\r\n\r\n  const navigateToPage = (number: number) => {\r\n    const url = currentUrl();\r\n    url.searchParams.set('page', number.toString());\r\n    const canonicalUrl = getCurrentBaseUrl();\r\n    if (number > 1) {\r\n      canonicalUrl.searchParams.set('page', number.toString());\r\n    }\r\n    bindFilterResults(url, canonicalUrl.toString());\r\n  };\r\n\r\n  const bindFilterResults = (url: URLX, canonicalUrl?: string) => {\r\n    if (!props.setFilterResults) {\r\n      return;\r\n    }\r\n    const displayUrl = url.toString();\r\n    // Scroll to top first to keep images from getting into view when scrolling up. Messes up lazy loading\r\n    if (productListTop.current) {\r\n      scrollTo(productListTop.current.offsetTop, 500);\r\n    }\r\n\r\n    getWithSpinner(appendFilterPath(url), (json: ProductListViewModel) => {\r\n      props.setFilterResults(json);\r\n      replaceState(displayUrl, null, false);\r\n    }, canonicalUrl).then(() => {\r\n\r\n    });\r\n  };\r\n\r\n  const totalCount = productList.totalItemCount;\r\n  const visibleCount = productList.products.length;\r\n  const isMobile = isCompact(currentBreakpoint);\r\n  const filterStickyTop = headerHeight + 16;\r\n  const activeFacets: FacetViewModel[] = getActiveFacets(productList.facets)\r\n\r\n  const listContentItems = productList.listContentItems && productList.listContentItems.reduce((map, obj) => (map[isMobile ? obj.mobileIndex : obj.desktopIndex] = obj.content?.items[0], map), {});\r\n\r\n  const MainContent = content && content.topContentArea && <EpiProperty for={content.topContentArea} />;\r\n  const totalCountTitle = productList.labels?.displayingItems;\r\n  const items: any[] = [];\r\n\r\n  for (let i = 0; i < visibleCount; i++) {\r\n    if (listContentItems) {\r\n      const listItem = listContentItems[i + 1];\r\n      if (listItem) {\r\n        const SomeComponent = resolveSyncIfLoadedOrThrow(listItem.componentName);\r\n        items.push(<ItemWrap key={'b' + i} className={createGridClasses(12, 6)}><SomeComponent {...listItem} layout='list' /></ItemWrap>);\r\n      }\r\n    }\r\n\r\n    items.push(<ItemWrap key={'i' + i} className={createGridClasses(6, (12 / itemsPerRow))}><ProductCard product={productList.products[i]} listIndex={i} /></ItemWrap>);\r\n  }\r\n\r\n  const GalleryContent = (\r\n    <RowWrap className='grid'>\r\n      {items.map((item) => {\r\n        return item;\r\n      })}\r\n    </RowWrap>\r\n  );\r\n\r\n  return (\r\n    <div>\r\n      {MainContent}\r\n      <ProductListTopWrap css={{ top: `${filterStickyTop}px` }}>\r\n        <ProductListTop ref={productListTop}>\r\n          {!hideFacetAndSort && (\r\n            <Filters>\r\n              <SolidButton\r\n                onClick={() => { setFilterModalIsShown(true); setShowProductSortModal(false); }}\r\n                theme={ButtonTheme.WhiteToBlack}\r\n                text={productList.labels.filter}\r\n                iconAfter={<Filter12x12 css={{ marginLeft: 8 }} />}\r\n                height={ButtonHeight.Filter}\r\n              />\r\n              <FilterModal\r\n                modalIsShown={filterModalIsShown}\r\n                hideModal={() => setFilterModalIsShown(false)}\r\n                heading={productList.labels.filters}\r\n                activeFiltersLabel={productList.labels.activeFilters ?? 'productList.labels.activeFilters'}\r\n                removeActiveFilter={onRemoveFacet.bind(this)}\r\n                filters={selectedFacets}\r\n                onFiltersUpdated={(facets, ticket) => onFacetValueChange(facets, ticket)}\r\n                onFiltersReset={() => onResetFacetValues()}\r\n                clearFiltersLabel={productList.labels.clearFilter}\r\n                showProductsLabel={productList.labels.showProducts}\r\n              />\r\n            </Filters>\r\n          )}\r\n          {productList.labels &&\r\n            <ProductListHeading>\r\n              <ListHeading>{productList.labels.nrItems}</ListHeading>\r\n            </ProductListHeading>\r\n          }\r\n          {!hideFacetAndSort && (\r\n            <ProductSort\r\n              toggleModal={() => toggleSortModal()}\r\n              handleChange={handleProductSortChange}\r\n              showModal={showProductSortModal}\r\n              label={productList.labels.sort}\r\n              sort={productList.sortOptions}\r\n              selected={selectedSortBy || productList.sortOptions.value}\r\n              isMobile={isMobile}\r\n            />\r\n          )}\r\n\r\n        </ProductListTop>\r\n      </ProductListTopWrap>\r\n      {(activeFacets?.length ?? 0) > 0 && <GridWrap><ActiveFacets onRemoveFacet={onRemoveFacet} activeFacets={activeFacets} /></GridWrap>}\r\n      {GalleryContent}\r\n      <GridWrap>\r\n        <Pagination\r\n          currentPage={productList.currentPageIndex}\r\n          currentlyDisplayedItemCount={visibleCount}\r\n          pageCount={productList.totalPages}\r\n          totalItemCount={totalCount}\r\n          totalItemCountLabel={totalCountTitle}\r\n          navigateToPage={navigateToPage}\r\n          totalItemCountTextColor={style.colors.monochrome.a11ygrey}\r\n        />\r\n      </GridWrap>\r\n    </div>\r\n  )\r\n};\r\n\r\nexport default connect((state) => ({\r\n  currentBreakpoint: state.currentBreakpoint,\r\n  headerHeight: state.UI.headerHeight,\r\n  currentPage: state.currentPage,\r\n}),\r\n  (dispatch) => ({\r\n    getWithSpinner(url: URLX, thenAction: (any: any) => void, canonicalUrl?: string) {\r\n      return dispatch(getWithSpinner(url, thenAction, canonicalUrl));\r\n    },\r\n  }),)(ProductsListing);","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport Html from 'Shared/Partials/PropertyTypes/Html';\r\nimport { H2, ResponsiveSize } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\n\r\ntype PropType = {\r\n  heading: string;\r\n  text: Scope.XhtmlString;\r\n};\r\n\r\nconst SeoContentWrap = styled(GridWrap, {\r\n  margin: {\r\n    top: '80px',\r\n    bottom: '80px'\r\n  },\r\n})\r\n\r\nexport const SeoContent = ({ heading, text }: PropType) => {  \r\n  return (\r\n    <SeoContentWrap className='grid rows-xs'>\r\n      <div className={createGridClasses(0, 5, createOffsetGridClassLarge(2))}>\r\n        <H2 fontSize={ResponsiveSize.D56_M24}>{heading}</H2>\r\n      </div>\r\n      <div className={createGridClasses(0, 5)}>\r\n        {text && <Html className='editor' html={text.html} />}\r\n      </div>\r\n    </SeoContentWrap>\r\n  );\r\n};\r\n","/**\r\n * @ComponentFor CategoryTreeViewModel\r\n */\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport CategoryItemViewModel from './CategoryItemViewModel.type';\r\nimport Link from 'Shared/Link';\r\nimport { AspectRatioOuter, HoverAspectRatioInner } from 'Shared/SharedComponents/atoms/AspectRatio';\r\nimport { setImageBackground, Preset } from 'Shared/image-background';\r\nimport SwiperList from 'Shared/SwiperList';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = {\r\n  categories: CategoryItemViewModel[];\r\n  isCompact: boolean;\r\n};\r\n\r\nconst SwiperWrap = styled.div({\r\n  width: '100%'\r\n})\r\n\r\nconst CategoryHeading = styled.h2({\r\n  position: 'absolute',\r\n  bottom: 0,\r\n  width: '100%',\r\n  paddingBottom: '12px',\r\n  margin: { top: 0, bottom: 0 },\r\n  textAlign: 'center',\r\n  fontSize: '14px',\r\n  textTransform: 'uppercase',\r\n})\r\n\r\nconst CategoryLink = styled(Link, {\r\n  textDecoration: 'none', color: 'black'\r\n})\r\n\r\nconst CategoryContentWrap = styled(AspectRatioOuter, {\r\n  paddingTop: '100%',\r\n  borderRadius: '8px',\r\n  backgroundSize: 'cover',\r\n  backgroundPosition: 'center center',\r\n})\r\n\r\nconst CategoryContentInner = styled(HoverAspectRatioInner, {\r\n  height: '100%',\r\n  ['@media ' + style.mediaUpToLarge]: {\r\n    border: { xy: { style: 'none' } },\r\n    ':hover': {\r\n      border: { xy: { style: 'none' } },\r\n    }\r\n  },\r\n})\r\n\r\nconst Categories = (props: PropType) => {\r\n  const { categories, isCompact } = props;\r\n  const slidesPerView = isCompact ? 2.5 : 5.5;\r\n  const spaceBetween = isCompact ? 12 : 16;\r\n  const showNav = slidesPerView < categories.length;\r\n\r\n  return (\r\n    <SwiperWrap>\r\n      <SwiperList isCompact={isCompact} slidesPerView={slidesPerView} spaceBetween={spaceBetween} showNav={showNav} navIndentLeft={true} cssMode={true} freeMode={true} slidesPerGroup={isCompact ? 1 : 2}>\r\n        {categories.map((category, index) => (\r\n          <div key={index} className=\"swiper-slide\">\r\n            <CategoryLink to={category.url}>\r\n              <CategoryContentWrap\r\n                css={{\r\n                  backgroundImage: setImageBackground(category.image?.url as string, Preset.SquareListItem),\r\n                }}\r\n              >\r\n                <CategoryContentInner>\r\n                  <CategoryHeading>\r\n                    {category.displayName}\r\n                  </CategoryHeading>\r\n                </CategoryContentInner>\r\n              </CategoryContentWrap>\r\n            </CategoryLink>\r\n          </div>\r\n        ))}\r\n      </SwiperList>\r\n    </SwiperWrap>\r\n  );\r\n};\r\n\r\nexport default Categories;\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport ArticleListItemViewModel from 'Shared/ViewModels/ContentListItemViewModel.type';\r\nimport { Ratio as ImageRatio } from 'Shared/AspectRatio';\r\nimport { Preset as ImagePreset } from 'Shared/image-sizes';\r\nimport Link from 'Shared/Link';\r\nimport Image from 'Shared/Image/Ratio';\r\nimport { ResponsiveSize, TextBlock, TextLabel } from 'Shared/SharedComponents/atoms/Typography';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = {\r\n  article: ArticleListItemViewModel;\r\n};\r\n\r\nconst ArticleLink = styled(Link, {\r\n  color: style.colors.monochrome.black,\r\n});\r\n\r\nconst Wrap = styled.div({\r\n  backgroundColor: style.colors.monochrome.extraLightGrey,\r\n  paddingLeft: '8px',\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  borderRadius: '8px'\r\n})\r\n\r\nconst Content = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'flex-start',\r\n  gap: '8px',\r\n  padding: { xy: '8px'},\r\n})\r\n\r\nconst ArticleCard = ({ article }: PropType) => {\r\n  return (\r\n    <div>\r\n      <ArticleLink to={article.url}>\r\n        <Wrap>\r\n          <div>\r\n            <Image\r\n              src={article.image}\r\n              alt={''}\r\n              ratio={ImageRatio.OneToOne}\r\n              preset={ImagePreset.SquareListItem}\r\n              breakPoint={0}\r\n              borderRadius={8}\r\n              css={{ width: '97px' }}\r\n            />\r\n          </div>\r\n          <Content>\r\n            <TextLabel>{article.tag}</TextLabel>\r\n            <TextBlock fontSize={ResponsiveSize.D16_M16}>{article.heading}</TextBlock>\r\n          </Content>\r\n        </Wrap>\r\n      </ArticleLink>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ArticleCard;\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport ArticleListItemViewModel from 'Shared/ViewModels/ContentListItemViewModel.type';\r\nimport ArticleCard from './ArticleCard';\r\nimport { createGridClasses } from 'Shared/grid';\r\n\r\ntype PropType = {\r\n  articles: ArticleListItemViewModel[];\r\n  isCompact: boolean;\r\n};\r\n\r\nconst MoreArticles = ({ articles, isCompact }: PropType) => {\r\n  return (\r\n    <styled.Div\r\n      className=\"grid\"\r\n      css={{ gap: '16px' }}\r\n    >\r\n      {articles.map((article, index) => (\r\n        <styled.Div key={`article-${index}`} className={createGridClasses(12, 6)}>\r\n          <ArticleCard article={article} />\r\n        </styled.Div>\r\n      ))}\r\n    </styled.Div>\r\n  );\r\n};\r\n\r\nexport default MoreArticles;\r\n","import React, { useState } from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport VideoSourceType from 'Shared/ViewModels/VideoSourceViewModel.type';\r\nimport Video from 'Shared/Video/Video';\r\nimport { H2, ResponsiveSize, TextLabel } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { ButtonHeight, ButtonTheme, SolidButton } from 'Shared/TextButtons';\r\nimport { Play12x12 } from 'Shared/Icons/Play';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = {\r\n  videoSources: VideoSourceType[];\r\n  previewImage: Scope.UrlViewModel;\r\n  playButtonText: string;\r\n  label: string;\r\n  heading: string;\r\n  isCompact: boolean;\r\n};\r\n\r\nconst ContentWrap = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'end',\r\n  height: '100%',\r\n  textAlign: 'center',\r\n})\r\n\r\nconst ButtonWrap = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'end',\r\n  height: '100%',\r\n  paddingBottom: '12px',\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    paddingBottom: '16px',\r\n  },        \r\n})\r\n\r\nconst Label = styled(TextLabel, {\r\n  marginBottom: '16px'\r\n})\r\n\r\nconst Center = styled.div({\r\n  textAlign: 'center',\r\n})\r\n\r\nconst ButtonIcon = styled(Play12x12, {\r\n  marginLeft: '8px'\r\n})\r\n\r\nconst VideoContent = ({ videoSources, previewImage, label, heading, playButtonText, isCompact }: PropType) => {\r\n  const [videoStarted, setVideoStarted] = useState(false);\r\n\r\n  return (\r\n    <Video\r\n      videoSources={videoSources}\r\n      previewImage={previewImage}\r\n      isCompact={isCompact}\r\n      videoStarted={videoStarted}\r\n      stopVideo={() => setVideoStarted(false)}\r\n    >\r\n      <ContentWrap>\r\n        {label && <Label fontSize={ResponsiveSize.D14_M12}>{label}</Label>}\r\n        {heading && <H2 fontSize={ResponsiveSize.D32_M20}>{heading}</H2>}\r\n      </ContentWrap>\r\n      <ButtonWrap>\r\n        <Center>\r\n          <SolidButton\r\n            text={playButtonText}\r\n            onClick={() => setVideoStarted(true)}\r\n            theme={ButtonTheme.WhiteBorderToBlack}\r\n            iconAfter={<ButtonIcon />}\r\n            height={ButtonHeight.Big}\r\n          />\r\n        </Center>\r\n      </ButtonWrap>\r\n    </Video>\r\n  );\r\n};\r\n\r\nexport default VideoContent;\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { RatioPicture, Ratio as ImageRatio, Preset } from 'Shared/Image/Ratio';\r\nimport Price from 'Pricing/Price';\r\nimport ProductListItemViewModel from '../../Product/ProductListing/ProductListItemViewModel.type';\r\nimport Link from 'Shared/Generic/A';\r\nimport { Text, TextBlock, ResponsiveSize } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { colorFromTag } from 'Shared/utils';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = StyledProps & {\r\n  product: ProductListItemViewModel;\r\n  isMobile: boolean;\r\n  onTracking?: () => void;\r\n};\r\n\r\nconst CardWrap = styled(Link, {\r\n  display: 'flex',\r\n  marginBottom: 12,\r\n  color: style.colors.monochrome.black,\r\n  ':hover': {\r\n    textDecoration: 'none',\r\n  }\r\n});\r\n\r\nconst Media = styled.div({\r\n  flexBasis: '98px',\r\n});\r\n\r\nconst Content = styled.div({\r\n  margin: { xy: 8 },\r\n  position: 'relative',\r\n  fontSize: '14px',\r\n  flexGrow: 1,\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  gap: '4px',\r\n});\r\n\r\nconst DisplayName = styled.div({\r\n  display: 'block',\r\n  textTransform: 'uppercase',\r\n  fontWeight: 500,\r\n  fontSize: '14px',\r\n  lineHeight: '100%',\r\n});\r\n\r\nconst Tags = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  gap: '12px'\r\n})\r\n\r\nconst Item = (props: PropType) => {\r\n  const {\r\n    isMobile,\r\n    product,\r\n  } = props;\r\n\r\n  return (\r\n    <CardWrap\r\n      css={props.compose()}\r\n      draggable=\"false\"\r\n      to={product.url}\r\n      linkIdentifier={product.ticket}\r\n      onClick={props.onTracking}\r\n    >\r\n      <Media>\r\n        <RatioPicture\r\n          src={product.imageUrls[0]}\r\n          alt={product.displayName}\r\n          ratio={ImageRatio.ThreeToFour}\r\n          preset={Preset.ItemThumbLarge}\r\n          borderRadius={8}\r\n        />\r\n      </Media>\r\n      <Content>\r\n        <DisplayName>{product.displayName}</DisplayName>\r\n        <TextBlock css={{ fontWeight: isMobile ? 500 : 450 }} fontSize={ResponsiveSize.D14_M14_L130}>\r\n          {product.oneLineText}\r\n        </TextBlock>\r\n        <Tags>\r\n          {product.tags &&\r\n            product.tags.slice(0, 2).map((tag, index) => (\r\n              <Text\r\n                upperCase\r\n                fontSize={ResponsiveSize.D12_M12}\r\n                key={index}\r\n                css={{ color: colorFromTag(tag.code, tag.color) }}\r\n              >\r\n                {tag.tag}\r\n              </Text>\r\n            ))}\r\n        </Tags>\r\n        <Price\r\n          css={{ marginTop: '2px' }}\r\n          {...product.price}\r\n          fontSize={14}\r\n          fontSizePrevPrice={12}\r\n        />\r\n      </Content>\r\n    </CardWrap>\r\n  );\r\n};\r\n\r\nexport default styled(Item, {\r\n  marginBottom: '10px',\r\n});\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport ProductListItemViewModel from 'Product/ProductListing/ProductListItemViewModel.type';\r\nimport ProductMiniCard from 'Product/ProductCard/MiniCard';\r\nimport connect from 'Shared/connect';\r\nimport { createGridClasses } from 'Shared/grid';\r\n\r\ntype PropType = {\r\n  products: ProductListItemViewModel[];\r\n  isCompact: boolean;\r\n};\r\n\r\ntype ConnectedPropType = {\r\n  currency: string;\r\n};\r\n\r\nconst VideoProducts = ({ products, currency, isCompact }: PropType & ConnectedPropType) => {\r\n  return (\r\n    <styled.Div\r\n      className=\"grid\"\r\n      css={{ gap: '16px' }}\r\n    >\r\n      {products.map((product, index) => (\r\n        <div key={`product-${index}`} className={createGridClasses(12, 6)}>\r\n          <ProductMiniCard product={product} isMobile={isCompact} />\r\n        </div>\r\n      ))}\r\n    </styled.Div>\r\n  );\r\n};\r\n\r\nexport default connect((state) => ({\r\n  currency: state.appShellData.market.currency,\r\n}))(VideoProducts);\r\n","import React, { ReactNode, useState } from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport VideoProductsBlockViewModel from 'Shared/Blocks/Video/VideoProductsBlockViewModel.type';\r\nimport Modal, { ModalScrollableContent, ModalTabs, ModalTopContent } from 'Shared/SharedComponents/atoms/Modal';\r\nimport ArticleListItemViewModel from 'Shared/ViewModels/ContentListItemViewModel.type';\r\nimport MoreArticles from './MoreArticles';\r\nimport VideoContent from './VideoContent';\r\nimport VideoProducts from './VideoProducts';\r\n\r\nconst ModalScrollableContentMobile = styled(ModalScrollableContent, {\r\n  paddingTop: '12px',\r\n})\r\n\r\nconst ModalScrollableContentDesktop = styled(ModalScrollableContent, {\r\n  paddingTop: '24px',\r\n})\r\n\r\ntype EmbeddedContentLabels = {\r\n  textAboveHeading: string;\r\n  heading: string;\r\n  close: string;\r\n};\r\n\r\ntype PropType = {\r\n  modalIsShown: boolean;\r\n  hideModal: () => void;\r\n  labels: EmbeddedContentLabels;\r\n  mainContentLabel: string;\r\n  mainContent: ReactNode;\r\n  videoLabel: string;\r\n  video?: VideoProductsBlockViewModel;\r\n  videoProductsLabel: string;\r\n  moreArticlesLabel: string;\r\n  moreArticles?: ArticleListItemViewModel[];\r\n  isCompact: boolean;\r\n};\r\n\r\nconst EmbeddedContentModal = ({\r\n  modalIsShown,\r\n  hideModal,\r\n  labels,\r\n  mainContentLabel,\r\n  mainContent,\r\n  videoLabel,\r\n  video,\r\n  videoProductsLabel,\r\n  moreArticlesLabel,\r\n  moreArticles,\r\n  isCompact,\r\n}: PropType) => {\r\n  enum Tabs {\r\n    MainContent,\r\n    Video,\r\n    VideoProducts,\r\n    MoreArticles,\r\n  }\r\n\r\n  const tabs = [{ tab: Tabs.MainContent, label: mainContentLabel }];\r\n\r\n  if (isCompact && video?.videoSources && video.videoSources.length > 0) {\r\n    tabs.push({ tab: Tabs.Video, label: videoLabel });\r\n  }\r\n\r\n  if (video?.productItems) {\r\n    tabs.push({ tab: Tabs.VideoProducts, label: videoProductsLabel });\r\n  }\r\n\r\n  if(moreArticles && moreArticles.length > 0) {\r\n    tabs.push({ tab: Tabs.MoreArticles, label: moreArticlesLabel });\r\n  }\r\n  \r\n  const [selectedTab, setSelectedTab] = useState(Tabs.MainContent);\r\n\r\n  const gotDesktopVideo =\r\n    video?.videoSources !== null && video?.videoSources.findIndex((x) => x.device !== 'MOBILE') > -1;\r\n\r\n  const ModalScrollable = isCompact ? ModalScrollableContentMobile : ModalScrollableContentDesktop;\r\n\r\n  return (\r\n    <Modal\r\n      modalIsShown={modalIsShown}\r\n      hideModal={hideModal}\r\n      widthInColumns={6}\r\n      paneContent={\r\n        isCompact || !gotDesktopVideo ? undefined : (\r\n          <VideoContent\r\n            videoSources={video.videoSources}\r\n            previewImage={video.imagePreview}\r\n            label={video.label}\r\n            heading={video.heading}\r\n            playButtonText={video.playButtonText}\r\n            isCompact={isCompact}\r\n          />\r\n        )\r\n      }\r\n    >\r\n      <ModalTopContent\r\n        textAboveHeading={labels.textAboveHeading}\r\n        heading={labels.heading}\r\n        closeText={isCompact ? undefined : labels.close}\r\n        closeModal={hideModal}\r\n      >\r\n        <ModalTabs tabs={tabs} activeTab={selectedTab} switchToTab={setSelectedTab} />\r\n      </ModalTopContent>\r\n      {(selectedTab === Tabs.MainContent ||\r\n        selectedTab === Tabs.VideoProducts ||\r\n        selectedTab === Tabs.MoreArticles) && (\r\n        <ModalScrollable>\r\n          {selectedTab === Tabs.MainContent && mainContent}\r\n          {selectedTab === Tabs.VideoProducts && video?.productItems && (\r\n            <VideoProducts products={video.productItems} isCompact={isCompact} />\r\n          )}\r\n          {selectedTab === Tabs.MoreArticles && moreArticles && (\r\n            <MoreArticles articles={moreArticles} isCompact={isCompact} />\r\n          )}\r\n        </ModalScrollable>\r\n      )}\r\n      {selectedTab === Tabs.Video && video?.videoSources?.length !== 0 && (\r\n        <VideoContent\r\n          videoSources={video.videoSources}\r\n          previewImage={video.imagePreview}\r\n          label={video.label}\r\n          heading={video.heading}\r\n          playButtonText={video.playButtonText}\r\n          isCompact={isCompact}\r\n        />\r\n      )}\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default EmbeddedContentModal;\r\n","/**\r\n * @ComponentFor CategoryViewModel\r\n */\r\nimport React, { useState } from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { scrollTo } from '@polarnopyret/scope';\r\nimport { PageType } from 'Shared/State';\r\nimport ProductListing from 'Product/ProductListing';\r\nimport CategoryType from './CategoryViewModel.type';\r\nimport Page, { Appearance as PageAppearance } from 'Shared/Page';\r\nimport Viewport from 'Shared/Viewport';\r\nimport Categories from './Categories';\r\nimport { ContentArea, EpiProperty, epiPropertyValue } from '@polarnopyret/scope-episerver';\r\nimport { Play12x12 } from 'Shared/Icons/Play';\r\nimport ProductListViewModel from 'Product/ProductListing/ProductListViewModel.type';\r\nimport { TopContentWide } from 'Shared/Page/PageContent';\r\nimport { SeoContent } from 'Shared/Page/PageBottom';\r\nimport EmbeddedContentModal from 'Cms/EmbeddedContentModal';\r\n\r\ntype PropType = CategoryType & PageType;\r\n\r\nconst PlayIcon = styled(Play12x12, {\r\n  marginLeft: '8px'\r\n})\r\n\r\nexport default (notProps: PropType) => {\r\n  const [filterResults, setFilterResults] = useState<ProductListViewModel | undefined>(undefined);\r\n  const [modalIsShown, setModalIsShown] = useState<boolean>(false);\r\n  const props: PropType = { ...notProps, productList: filterResults ?? notProps.productList };\r\n  \r\n  const seoContentRef = React.createRef<HTMLDivElement>()\r\n  \r\n  return (\r\n    <Viewport>\r\n      {(isCompact: boolean) => {\r\n        const modalButtonText = props.ageGroupModalContent?.buttonText ? props.ageGroupModalContent?.buttonText : null;\r\n        \r\n        return (\r\n          <Page>\r\n            <TopContentWide\r\n              isCompact={isCompact}\r\n              label={props.ageGroupContent?.label}\r\n              heading={epiPropertyValue(props.page.heading)}\r\n              intro={props.ageGroupContent?.mainIntro}\r\n              modalButtonClick={() => setModalIsShown(true)}\r\n              modalButtonText={modalButtonText}\r\n              modalButtonIconAfter={\r\n                props.video?.videoSources &&\r\n                props.video?.videoSources.length > 0 && <PlayIcon />\r\n              }\r\n              breadcrumbs={props.breadcrumbs}\r\n              readMoreLabel={props.labels.readMore}\r\n              handleReadMore={(props.ageGroupContent?.mainIntro && props.ageGroupContent?.bottomText) ? () => { \r\n                  const elmTop = seoContentRef.current.offsetTop\r\n                  scrollTo(elmTop - 100, 500);\r\n              } : false}\r\n            >\r\n              <Categories categories={props.categoryTree.categories} isCompact={isCompact} />\r\n            </TopContentWide>\r\n            \r\n            <EmbeddedContentModal\r\n              modalIsShown={modalIsShown}\r\n              hideModal={() => setModalIsShown(false)}\r\n              labels={{\r\n                textAboveHeading: props.ageGroupModalContent?.label,\r\n                heading: props.ageGroupModalContent?.heading,\r\n                close: props.labels.close,\r\n              }}\r\n              mainContentLabel={props.labels.guide}\r\n              mainContent={<ContentArea items={props.ageGroupModalContent?.contentArea?.items} />}\r\n              videoLabel={props.labels.video}\r\n              video={props.video}\r\n              videoProductsLabel={props.labels.productsInVideo}\r\n              moreArticlesLabel={props.labels.moreGuides}\r\n              moreArticles={props.articles}\r\n              isCompact={isCompact}\r\n            />\r\n            <ProductListing {...props} content={null} setFilterResults={setFilterResults} />\r\n            <EpiProperty for={props.page.bottomContentArea} />\r\n            <div ref={seoContentRef}>\r\n              <SeoContent\r\n                heading={props.ageGroupContent?.bottomHeading}\r\n                text={props.ageGroupContent?.bottomText}\r\n              />\r\n            </div>\r\n          </Page>\r\n        );\r\n      }}\r\n    </Viewport>\r\n  );\r\n};\r\n"],"sourceRoot":""}