{"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/SharedComponents/atoms/Breadcrumbs.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/Icons/Chevron.tsx","webpack:///./Avensia.Common/Features/Shared/Accordion/index.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Play.tsx","webpack:///./Avensia.Common/Features/Shared/Icons/Glyphs/ChevronRight_12x12.svg","webpack:///./Avensia.Common/Features/Shared/Icons/Glyphs/ChevronRight_16x16.svg","webpack:///./Avensia.Common/Features/Shared/Icons/Glyphs/ChevronRight_24x24.svg","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","BaseWrap","textDecoration","flexDirection","padding","VerticalWrap","transform","writingMode","x","HorizontalWrap","flexWrap","overflowX","overflowY","scrollbarWidth","ListWrap","ListItem","gap","BreadCrumbLink","whiteSpace","vertical","breadcrumbs","white","opaqueColor","isProductPage","halfTransparentColor","rgbaFilters","white50","black50","containerRef","current","scrollLeft","offsetWidth","Wrapper","ref","itemType","itemScope","map","crumb","index","array","key","itemProp","to","title","text","content","String","window","location","protocol","host","TopLabel","margin","bottom","ReadMoreWrap","marginTop","ReadMore","span","a11ygrey","cursor","textTransform","fontSize","fontWeight","TopContentHeading","wordBreak","BreadcrumbWrapper","rowGap","marginLeft","marginRight","TopContentWideWrapper","TopContentWide","TopContent","TopContentButton","TopContentIntro","p","TopContentWrap","TopContentChildren","label","heading","headingSize","modalButtonText","modalButtonClick","modalButtonIconAfter","intro","handleReadMore","readMoreLabel","Small","onClick","iconAfter","theme","WhiteToBlack","render","this","type","videoType","src","Component","videoRef","playerRef","hlsSource","find","device","isSupported","hls","loadSource","attachMedia","on","Events","MANIFEST_PARSED","play","canPlayType","volume","onEnded","zIndex","objectFit","objectPosition","filter","source","i","Right12x12","Down12x12","Up12x12","Right16x16","Right24x24","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","React","ChevronRight12x12","createElement","defaultProps","module","exports","default","ChevronRight16x16","ChevronRight24x24","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","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/16.chunk.53c0f1fc72737eed72bf.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 { 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 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 factory from './icon';\r\nimport Svg12x12 from './Glyphs/ChevronRight_12x12.svg';\r\nimport Svg16x16 from './Glyphs/ChevronRight_16x16.svg';\r\nimport Svg24x24 from './Glyphs/ChevronRight_24x24.svg';\r\n\r\nexport const Right12x12 = factory(Svg12x12, 12, 12);\r\nexport const Down12x12 = styled(Right12x12, {\r\n  transform: 'rotate(90deg)',\r\n})\r\nexport const Left12x12 = styled(Right12x12, {\r\n  transform: 'rotate(180deg)',\r\n  });\r\nexport const Up12x12 = styled(Right12x12, {\r\n  transform: 'rotate(270deg)',\r\n})\r\n\r\nexport const Right16x16 = factory(Svg16x16, 16, 16);\r\nexport const Down16x16 = styled(Right16x16, {\r\n  transform: 'rotate(90deg)',\r\n})\r\nexport const Left16x16 = styled(Right16x16, {\r\n  transform: 'rotate(180deg)',\r\n  });\r\nexport const Up16x16 = styled(Right16x16, {\r\n  transform: 'rotate(270deg)',\r\n})\r\n\r\nexport const Right24x24 = factory(Svg24x24, 24, 24);\r\nexport const Down24x24 = styled(Right24x24, {\r\n  transform: 'rotate(90deg)',\r\n})\r\nexport const Left24x24 = styled(Right24x24, {\r\n  transform: 'rotate(180deg)',\r\n  });\r\nexport const Up24x24 = styled(Right24x24, {\r\n  transform: 'rotate(270deg)',\r\n})\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","var React = require('react');\n\nfunction ChevronRight12x12 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Size=12x12, Inverted=off\"},React.createElement(\"path\",{\"id\":\"Vector\",\"d\":\"M3.5 11l5-4.5v-1L3.5 1\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeMiterlimit\":\"10\",\"strokeLinecap\":\"round\"})));\n}\n\nChevronRight12x12.defaultProps = {\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\"};\n\nmodule.exports = ChevronRight12x12;\n\nChevronRight12x12.default = ChevronRight12x12;\n","var React = require('react');\n\nfunction ChevronRight16x16 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Size=16x16, Inverted=off\"},React.createElement(\"path\",{\"id\":\"Vector\",\"d\":\"M4.5 15l7-6.5v-1L4.5 1\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeMiterlimit\":\"10\",\"strokeLinecap\":\"round\"})));\n}\n\nChevronRight16x16.defaultProps = {\"width\":\"16\",\"height\":\"16\",\"viewBox\":\"0 0 16 16\",\"fill\":\"none\"};\n\nmodule.exports = ChevronRight16x16;\n\nChevronRight16x16.default = ChevronRight16x16;\n","var React = require('react');\n\nfunction ChevronRight24x24 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Size=24x24, Inverted=off\"},React.createElement(\"path\",{\"id\":\"Vector\",\"d\":\"M6.5 23l11-10.43v-1.14L6.5 1\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeMiterlimit\":\"10\",\"strokeLinecap\":\"round\"})));\n}\n\nChevronRight24x24.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"};\n\nmodule.exports = ChevronRight24x24;\n\nChevronRight24x24.default = ChevronRight24x24;\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  addUserLog,\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 ProductListItemViewModel from './ProductListItemViewModel.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":""}