{"version":3,"file":"8266.f7c514f568e77377df7f.js","mappings":"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","sources":["webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/DeliveryCostsModalButton/DeliveryCostsModal/delivery-costs-modal.tsx","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/DeliveryCostsModalButton/delivery-costs-modal-button.tsx","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Basket/basket-add.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/ProductSlider/product-slider-product-item.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Shared/Icons/icon-viewall-arrow-right.tsx","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/ProductSlider/product-slider.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Shared/Constants/info-types.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Shared/Icons/icon-arrow.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Shared/SliderNavigation/slider-navigation-button.js"],"sourcesContent":["import React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport Modal from \"ReactComponents/Modal/modal\";\r\nimport IProductDeliveryInfo from \"interfaces/IProductDeliveryInfo\";\r\n\r\nexport interface IDeliveryCostsModalProps {\r\n productDeliveryInfo: IProductDeliveryInfo;\r\n isOpen: boolean;\r\n onClose: () => void;\r\n}\r\n\r\nconst DeliveryCostsModal: React.FC<IDeliveryCostsModalProps> = ({\r\n productDeliveryInfo,\r\n isOpen,\r\n onClose\r\n}: IDeliveryCostsModalProps) => {\r\n const baseClass = \"delivery-costs-modal\";\r\n const rootClasses = classNames(baseClass, \"content-module\");\r\n\r\n return (\r\n <Modal\r\n labelledBy=\"delivery-cost-modal-header\"\r\n modalClassName={rootClasses}\r\n isOpen={isOpen}\r\n toClose={onClose}\r\n showCloseButton\r\n >\r\n <div className=\"delivery-costs-modal__content\">\r\n <h2 id=\"delivery-cost-modal-header\">{productDeliveryInfo.HeaderText}</h2>\r\n\r\n <div className=\"text\" dangerouslySetInnerHTML={{ __html: productDeliveryInfo.BodyText }} />\r\n </div>\r\n </Modal>\r\n );\r\n};\r\n\r\nexport default DeliveryCostsModal;\r\n","import React, { useState } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport DeliveryCostsModal from \"ReactComponents/DeliveryCostsModalButton/DeliveryCostsModal/delivery-costs-modal\";\r\nimport IProductDeliveryInfo from \"interfaces/IProductDeliveryInfo\";\r\n\r\nexport interface IDeliveryCostsModalButtonProps {\r\n productDeliveryInfo: IProductDeliveryInfo;\r\n isTotalButton?: boolean;\r\n}\r\n\r\nconst DeliveryCostsModalButton: React.FC<IDeliveryCostsModalButtonProps> = ({\r\n productDeliveryInfo,\r\n isTotalButton = false\r\n}: IDeliveryCostsModalButtonProps) => {\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const baseClass = \"delivery-costs-modal-button\";\r\n const rootClasses = classNames(baseClass);\r\n const buttonClasses = classNames({\r\n \"total-button\": isTotalButton\r\n });\r\n\r\n return (\r\n <>\r\n <DeliveryCostsModal\r\n productDeliveryInfo={productDeliveryInfo}\r\n isOpen={isModalOpen}\r\n onClose={() => setIsModalOpen(false)}\r\n />\r\n <div className={rootClasses}>\r\n <button type=\"button\" className={buttonClasses} onClick={() => setIsModalOpen(true)}>\r\n {isTotalButton ? productDeliveryInfo.LinkTextTotal : productDeliveryInfo.LinkText}\r\n </button>\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default DeliveryCostsModalButton;\r\n","import React, { Component } from \"react\";\r\nimport classNames from \"classnames\";\r\n//import IconCart from \"ReactComponents/Shared/Icons/icon-cart\";\r\nimport { basketComposer } from \"ReactReducers/Basket/basket-composer\";\r\nimport { Breakpoints } from \"ReactComponents/Shared/Constants/breakpoints\";\r\nimport AmountInput from \"ReactComponents/Shared/FormInputs/amount-input\";\r\nimport IconCart from \"ReactComponents/Shared/Icons/icon-cart\";\r\n\r\nclass BasketAdd extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isOpen: false,\r\n value: 1,\r\n min: parseInt(this.props.min) || 1,\r\n max: parseInt(this.props.max) || 9999,\r\n isMaxCat: null,\r\n isTouchMaxHorse: null\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.onFocus = this.onFocus.bind(this);\r\n this.onBlur = this.onBlur.bind(this);\r\n this.close = this.close.bind(this);\r\n this.keyDown = this.keyDown.bind(this);\r\n this.onResize = this.onResize.bind(this);\r\n this.addToBasket = this.addToBasket.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener(\"resize\", this.onResize);\r\n this.onResize();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener(\"resize\", this.onResize);\r\n }\r\n\r\n onResize() {\r\n if (global.canUseDOM) {\r\n this.setState({\r\n isMaxCat: window.matchMedia(\r\n this.props.maxCatMediaQuery ??\r\n `(max-width: ${Breakpoints.lion}px), (min-width: ${Breakpoints.rhino + 15}px)`\r\n ).matches,\r\n isTouchMaxHorse:\r\n window.matchMedia(`(max-width: ${Breakpoints.horse}px)`).matches &&\r\n \"ontouchstart\" in window\r\n });\r\n }\r\n }\r\n\r\n onFocus() {\r\n if (this.state.isTouchMaxHorse || this.state.isOpen) return;\r\n\r\n if (global.canUseDOM) {\r\n document.addEventListener(\"click\", this.close);\r\n document.addEventListener(\"keydown\", this.keyDown);\r\n }\r\n\r\n this.setState({\r\n isOpen: true\r\n });\r\n }\r\n\r\n onBlur(e) {\r\n this.close(e);\r\n if (!this.state.isTouchMaxHorse) return;\r\n\r\n this.setState({\r\n value: this.state.value.length == 0 || this.state.value == 0 ? this.state.min : this.state.value\r\n });\r\n }\r\n\r\n onChange(e) {\r\n if (isNaN(e.target.value)) return;\r\n\r\n this.setState({\r\n value: e.target.value\r\n });\r\n }\r\n\r\n keyDown(e) {\r\n if (e.keyCode === 27 || e.keyCode == 13) {\r\n this.addToBasket();\r\n this.close(e, true);\r\n } else if (e.keyCode === 38) {\r\n this.increment();\r\n } else if (e.keyCode === 40) {\r\n this.decrement();\r\n }\r\n }\r\n\r\n close(e, force) {\r\n if (!this.isDescendant(this.refs.input, e.target) || force) {\r\n if (global.canUseDOM) {\r\n document.removeEventListener(\"click\", this.close);\r\n document.removeEventListener(\"keydown\", this.keyDown);\r\n }\r\n\r\n this.setState({\r\n isOpen: false,\r\n value:\r\n this.state.value.length == 0 || this.state.value == 0 ? this.state.min : this.state.value\r\n });\r\n\r\n e.target.blur();\r\n }\r\n }\r\n\r\n increment() {\r\n if (this.state.value >= this.state.max) return;\r\n\r\n this.setState({\r\n value: this.state.value ? parseInt(this.state.value) + 1 : this.state.min\r\n });\r\n\r\n this.setFocus();\r\n }\r\n\r\n decrement() {\r\n if (this.state.value <= this.state.min) return;\r\n\r\n this.setState({\r\n value: this.state.value ? parseInt(this.state.value) - 1 : this.state.min\r\n });\r\n\r\n this.setFocus();\r\n }\r\n\r\n setFocus() {\r\n this.refs.inputField.focus();\r\n\r\n if (!this.state.isTouchMaxHorse) {\r\n requestAnimationFrame(() => {\r\n if (!this.refs.inputField) return;\r\n });\r\n }\r\n }\r\n\r\n isDescendant(parent, child) {\r\n var node = child.parentNode;\r\n\r\n while (node != null) {\r\n if (node == parent) {\r\n return true;\r\n }\r\n node = node.parentNode;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n addToBasket() {\r\n this.props.add({\r\n Id: this.props.id,\r\n amount: this.state.value,\r\n product: this.props.product,\r\n AddCountToExistingBasket: true\r\n });\r\n }\r\n\r\n isLoading() {\r\n return this.props.isAdding.indexOf(this.props.id) != -1;\r\n }\r\n\r\n render() {\r\n const btnHasLabel = this.state.isMaxCat && this.props.label;\r\n const rootClasses = classNames(\"add-to-basket\", {\r\n \"add-to-basket__is-open\": this.state.isOpen,\r\n \"add-to-basket__hasLabel\": btnHasLabel\r\n });\r\n\r\n return (\r\n <div className={rootClasses}>\r\n <AmountInput\r\n context={this.props.product.Title}\r\n value={this.state.value}\r\n onChange={this.onChange}\r\n />\r\n\r\n <button\r\n type=\"button\"\r\n className=\"add-to-basket__button\"\r\n disabled={this.isLoading()}\r\n onClick={this.addToBasket}\r\n aria-label={`Læg ${this.state.value} stk. ${this.props.product.Title} i kurv`}\r\n >\r\n {!this.isLoading() ? (\r\n btnHasLabel ? (\r\n this.props.label\r\n ) : (\r\n <IconCart />\r\n )\r\n ) : (\r\n <div className=\"loader\">\r\n <span></span>\r\n </div>\r\n )}\r\n </button>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default basketComposer(BasketAdd);\r\n","import React, { Component } from \"react\";\r\nimport BasketAdd from \"ReactComponents/Basket/basket-add\";\r\nimport classNames from \"classnames\";\r\nimport IconLogo from \"ReactComponents/Shared/Icons/icon-logo\";\r\nimport { InfoTypes } from \"ReactComponents/Shared/Constants/info-types\";\r\nimport * as tracking from \"ReactComponents/Shared/Utils/tracking\";\r\nimport DeliveryCostsModalButton from \"ReactComponents/DeliveryCostsModalButton/delivery-costs-modal-button\";\r\n\r\nclass SideBySideProduct extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.productLinkClick = this.productLinkClick.bind(this);\r\n\r\n this.state = {\r\n isMounted: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n isMounted: true\r\n });\r\n }\r\n\r\n handleAuthorclick(e) {\r\n e.preventDefault();\r\n }\r\n\r\n productLinkClick() {\r\n const product = this.props.product;\r\n tracking.productClick({ product, componentName: \"productSlider\" });\r\n }\r\n\r\n render() {\r\n const product = this.props.product;\r\n const mediaTypes = this.props.mediaTypes;\r\n const inStockClasses = classNames({\r\n \"product__price-label__stock\": true,\r\n \"info-type--info\": product.InfoType == InfoTypes.info,\r\n \"info-type--alert\": product.InfoType == InfoTypes.alert\r\n });\r\n const priceClasses = classNames({\r\n product__prices: true,\r\n discounted: product.DiscountedPrice\r\n });\r\n\r\n return (\r\n <div className=\"product-slider__product-item\">\r\n <div className=\"product__meta-container\">\r\n <div className=\"product__img\">\r\n <a onClick={this.productLinkClick} href={product.ProductPageLink}>\r\n {product.CoverImageUrl ? (\r\n <img\r\n src={product.CoverImageUrl + \"&w=130\"}\r\n loading=\"lazy\"\r\n alt={product.Title}\r\n />\r\n ) : (\r\n <div className=\"product__img--fallback\">\r\n <IconLogo />\r\n </div>\r\n )}\r\n </a>\r\n </div>\r\n\r\n <div className=\"product__titles\">\r\n <a onClick={this.productLinkClick} href={product.ProductPageLink}>\r\n <h3\r\n className=\"product__title\"\r\n title={product.Title}\r\n dangerouslySetInnerHTML={{ __html: product.Title }}\r\n />\r\n {product.Subtitle && (\r\n <div className=\"product__subtitle\">\r\n <span dangerouslySetInnerHTML={{ __html: product.Subtitle }} />\r\n </div>\r\n )}\r\n </a>\r\n {/*\r\n <div className=\"product__subtitle\">\r\n {this.state.isMounted && siteThemeName === \"gu\" && product.Subtitle && (\r\n <span dangerouslySetInnerHTML={{ __html: product.Subtitle }} />\r\n )}\r\n {this.state.isMounted && siteThemeName !== \"gu\" && product.EditorsListShort && (\r\n <div className=\"product__editors\" onClick={this.handleAuthorclick}>\r\n <span dangerouslySetInnerHTML={{ __html: product.EditorsListShort }} />\r\n <span\r\n className=\"editor-abbreviation\"\r\n dangerouslySetInnerHTML={{\r\n __html: this.props.labels.EditorsListShortAbbreviation\r\n }}\r\n />\r\n </div>\r\n )}\r\n {this.state.isMounted &&\r\n siteThemeName !== \"gu\" &&\r\n !product.EditorsListShort &&\r\n product.AuthorsListShort && (\r\n <div className=\"product__authors\" onClick={this.handleAuthorclick}>\r\n <span\r\n dangerouslySetInnerHTML={{ __html: product.AuthorsListShort }}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n */}\r\n </div>\r\n\r\n <div className=\"product__prices-area\">\r\n <p className=\"product__price-label\">\r\n <span\r\n className=\"product__price-label__unit\"\r\n dangerouslySetInnerHTML={{ __html: product.PriceUnit }}\r\n />\r\n {product.StockText && (\r\n <span\r\n className={inStockClasses}\r\n dangerouslySetInnerHTML={{ __html: product.StockText }}\r\n />\r\n )}\r\n </p>\r\n\r\n <div className=\"product__price-button-container\">\r\n <div className={priceClasses}>\r\n <p className=\"product__price-primary\">{product.PrimaryPrice}</p>\r\n {product.DiscountedPrice && (\r\n <p className=\"product__price-discount\">{product.DiscountedPrice}</p>\r\n )}\r\n <p className=\"product__price-secondary\">{product.SecondaryPrice}</p>\r\n </div>\r\n </div>\r\n {product.IsPhysical && this.props.productDeliveryInfo && (\r\n <DeliveryCostsModalButton productDeliveryInfo={this.props.productDeliveryInfo} />\r\n )}\r\n </div>\r\n\r\n <div className=\"btn-container\">\r\n {product.CanBeBought ? (\r\n <BasketAdd\r\n product={product}\r\n id={product.Id}\r\n label={this.props.labels.AddToBasketText}\r\n />\r\n ) : (\r\n <a\r\n className=\"button button-secondary button--slim button--wide\"\r\n onClick={this.productLinkClick}\r\n href={product.ProductPageLink}\r\n dangerouslySetInnerHTML={{ __html: product.ReadMoreText }}\r\n />\r\n )}\r\n </div>\r\n </div>\r\n\r\n <div className=\"product__variants\">\r\n <p\r\n className=\"product__variants__label\"\r\n dangerouslySetInnerHTML={{ __html: this.props.labels.VariantsLabel }}\r\n />\r\n <ul className=\"product__variants__tags\">\r\n {mediaTypes &&\r\n mediaTypes.length > 0 &&\r\n mediaTypes.map((item, index) => {\r\n return (\r\n <li key={index} className=\"product-variants__tag\">\r\n {item}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default SideBySideProduct;\r\n","import React from \"react\";\r\n\r\nconst IconViewAllArrowRight = () => {\r\n return (\r\n <svg\r\n width=\"25\"\r\n height=\"24\"\r\n viewBox=\"0 0 25 24\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n role=\"presentation\"\r\n >\r\n <path\r\n d=\"M17.6569 6.00037L23.3137 11.6572L17.6569 17.3141\"\r\n stroke=\"currentColor\"\r\n strokeLinecap=\"round\"\r\n />\r\n <path d=\"M23 11.6572L4 11.6572\" stroke=\"currentColor\" strokeLinecap=\"round\" />\r\n </svg>\r\n );\r\n};\r\n\r\nexport default IconViewAllArrowRight;\r\n","// @ts-check\r\nimport React, { Component } from \"react\";\r\nimport Swiper from \"react-slick\";\r\nimport { Breakpoints } from \"ReactComponents/Shared/Constants/breakpoints\";\r\nimport ProductSliderProductItem from \"ReactComponents/ProductSlider/product-slider-product-item\";\r\nimport SliderNavigationButton from \"ReactComponents/Shared/SliderNavigation/slider-navigation-button\";\r\nimport IconViewAllArrowRight from \"ReactComponents/Shared/Icons/icon-viewall-arrow-right\";\r\n\r\nclass ProductSlider extends Component {\r\n /**\r\n * @param {any} props\r\n */\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n didMount: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ didMount: true });\r\n }\r\n\r\n render() {\r\n const swiperSettings = {\r\n infinite: false,\r\n slidesToShow: 2.3,\r\n slidesToScroll: 2,\r\n arrows: true,\r\n prevArrow: <SliderNavigationButton arrowDirection=\"left\" ariaLabel=\"Gå tilbage\" />,\r\n nextArrow: <SliderNavigationButton arrowDirection=\"right\" ariaLabel=\"Gå frem\" />,\r\n centerMode: false,\r\n // centerPadding: \"10px\",\r\n easing: \"ease\",\r\n speed: 400,\r\n responsive: [\r\n {\r\n breakpoint: Breakpoints.elephant + 320,\r\n settings: {\r\n slidesToShow: 2.3,\r\n slidesToScroll: 2\r\n }\r\n },\r\n {\r\n breakpoint: Breakpoints.lion,\r\n settings: {\r\n slidesToShow: 1.05,\r\n slidesToScroll: 1,\r\n arrows: false\r\n }\r\n }\r\n ]\r\n };\r\n\r\n const didMount = this.state.didMount;\r\n return (\r\n (this.props.Works.length > 0 || !this.props.HideWhenEmpty) && (\r\n <div className=\"product-slider-container content-module\">\r\n <div>\r\n {(this.props.TitleText ||\r\n this.props.ViewAllLink ||\r\n this.props.ViewAllProductsLink) && (\r\n <div className=\"product-slider__header-container content-module-header\">\r\n {this.props.TitleText && (\r\n <h2\r\n className=\"product-slider__header\"\r\n dangerouslySetInnerHTML={{ __html: this.props.TitleText }}\r\n />\r\n )}\r\n\r\n {\r\n //This is a temporary fix - ViewAllProductsLink should be phased out and replaced it ViewAllLink And ViewAllLinkText\r\n this.props.ViewAllProductsLink ? (\r\n <div\r\n className=\"product-slider__go-to-link\"\r\n dangerouslySetInnerHTML={{\r\n __html: this.props.ViewAllProductsLink\r\n }}\r\n />\r\n ) : (\r\n this.props.ViewAllLink && (\r\n <div className=\"product-slider__go-to-link\">\r\n <a href={this.props.ViewAllLink}>\r\n {this.props.ViewAllLinkText}\r\n <span className=\"sr-only\">\r\n {\" \"}\r\n {this.props.TitleText}\r\n </span>{\" \"}\r\n <IconViewAllArrowRight />\r\n </a>\r\n </div>\r\n )\r\n )\r\n }\r\n </div>\r\n )}\r\n\r\n <div className=\"product-slider custom-slick-slider\">\r\n {didMount && this.props.Works.length > 0 ? (\r\n <Swiper {...swiperSettings}>\r\n {this.props.Works.map((work, index) => {\r\n const product = work.Products[0],\r\n mediaTypes = work.MediaTypes;\r\n\r\n return (\r\n <ProductSliderProductItem\r\n key={index}\r\n product={product}\r\n mediaTypes={mediaTypes}\r\n labels={this.props.Labels}\r\n productDeliveryInfo={this.props.ProductDeliveryInfo}\r\n />\r\n );\r\n })}\r\n </Swiper>\r\n ) : (\r\n <div className=\"empty-product-slider\">\r\n <div\r\n className=\"empty-product-slider__text\"\r\n dangerouslySetInnerHTML={{ __html: this.props.EmptySliderText }}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n );\r\n }\r\n}\r\nexport default ProductSlider;\r\n","export const InfoTypes = {\r\n alert: 1,\r\n info: 2\r\n};\r\n","import React, { Component } from \"react\";\r\n\r\n/**\r\n * @paran (String) direction - up, down, left, right - default is right\r\n */\r\n\r\nclass IconArrow extends Component {\r\n render() {\r\n const renderDown = () => {\r\n return (\r\n <svg x=\"0px\" y=\"0px\" width=\"16.4px\" height=\"9.2px\" viewBox=\"0 0 16.4 9.2\" role=\"presentation\">\r\n <path d=\"M16.1,0.3L8.2,8.4L0.4,0.3\" />\r\n </svg>\r\n );\r\n };\r\n const renderUp = () => {\r\n return (\r\n <svg x=\"0px\" y=\"0px\" width=\"16.4px\" height=\"9.2px\" viewBox=\"0 0 16.4 9.2\" role=\"presentation\">\r\n <path d=\"M0.6,8.6l7.9-8.1l7.9,8.1\" />\r\n </svg>\r\n );\r\n };\r\n const renderRight = () => {\r\n return (\r\n <svg x=\"0px\" y=\"0px\" width=\"9.2px\" height=\"16.4px\" viewBox=\"0 0 9.2 16.4\" role=\"presentation\">\r\n <path d=\"M0.3,0.4l8.1,7.9l-8.1,7.9\" />\r\n </svg>\r\n );\r\n };\r\n const renderLeft = () => {\r\n return (\r\n <svg x=\"0px\" y=\"0px\" width=\"9.2px\" height=\"16.4px\" viewBox=\"0 0 9.2 16.4\" role=\"presentation\">\r\n <path d=\"M8.8,16.1L0.7,8.2l8.1-7.9\" />\r\n </svg>\r\n );\r\n };\r\n\r\n const pickArrow = () => {\r\n const val = this.props.direction || undefined;\r\n switch (val) {\r\n case \"up\":\r\n return renderUp();\r\n case \"down\":\r\n return renderDown();\r\n case \"left\":\r\n return renderLeft();\r\n case \"right\":\r\n return renderRight();\r\n default:\r\n return renderRight();\r\n }\r\n };\r\n const arrow = pickArrow();\r\n\r\n return arrow;\r\n }\r\n}\r\n\r\nexport default IconArrow;\r\n","import React, { Component } from \"react\";\r\nimport IconArrow from \"ReactComponents/Shared/Icons/icon-arrow\";\r\n\r\nclass SwiperNavigationButton extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n <button\r\n type=\"button\"\r\n aria-label={this.props.ariaLabel}\r\n onClick={this.props.onClick}\r\n className={this.props.className}\r\n >\r\n <IconArrow direction={this.props.arrowDirection} />\r\n </button>\r\n );\r\n }\r\n}\r\n\r\nexport default SwiperNavigationButton;\r\n"],"names":["productDeliveryInfo","isOpen","onClose","rootClasses","classNames","Modal","labelledBy","modalClassName","toClose","showCloseButton","div","className","h2","id","HeaderText","dangerouslySetInnerHTML","__html","BodyText","isTotalButton","useState","isModalOpen","setIsModalOpen","buttonClasses","DeliveryCostsModal","button","type","onClick","LinkTextTotal","LinkText","BasketAdd","props","state","value","min","parseInt","max","isMaxCat","isTouchMaxHorse","onChange","bind","onFocus","onBlur","close","keyDown","onResize","addToBasket","componentDidMount","window","addEventListener","this","componentWillUnmount","removeEventListener","global","canUseDOM","setState","matchMedia","maxCatMediaQuery","Breakpoints","matches","document","e","length","isNaN","target","keyCode","increment","decrement","force","isDescendant","refs","input","blur","setFocus","inputField","focus","requestAnimationFrame","parent","child","node","parentNode","add","Id","amount","product","AddCountToExistingBasket","isLoading","isAdding","indexOf","render","btnHasLabel","label","AmountInput","context","Title","disabled","aria-label","span","IconCart","Component","basketComposer","SideBySideProduct","productLinkClick","isMounted","handleAuthorclick","preventDefault","tracking","componentName","mediaTypes","inStockClasses","InfoType","InfoTypes","priceClasses","product__prices","discounted","DiscountedPrice","a","href","ProductPageLink","CoverImageUrl","img","src","loading","alt","IconLogo","h3","title","Subtitle","p","PriceUnit","StockText","PrimaryPrice","SecondaryPrice","IsPhysical","DeliveryCostsModalButton","CanBeBought","labels","AddToBasketText","ReadMoreText","VariantsLabel","ul","map","item","index","li","key","svg","width","height","viewBox","fill","xmlns","role","path","d","stroke","strokeLinecap","ProductSlider","didMount","swiperSettings","infinite","slidesToShow","slidesToScroll","arrows","prevArrow","SliderNavigationButton","arrowDirection","ariaLabel","nextArrow","centerMode","easing","speed","responsive","breakpoint","settings","Works","HideWhenEmpty","TitleText","ViewAllLink","ViewAllProductsLink","ViewAllLinkText","IconViewAllArrowRight","Swiper","work","Products","MediaTypes","ProductSliderProductItem","Labels","ProductDeliveryInfo","EmptySliderText","alert","info","IconArrow","SwiperNavigationButton","direction"],"sourceRoot":""}