\n
\n \n \n {translate('product-list-card.read-more')}\n \n
\n \n {(product.hasConfigurator || product.otherProductTags.length > 0) && (\n
\n \n {product.hasConfigurator && (\n \n {translate('product-image.custom-size')}\n \n )}\n {product.otherProductTags.map((tag) => (\n \n {tag}\n \n ))}\n
\n )}\n\n \n \n {translate('product-list-card.from-price')}\n {product.price.formattedCampaignPrice\n ? product.lowestPrice.formattedCampaignPrice\n : product.lowestPrice.formattedPrice}\n {product.hasCampaignPrice && (\n {product.lowestPrice.formattedPrice}\n )}\n
\n )}\n \n \n {product.name}\n \n \n {product.category}\n \n
\n {product.lowestPrice && (\n \n \n {product.hasConfigurator ? (\n <>\n
\n \n \n ) : (\n product.variants?.map((variant) => (\n \n {translate('product-card.product')}\n
\n \n {translate('product-card.stockstatus')}\n
\n \n {translate('product-card.price')}\n
\n \n \n {translate('product-card.custome-size')}\n \n
\n \n
\n \n {product.lowestPrice && (\n \n {translate('product-list-card.from-price')}\n {product.lowestPrice.formattedCampaignPrice\n ? product.lowestPrice.formattedCampaignPrice\n : product.lowestPrice.formattedPrice}\n {product.hasCampaignPrice && (\n {product.lowestPrice.formattedPrice}\n )}\n
\n )}\n \n \n {translate('product-card.art-nr')} {variant.articleNumber}\n \n \n {variant.variantName}\n \n
\n \n
\n\n \n
\n \n \n {translate('product-list-card.read-more')}\n \n
\n \n\n \n \n {translate('product-list-card.read-more')}\n \n
\n \n {product.hasConfigurator ? (\n \n
\n \n {(product.hasConfigurator || product.otherProductTags.length > 0) && (\n \n {translate('product-list-card.from-price')}\n {product.price.formattedCampaignPrice\n ? product.lowestPrice.formattedCampaignPrice\n : product.lowestPrice.formattedPrice}\n {product.hasCampaignPrice && (\n {product.lowestPrice.formattedPrice}\n )}\n
\n )}\n \n {product.hasConfigurator && (\n \n {translate('product-image.custom-size')}\n \n )}\n {product.otherProductTags.map((tag) => (\n \n {tag}\n \n ))}\n
\n )}\n \n \n {product.name}\n \n \n {product.category}\n \n
\n {product.lowestPrice && (\n \n
\n \n \n {translate('product-card.art-nr')} {variant.articleNumber}\n \n \n {variant.variantName}\n \n
\n \n
\n \n \n {variant.price.formattedCampaignPrice\n ? variant.price.formattedCampaignPrice\n : variant.price.formattedPrice}\n {variant.price.formattedCampaignPrice && (\n {variant.price.formattedPrice}\n )}\n
\n - {productsRender}
\n
\n \n );\n};\nexport default CategoryProductsListView;\n","import React, { useMemo } from 'react';\nimport { useSelector } from 'react-redux';\nimport ProductCard from './ProductCard';\nimport LoadMoreProductsContainer from '../Containers/LoadMoreProductsContainer';\n\nconst CategoryProductsView = () => {\n const { productsWrapper, isLoading } = useSelector((state) => state.productsView);\n const filters = useSelector((state) => state.facetedSearch.facetFilters);\n const allSelectedOptions = useMemo(() => {\n return filters.reduce((accumulator, filter) => {\n if (Array.isArray(filter.selectedOptions) && filter.selectedOptions.length > 0) {\n const { id, selectedOptions } = filter;\n accumulator[id] = selectedOptions;\n }\n return accumulator;\n }, {});\n }, [filters]);\n const { products, pagination, categorySystemId } = productsWrapper;\n const type = categorySystemId ? 'category' : 'search';\n\n const productsRender = useMemo(\n () =>\n products.map((product) => (\n - \n {productsRender}\n
\n
\n )\n\n};\nexport default CategoryProductsView;\n","import React, { useState } from 'react';\nimport caret from '../../images/caret-language-picker.svg';\nimport { post } from '../Services/http';\nimport { useSelector } from 'react-redux';\nimport { translate } from '../Services/translation';\n\nconst ChannelPicker = ({ items }) => {\n const [isOpen, setIsOpen] = useState(false);\n const currentCountryCode = 'Europe';\n\n if (!items || items.length < 1) {\n return;\n }\n\n const selectedOption = items.find((items) => items.isSelected === true);\n\n const onOptionClick = async (item) => {\n setIsOpen(false);\n\n const response = await post('/api/cart/changechannel', {\n channelSystemId: item.channelSystemId,\n });\n\n if (response.ok && response.redirected) {\n location.href = response.url;\n } else {\n console.error('Failed to change country');\n }\n };\n\n console.log(currentCountryCode);\n\n return (\n <>\n \n {translate('channel-picker.intro')}\n
\n \n {!!items.length &&\n items.map((item) => (\n onOptionClick(item)}\n key={item?.channelSystemId}\n >\n
\n {item?.channelFlag ? (\n \n
\n \n \n {children} \n
\n \n );\n};\n","import React, { lazy, Suspense } from 'react';\n\nconst DynamicComponent = ({ loader, loading = }) => {\n const Component = lazy(loader);\n return (props) => (\n \n {translate('cart.options.width')}:{' '}\n {optionData.configurationData.width}\n
\n )}\n {optionData.configurationData.length && (\n \n {translate('cart.options.length')}:{' '}\n {optionData.configurationData.length}\n
\n )}\n {optionData.configurationData.additionalOptions &&\n optionData.configurationData.additionalOptions?.map(\n (additionalInfo, index) => (\n \n {`${translate('cart.options.note')}: ${optionData.note}`}\n
\n )}\n \n);\n","import React from 'react';\nimport ProductCardImage from './ProductCardImage';\nimport { translate } from '../Services/translation';\nconst ProductCard = (product) => {\n return (\n \n {product.price?.price && (\n \n \n {product.lowestPrice?.formattedCampaignPrice ? (\n <>\n \n {product.lowestPrice?.formattedCampaignPrice}\n \n \n {product.lowestPrice?.formattedPrice}\n \n \n ) : (\n \n {product.lowestPrice\n ? `${translate('quicksearch.price.lowestprice')} ${\n product.lowestPrice.formattedCampaignPrice\n ? product.lowestPrice.formattedCampaignPrice\n : product.lowestPrice.formattedPrice\n }`\n : product.price?.formattedPrice}\n \n )}\n
\n \n \n );\n};\nexport default ProductCard;\n","import React, { forwardRef } from 'react';\nimport { renderPathForWeight } from '../lib/index.esm.js';\nimport IconBase from '../lib/IconBase.esm.js';\n\n/* GENERATED FILE */\nvar pathsByWeight = /*#__PURE__*/new Map();\npathsByWeight.set(\"bold\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"76\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"24\"\n }), React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"180\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"24\"\n }), React.createElement(\"line\", {\n x1: \"136\",\n y1: \"128\",\n x2: \"83.1\",\n y2: \"164.2\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"24\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"193.7\",\n x2: \"83.1\",\n y2: \"91.8\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"24\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"62.3\",\n x2: \"171.4\",\n y2: \"103.8\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"24\"\n }));\n});\npathsByWeight.set(\"duotone\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"76\",\n r: \"28\",\n opacity: \"0.2\"\n }), React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"180\",\n r: \"28\",\n opacity: \"0.2\"\n }), React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"76\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"180\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"line\", {\n x1: \"136\",\n y1: \"128\",\n x2: \"83.1\",\n y2: \"164.2\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"62.3\",\n x2: \"164.3\",\n y2: \"108.6\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"193.7\",\n x2: \"83.1\",\n y2: \"91.8\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }));\n});\npathsByWeight.set(\"fill\", function () {\n return React.createElement(React.Fragment, null, React.createElement(\"path\", {\n d: \"M157.7,113.1a8,8,0,0,1,2.1-11.1l67.7-46.3a8,8,0,0,1,11.1,2.1,7.9,7.9,0,0,1-2.1,11.1l-67.6,46.3a7.8,7.8,0,0,1-4.6,1.4A8,8,0,0,1,157.7,113.1Zm80.9,85.1a7.9,7.9,0,0,1-6.6,3.5,8.2,8.2,0,0,1-4.5-1.4L136,137.7,93.5,166.8A36.4,36.4,0,0,1,96,180a36.1,36.1,0,1,1-11.6-26.4L121.8,128,84.4,102.4A35.5,35.5,0,0,1,60,112,36,36,0,1,1,93.5,89.2l143,97.9A7.9,7.9,0,0,1,238.6,198.2ZM80,180a19.7,19.7,0,0,0-5.9-14.1,19.8,19.8,0,0,0-28.2,0,19.8,19.8,0,0,0,0,28.2,19.9,19.9,0,0,0,28.2,0A19.7,19.7,0,0,0,80,180ZM74.1,90.1a19.8,19.8,0,0,0,0-28.2,19.8,19.8,0,0,0-28.2,0,19.8,19.8,0,0,0,0,28.2A19.9,19.9,0,0,0,74.1,90.1Z\"\n }));\n});\npathsByWeight.set(\"light\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"76\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"12\"\n }), React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"180\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"12\"\n }), React.createElement(\"line\", {\n x1: \"136\",\n y1: \"128\",\n x2: \"83.1\",\n y2: \"164.2\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"12\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"62.3\",\n x2: \"164.3\",\n y2: \"108.6\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"12\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"193.7\",\n x2: \"83.1\",\n y2: \"91.8\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"12\"\n }));\n});\npathsByWeight.set(\"thin\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"76\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"8\"\n }), React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"180\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"8\"\n }), React.createElement(\"line\", {\n x1: \"136\",\n y1: \"128\",\n x2: \"83.1\",\n y2: \"164.2\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"8\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"62.3\",\n x2: \"164.3\",\n y2: \"108.6\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"8\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"193.7\",\n x2: \"83.1\",\n y2: \"91.8\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"8\"\n }));\n});\npathsByWeight.set(\"regular\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"76\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"180\",\n r: \"28\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"line\", {\n x1: \"136\",\n y1: \"128\",\n x2: \"83.1\",\n y2: \"164.2\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"62.3\",\n x2: \"164.3\",\n y2: \"108.6\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"line\", {\n x1: \"232\",\n y1: \"193.7\",\n x2: \"83.1\",\n y2: \"91.8\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }));\n});\n\nvar renderPath = function renderPath(weight, color) {\n return renderPathForWeight(weight, color, pathsByWeight);\n};\n\nvar Scissors = /*#__PURE__*/forwardRef(function (props, ref) {\n return React.createElement(IconBase, Object.assign({\n ref: ref\n }, props, {\n renderPath: renderPath\n }));\n});\nScissors.displayName = \"Scissors\";\n\nexport default Scissors;\n//# sourceMappingURL=Scissors.esm.js.map\n","import { Scissors } from 'phosphor-react';\nimport React from 'react';\nimport { translate } from '../Services/translation';\n\nconst MAX_COLOR_COUNT = 3;\nconst MIN_COLOR_COUNT = 2;\n\nconst ProductCardImage = ({ product, hideProductTags }) => {\n return (\n \n {product.name}\n
\n {product.category}\n \n\n {product.hasConfigurator && (\n \n
\n )}\n {product.hasCampaignPrice && (\n \n {`-${product.discountPercentage}%`}\n \n )}\n \n
\n \n {product.relatedColors.length >= MIN_COLOR_COUNT &&\n product.relatedColors\n .slice(0, MAX_COLOR_COUNT)\n .map((color, idx) => (\n \n ))}\n {product.relatedColors.length > MAX_COLOR_COUNT && (\n + {product.relatedColors.length - MAX_COLOR_COUNT} \n )}\n
\n {product.variants.length > 0 && (\n \n {product.relatedColors.length >= MIN_COLOR_COUNT && |}\n {product.variants.length > 1 &&\n translate('products.several-variants')}\n \n )}\n \n {configuratorModel.priceResult?.priceDetails.map((priceRow, index) => (\n \n {priceRow.description}\n \n {formatPrice(priceRow.price)} {currencySymbol}\n \n
\n ))}\n\n \n {translate('custom-variant.total')}\n \n {configuratorModel.priceResult?.priceTotalCampaign\n ? formatPrice(configuratorModel.priceResult?.priceTotalCampaign)\n : formatPrice(configuratorModel.priceResult?.priceTotal)}{' '}\n {currencySymbol}\n \n
\n \n \n );\n};\n\nexport default CustomVariantSummary;\n","import React, { useEffect, useState } from 'react';\nimport CustomVariantCalculator from './CustomVariantCalculator';\nimport CustomVariantSummary from './CustomVariantSummary';\nimport BuyButton from '../BuyButton';\nimport { translate } from '../../Services/translation';\nimport { post } from '../../Services/http';\nimport { addConfiguration } from '../../Services/Cart.service';\nimport { useDispatch } from 'react-redux';\nimport { receive as cartRecive } from '../../Actions/Cart.action';\n\nconst CustomVariantCalculatorContainer = ({\n maxWidth,\n minWidth,\n pricePerUnit,\n campaignPricePerUnit,\n articleNumber,\n configuratorType,\n unitOfMeasurement,\n currencySymbol,\n panelOptions,\n bulkPrice,\n bulkInfoLength,\n isBuyableChannel,\n storesUrl,\n isB2b,\n}) => {\n const isFixedWidth =\n configuratorType === 'SquareMeterFixedWidth' ||\n configuratorType === 'MeterFixedWidth';\n const [width, setWidth] = useState(isFixedWidth ? maxWidth : '');\n const [length, setLength] = useState('');\n const [selectedOptions, setSelectedOptions] = useState([]);\n const [configuratorModel, setConfiguratorModel] = useState({});\n const [comment, setComment] = useState('');\n\n const dispatch = useDispatch();\n const addObjectsToCart = async (cartObjects) => {\n try {\n const cart = await addConfiguration(cartObjects);\n dispatch(cartRecive(cart));\n } catch (err) {\n console.log(err);\n }\n };\n\n const addToCartClick = () => {\n const cartObject = [\n {\n articleNumber: configuratorModel.articleNumber,\n note: comment == '' ? null : comment,\n configurationData: {\n length: configuratorModel.length,\n width: configuratorModel.width,\n additionalOptions:\n configuratorModel.priceResult.optionDetails?.map(\n (option) => option.displayName\n ) ?? [],\n },\n\n quantity: configuratorModel.priceResult.calculatedUnits,\n splitRows: true,\n },\n ...configuratorModel.priceResult.optionDetails?.map(\n (option) =>\n ({\n articleNumber: option.articleNumber,\n quantity: option.quantity,\n splitRows: true,\n } ?? [])\n ),\n ];\n addObjectsToCart(cartObject);\n clearFields();\n setConfiguratorModel({});\n };\n const onCalculateClick = () => {\n post('/api/productconfigurator/calculateprice', {\n width,\n length,\n articleNumber,\n selectedOptions,\n })\n .then((res) => res.json())\n .then((data) => setConfiguratorModel(data))\n .catch((err) => console.log('error', err));\n };\n const onOptionChanged = (articleId, checked) => {\n setSelectedOptions((selectedOptions) => {\n if (checked) {\n return [...selectedOptions, articleId];\n } else {\n const index = selectedOptions.indexOf(articleId);\n const selectedOptionsCopy = [...selectedOptions];\n if (index > -1) {\n selectedOptionsCopy.splice(index, 1);\n }\n return selectedOptionsCopy;\n }\n });\n };\n const clearFields = () => {\n setWidth(isFixedWidth ? maxWidth : '');\n setLength('');\n setConfiguratorModel({});\n setSelectedOptions([]);\n setConfiguratorModel({});\n };\n return (\n \n clearFields()}\n >\n {translate('custom-variant.clear-values')}\n
\n \n \n );\n};\n\nexport default CustomVariantCalculatorContainer;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport Collapsible from '../Collapsible';\nimport CustomVariantCalculatorContainer from './CustomVariantCalculatorContainer';\nimport BuyButton from '../BuyButton';\n\nconst CustomVariantContainer = ({\n configurations,\n storesUrl,\n isBuyableChannel,\n isB2b,\n}) => {\n const SAMPLE_TYPE = 'Sample';\n const [openCollapsible, setOpenCollapsible] = useState(\n configurations?.length == 1 ? [0] : null\n );\n const getDisplayPrice = (config) => {\n if (config.campaignPricePerUnit) {\n return (\n \n {translate(`product-page.${configuratorType}.description`)} (\n {maxWidth && maxWidth}cm) (\n {campaignPricePerUnit ? (\n <>\n \n {pricePerUnit + currencySymbol}/\n {unitOfMeasurement == 'm2' ? 'm²' : unitOfMeasurement}\n \n \n {' '}\n {campaignPricePerUnit} {currencySymbol}/\n {unitOfMeasurement == 'm2' ? 'm²' : unitOfMeasurement}\n \n {')'}\n \n ) : (\n \n {pricePerUnit} {currencySymbol}/\n {unitOfMeasurement == 'm2' ? 'm²' : unitOfMeasurement}\n {')'}\n \n )}\n
\n {bulkInfoLength && (\n \n {translate('product-page.bulk-info')}\n
\n )}\n \n {translate('product-page.price-from')} {bulkInfoLength}\n {unitOfMeasurement} -{' '}\n \n ({Math.floor(parseFloat(bulkPrice) / parseFloat(bulkInfoLength))}\n {currencySymbol}/\n {unitOfMeasurement == 'm2' ? 'm²' : unitOfMeasurement})\n \n
\n \n \n {translate('custom-variant.comments-title')}\n \n
\n )}\n \n setComment(e.target.value)}\n />\n \n
\n \n \n {translate('custom-variant.extra-buy-info')}\n \n {isBuyableChannel ? (\n addToCartClick()}\n className={`buy-button ${\n !configuratorModel.priceResult && 'buy-button--disabled'\n }`}\n >\n {configuratorModel.priceResult\n ? translate('product-page.buy-button')\n : translate('product-page.pick-a-size')}\n
\n ) : (\n \n {translate('product-page.find-your-store')}\n \n )}\n \n \n {config.pricePerUnit}\n {config.currencySymbol}/\n {getUnitOfMessurment(config.unitOfMeasurement)}\n \n \n {' '}\n {config.campaignPricePerUnit}\n {config.currencySymbol}/\n {getUnitOfMessurment(config.unitOfMeasurement)}\n \n
\n );\n }\n return (\n \n {config.pricePerUnit}\n {config.currencySymbol}/{getUnitOfMessurment(config.unitOfMeasurement)}\n
\n );\n };\n\n const getUnitOfMessurment = (unit) => {\n if (unit == 'm2') {\n return 'm²';\n }\n return unit;\n };\n\n const getLabel = (config) => {\n return (\n \n {translate(`calculator.${config.configuratorType}`)}\n {config.configuratorType != SAMPLE_TYPE && (\n
\n );\n };\n\n return (\n \n ({getDisplayPrice(config)})\n
\n )}\n \n {configurations.map((config, index) => {\n return (\n setOpenCollapsible(open ? index : null)}\n className=\"header-6 collapsible-header\"\n transitionDuration=\"0.1\"\n label={getLabel(config)}\n >\n {config.configuratorType === 'Sample' && (\n
\n );\n};\n\nexport default CustomVariantContainer;\n","import React, { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useDispatch } from 'react-redux';\nimport { addOverlay, removeOverlay } from '../Actions/Overlay.action';\n\nconst StickyBottomModal = (props) => {\n const { children, title, open, onClose, extraContentAbove } = props;\n const dispatch = useDispatch();\n\n useEffect(() => {\n if (open) {\n dispatch(addOverlay('StickyBottomModal', onClose));\n } else {\n dispatch(removeOverlay('StickyBottomModal'));\n }\n }, [open]);\n return open\n ? createPortal(\n \n
\n )}\n {config.configuratorType !== 'Sample' && (\n \n {translate('product-page.custom-size.sample-description')}\n
\n {isBuyableChannel ? (\n \n {extraContentAbove && (\n
,\n document.body\n )\n : null;\n};\n\nexport default StickyBottomModal;\n","import React, { useEffect, useState } from 'react';\nimport StickyCta from '../StickyCta';\nimport StickyBottomModal from '../StickyModal';\nimport VariantPickerContainer from './VariantPickerContainer';\nimport CustomVariantContainer from './CustomVariantContainer';\nimport StockStatusTag from '../StockStatusTag';\nimport BuyButton from '../BuyButton';\nimport { translate } from '../../Services/translation';\nimport { CaretDown } from 'phosphor-react';\nimport QuantityBuyButton from './QuantityBuyButton';\nimport RelationAndGuides from './RelationAndGuides';\nimport SizeRelationSection from './SizeRelationSection';\n\nconst getBuyButtonLabel = (hasSeveralVariants, selectedVariant) => {\n if (hasSeveralVariants) {\n return selectedVariant != null\n ? translate('product-page.buy-button')\n : translate('product-page.select-variant');\n } else {\n return translate('product-page.buy-button');\n }\n};\n\nconst getModalLabel = (isConfigurator) => {\n if (isConfigurator) {\n return translate('product-page.choose-size-and-buy');\n } else {\n return translate('product-page.choose-size');\n }\n};\n\nconst MobileStickyBuyButton = (props) => {\n const [modalOpen, setOpen] = useState(false);\n const hasSeveralVariants = props.productItem.variants.length > 1;\n const [selectedVariant, setSelectedVariant] = useState(\n hasSeveralVariants ? null : props.productItem.variants[0]\n );\n const onVariantSelected = (variant) => {\n setSelectedVariant(variant);\n setOpen(false);\n };\n\n return (\n \n {extraContentAbove}\n
\n )}\n \n
\n \n {title}\n
\n \n \n
\n {children}
\n \n
\n {selectedVariant && props.isBuyableChannel && (\n \n {props.productItem.name}{' '}\n {props.productItem?.variants.length <= 1 &&\n !props.productItem.hasConfigurator && (\n {'- ' + props.productItem.size}\n )}\n
\n {selectedVariant ? (\n \n {selectedVariant.price?.formattedCampaignPrice ? (\n <>\n \n {selectedVariant.price?.formattedCampaignPrice}\n \n \n {selectedVariant.price?.formattedPrice}\n \n \n ) : (\n \n {selectedVariant.price?.formattedPrice}\n \n )}\n
\n ) : (\n \n {props.productItem.price?.formattedCampaignPrice ? (\n <>\n \n {props.productItem.price?.formattedCampaignPrice}\n \n \n {props.productItem.price?.formattedPrice}\n \n \n ) : (\n \n {props.productItem.price?.formattedPrice}\n \n )}\n
\n )}\n \n {props.configuratorViewModel ? (\n
\n ) : props.isBuyableChannel ? (\n setOpen(true)}>\n {translate('product-page.choose-size-and-buy')}\n
\n ) : (\n <>\n {hasSeveralVariants ? (\n \n setOpen(true)}\n >\n {selectedVariant ? (\n selectedVariant.size\n ) : (\n
\n {props.isBuyableChannel ? (\n <>\n {props.isB2b ? (\n \n {translate('product-page.select-variant')}{' '}\n
\n )}\n \n \n \n hasProductSelected &&\n inputQuantity >= 2 &&\n setInputQuantity(inputQuantity - 1)\n }\n >\n \n
\n \n
\n \n )}\n\n {/* @*if on inhousegroup - hidden in css*@ */}\n\n \n \n
\n \n
\n {props.guideTitle}
\n \n {props.guideTitle && (\n
\n )}\n \n \n );\n};\n\nexport default RelationAndGuides;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\n\nconst SizeRelationSection = (props) => {\n const relatatedProductHasConfigurator = !props.hasConfigurator;\n return (\n <>\n \n
\n \n
\n {props.guideTitle}
\n \n {relatatedProductHasConfigurator\n ? translate('size-relation.heading-as-fixed-size')\n : translate('size-relation.heading-as-custom-size')}\n
\n \n 
\n
\n )}\n \n
\n \n {props.name}\n
\n \n {props.category}\n
\n \n {translate('size-relation.from')} {props.lowestPriceWithCurrency}\n
\n \n \n
\n \n \n );\n};\n\nexport default SizeRelationSection;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { setSelectedVariant as setSelectedVariantAction } from '../../Actions/ProductPage.action';\nimport { setProductPageSelectedVariantQuery as setProductPageSelectedVariantQueryAction } from '../../Actions/ProductPage.action';\nimport { translate } from '../../Services/translation';\nimport StockStatusTag from '../StockStatusTag';\nimport QuantityBuyButton from './QuantityBuyButton';\n\nconst VariantPickerContainer = ({\n productVariants,\n hideBuyButton,\n hideQuantityField,\n onVariantSelected,\n isBuyableChannel,\n storesUrl,\n selectedVariantId,\n}) => {\n const dispatch = useDispatch();\n const articleIndex = productVariants.findIndex(item => item.articleNumber === selectedVariantId);\n const [selectedVariant, setSelectedVariant] = useState(\n productVariants.length > 1 ? productVariants[articleIndex] : productVariants[0]\n );\n\n const showCorrectVariantPrice = (variant) => {\n const priceElems = Array.from(\n document.getElementsByClassName('product-page__price')\n );\n priceElems.forEach((element) => {\n if (element.dataset['variantId'] != variant.articleNumber) {\n element.classList.add('product-page__price--hidden');\n } else {\n element.classList.remove('product-page__price--hidden');\n }\n });\n };\n const onVariantClick = (variant) => {\n setSelectedVariant(variant);\n dispatch(setSelectedVariantAction(variant));\n setProductPageSelectedVariantQueryAction(variant)\n if (onVariantSelected) {\n onVariantSelected(variant);\n }\n showCorrectVariantPrice(variant);\n };\n const fixedSizeVariants = productVariants.filter(\n (v) => !v.size.startsWith('Ø')\n );\n const roundSizeVariants = productVariants.filter((v) =>\n v.size.startsWith('Ø')\n );\n return (\n \n {fixedSizeVariants.length > 0 && (\n
\n {roundSizeVariants.length > 0 && (\n \n {translate('product-page.fixed-sizes')}\n
\n )}\n \n {fixedSizeVariants.length > 0 &&\n fixedSizeVariants.map((variant, index) => (\n {\n onVariantClick(variant);\n }}\n >\n {variant.size}\n
\n ))}\n \n {translate('product-page.round-sizes')}\n
\n )}\n \n {roundSizeVariants.length > 0 &&\n roundSizeVariants.map((variant) => (\n {\n onVariantClick(variant);\n }}\n >\n {variant.size}\n
\n ))}\n \n {!hideBuyButton && isBuyableChannel && (\n \n {selectedVariant && (\n
\n )}\n {!hideQuantityField && isBuyableChannel && (\n \n
\n );\n};\n\nexport default QuantityInput;\n","import { X as CloseIcon } from 'phosphor-react';\nimport React, {\n cloneElement,\n createElement,\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useState,\n} from 'react';\nimport ReactDOM, { render } from 'react-dom';\nimport { useDispatch } from 'react-redux';\nimport {\n addOverlay,\n removeOverlay,\n updateOverlay,\n} from '../Actions/Overlay.action';\n\nexport default forwardRef(\n (\n {\n id,\n duration = '0.2s',\n from = 'right',\n className,\n open,\n onClosed,\n showCloseButton = true,\n children,\n title,\n header,\n footer,\n disableClosing = false,\n closeButton = null,\n },\n ref\n ) => {\n const [slideIn, setSlideIn] = useState();\n const [timeoutId, setTimeoutId] = useState();\n const dispatch = useDispatch();\n\n if (!id || id == '') {\n throw new Error(\n 'A unique side-menu \"id\" must be passed to side menu component'\n );\n }\n\n const close = useCallback(() => {\n if (!disableClosing) {\n // Just sets \"slideIn\" to false, which triggers the animation to close it\n setSlideIn(false);\n return true;\n }\n\n // False disables overlay click\n return false;\n }, [disableClosing]);\n\n useEffect(() => {\n dispatch(updateOverlay(id, close));\n }, [dispatch, close, id]);\n\n useEffect(() => {\n if (!slideIn) {\n // If not slide in, slide out :^)\n if (timeoutId) {\n // Clear previous timeout to avoid animation delay bug\n clearTimeout(timeoutId);\n }\n\n var newTimeoutId = setTimeout(() => {\n setTimeoutId(undefined);\n onClosed && onClosed();\n }, duration.substr(0, duration.length - 1) * 1000);\n\n setTimeoutId(newTimeoutId);\n dispatch(removeOverlay(id));\n }\n }, [slideIn]);\n\n useEffect(() => {\n // Triggered every time \"open\" is changed, initially as well\n // Timeout to not trigger on the same frame as the render, to enable the slide-in\n setTimeout(() => setSlideIn(open), 1);\n\n if (open) {\n dispatch(addOverlay(id, close));\n }\n }, [open]);\n\n return open\n ? ReactDOM.createPortal(\n \n {showCloseButton &&\n !disableClosing &&\n (!closeButton ? (\n
\n )}\n {!header &&\n showCloseButton &&\n !disableClosing &&\n (!closeButton ? (\n {title}
}\n{children}
\n {footer && {footer}
}\n ,\n document.body\n )\n : null;\n }\n);\n","import React from 'react';\n\nexport default (shouldDebounce) => {\n const [scroll, setScroll] = React.useState(window.scrollY);\n // The debounce function receives our function as a parameter\n const debounce = (fn) => {\n // This holds the requestAnimationFrame reference, so we can cancel it if we wish\n let frame;\n\n // The debounce function returns a new function that can receive a variable number of arguments\n return (...params) => {\n // If the frame variable has been defined, clear it now, and queue for next frame\n if (frame) {\n cancelAnimationFrame(frame);\n }\n\n // Queue our function call for the next frame\n frame = requestAnimationFrame(() => {\n // Call our function and pass any params we received\n fn(...params);\n });\n };\n };\n\n // Reads out the scroll position and stores it in the data attribute\n // so we can use it in our stylesheets\n const storeScroll = () => {\n setScroll(window.scrollY);\n };\n\n React.useEffect(() => {\n // Update scroll position for first time\n storeScroll();\n\n // Listen for new scroll events, here we debounce our `storeScroll` function\n return document.addEventListener(\n 'scroll',\n shouldDebounce ? debounce(storeScroll) : storeScroll,\n { passive: true }\n );\n });\n\n return scroll;\n};\n","import React, { useEffect, useRef, useState } from 'react';\nimport useScroll from '../Hooks/useScroll';\n\nconst StickyCta = (props) => {\n const ref = useRef();\n const scrollY = useScroll();\n const [parentElement, setParentElement] = useState();\n const [isSticky, setIsSticky] = useState(true);\n useEffect(() => {\n if (!parentElement) return;\n const parentElemPosition = parentElement.getBoundingClientRect();\n const elemPosition = ref.current.getBoundingClientRect();\n const hasScrolledPastElem =\n scrollY == 0\n ? false\n : parentElemPosition.bottom +\n elemPosition.height -\n (window.innerHeight + elemPosition.height) <=\n 0;\n setIsSticky(!hasScrolledPastElem);\n }, [scrollY, parentElement]);\n\n useEffect(() => {\n if (!ref?.current) return;\n setParentElement(ref.current.parentElement);\n const elemPosition = ref.current.getBoundingClientRect();\n ref.current.parentElement.style.height = elemPosition.height + 'px';\n }, [ref]);\n return (\n \n \n
\n)","import React, { useEffect, useState, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { receiveProductsWrapper } from '../Actions/LoadMore.action';\nimport LoadMoreButton from '../Components/LoadMoreButton';\nimport ProgressBar from '../Components/ProgressBar';\nimport { translate } from '../Services/translation';\n\nexport default (props) => {\n const { productsWrapper } = useSelector((state) => state.productsView);\n const { products, pagination } = productsWrapper;\n const pageSize = pagination.pageSize;\n const totalProducts = pagination.totalCount;\n const filters = useSelector((state) => state.facetedSearch.facetFilters);\n const allSelectedOptions = useMemo(() => {\n return filters.reduce((accumulator, filter) => {\n if (Array.isArray(filter.selectedOptions) && filter.selectedOptions.length > 0) {\n const { id, selectedOptions } = filter;\n accumulator[id] = selectedOptions;\n }\n return accumulator;\n }, {});\n }, [filters]);\n const dispatch = useDispatch();\n\n const onLoaded = (res) => {\n dispatch(\n receiveProductsWrapper({\n ...res.result.productsWrapper,\n products: [...products, ...res.result.productsWrapper.products],\n })\n );\n };\n\n useEffect(() => {\n const url = new URL(location.href);\n url.searchParams.set('products', products?.length ?? pageSize);\n window.history.replaceState(null, document.title, url);\n }, [products, pageSize]);\n\n var notAllLoaded =\n totalProducts != products.length && totalProducts > pageSize;\n\n return (\n <>\n {notAllLoaded && (\n \n \n {products.length < totalProducts ? products.length : totalProducts}\n {' '}\n {translate('global.of').toLowerCase()} {totalProducts}{' '}\n {translate('global.products').toLowerCase()}\n
\n \n );\n};\n","import React, { Fragment, useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { addOverlay, removeOverlay } from '../Actions/Overlay.action';\nimport { translate } from '../Services/translation';\n\nconst NavigationMegaMenu = ({\n open,\n onMegaMenuClose,\n onMouseOverMegaMenu,\n onMouseLeaveMegaMenu,\n link,\n block,\n}) => {\n const dispatch = useDispatch();\n\n const { blockBackgroundColor, blockContent, blockImage } = link;\n\n useEffect(() => {\n if (open) {\n dispatch(addOverlay('MegaMenu', onMegaMenuClose));\n } else {\n dispatch(removeOverlay('MegaMenu'));\n }\n }, [open]);\n\n return (\n \n
\n )}\n \n \n \n \n );\n};\n\nexport default NavigationMegaMenu;\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport NavigationMegaMenu from './Navigation.MegaMenu';\n\nconst Navigation = ({\n contentLinks = [],\n onLinkHover,\n onMouseLeaveLink,\n activeMegaMenuLink,\n onMegaMenuClose,\n}) => {\n const menuLinks = contentLinks;\n\n return (\n \n
\n \n
\n {blockContent?.value && (\n \n {link.links?.length > 0 &&\n link.links.map((subLink, index) => (\n \n {subLink.url ? (\n \n {subLink.name}\n \n ) : (\n \n {subSubLink.name}\n \n \n ))}\n
\n ))}\n \n {subLink.name}\n
\n )}\n {subLink.links?.length > 0 &&\n subLink.links.map((subSubLink) => (\n\n \n
\n \n {menuLinks.map((link) => (\n 0 && activeMegaMenuLink == link}\n onLinkHover={() => onLinkHover(link)}\n onMouseLeaveLink={onMouseLeaveLink}\n onMegaMenuClose={onMegaMenuClose}\n />\n ))}\n
\n );\n};\n\nconst NavigationLink = ({\n link,\n isActive,\n onLinkHover,\n onMouseLeaveLink,\n onMegaMenuClose,\n}) => (\n <>\n \n
\n )}\n \n );\n const showFooter =\n !currentLink &&\n (phone || email || myPagesLink || mobileAdditionalLinks?.length > 0);\n\n return (\n \n {links.map((link, index) => (\n
\n {showFooter && (\n \n {myPagesLink && (\n \n \n {link.iconUrl && 
}\n {link.name}\n \n
\n ))}\n \n )}\n \n );\n};\n\nconst MobileNavigationItem = ({ link, onClick, level }) => (\n <>\n {link.name && (\n \n \n
\n )}\n {phone && (\n \n \n
\n )}\n {email && (\n \n \n
\n )}\n {extraLinks?.length > 0 &&\n extraLinks.map((link) => (\n \n
\n \n \n 
\n {discountPercentage > 0 && (\n \n {discountPercentage}%\n \n )}\n
\n \n
\n \n {translate('cart.art-nr')} {articleNumber}\n
\n \n \n {baseProductName}\n \n
\n {category && (\n \n {category}\n
\n )}\n {size && (\n \n {translate('cart.item.size')} {size}\n
\n )}\n {optionData && \n \n {totalCampaignPrice}\n \n \n {totalPrice}\n \n \n {campaignPercentage}\n \n
\n )}\n {!campaignPrice && (\n {price}
\n )}\n {discountPercentage > 0 && (\n \n {translate('cart.you-save')} {discountPercentage}%\n \n )}\n {\n \n {!isConfigurator ? (\n
\n \n );\n};\n","import React, { useEffect, useState } from 'react';\nimport { cart } from '../Reducers/Cart.reducer';\nimport { useDispatch } from 'react-redux';\nimport { translate } from '../Services/translation';\nimport MiniCartProduct from './MiniCart.Product';\nimport SideMenu from './SideMenu';\nimport MiniCartErrorMessage from './MiniCart.ErrorMessage';\nimport { show } from '../Actions/LightboxImages.action';\nimport { shouldShowErrorMessage } from '../Actions/Cart.action';\nimport { dataLayerGtmViewCart } from '../Services/Gtm.service';\nimport CartDiscount from './CartDiscount';\n\nconst MiniCart = (props) => {\n const {\n orderRows,\n discountRows,\n grandTotal,\n isShippingSet,\n deliveryCost,\n discount,\n shippingInfoText,\n quantity,\n checkoutUrl,\n visible,\n shouldClose,\n showMiniCart,\n onClosed,\n updateRow,\n paymentLogos,\n addedTooManyProducts,\n orderTotal,\n includeVat,\n miniCartTotal,\n gtmGrandTotal,\n } = props;\n const dispatch = useDispatch();\n const header = (\n <>\n \n {translate('minicart.title')} \n \n \n ({quantity})\n \n \n );\n const footer = (\n \n \n {translate('cart.total')}\n \n \n {totalCampaignPrice ? totalCampaignPrice : totalPrice}\n \n
\n )}\n \n \n {translate('minicart.checkout')}\n \n )}\n
\n );\n\n const onClickShowMiniCart = () => {\n showMiniCart();\n\n try {\n let gtmOrderRows = [];\n\n orderRows.map(row => {\n const gtmOrderRowIndex = gtmOrderRows.findIndex(e => e.articleNumber === row.articleNumber);\n\n if (gtmOrderRowIndex === -1) {\n row.gtmEcommerceItem.quantity = row.quantity;\n row.gtmEcommerceItem.index = gtmOrderRows.length;\n gtmOrderRows.push(row);\n } else {\n gtmOrderRows[gtmOrderRowIndex].gtmEcommerceItem.quantity += row.quantity;\n }\n });\n\n if (gtmOrderRows.length > 0) {\n dataLayerGtmViewCart({\n currency: gtmOrderRows[0].gtmEcommerceItem.currency,\n gtmGrandTotal: gtmGrandTotal,\n orderRows: gtmOrderRows\n });\n }\n } catch (err) { }\n };\n\n return (\n \n
\n {quantity != 0 && (\n \n {includeVat\n ? translate('minicart.total-inc-vat')\n : translate('minicart.total-exc-vat')}\n
\n {miniCartTotal}
\n \n
\n \n {paymentLogos?.length > 0 &&\n paymentLogos.map((logo, index) => (\n 
\n ))}\n
\n \n onClickShowMiniCart()}\n >\n {quantity > 0 && (\n {quantity}\n )}\n \n \n {translate('minicart.checkout')}\n \n \n \n <>\n
\n );\n};\n\nexport default MiniCart;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\n\nconst BrandsResults = ({ filteredBrands }) => {\n return (\n \n {orderRows.length > 0 ? (\n <>\n {orderRows.map((row) => (\n \n updateRow(row.articleNumber, quantity, row.rowSystemId)\n }\n deleteRow={() =>\n updateRow(row.articleNumber, 0, row.rowSystemId)\n }\n />\n ))}\n\n {discountRows.map((row) => (\n
\n \n \n \n
\n ))}\n \n\n ) : (\n \n {translate('minicart.empty')}\n
\n )}\n - \n {filteredBrands &&\n filteredBrands.slice(0, 4).map((item) => (\n
- \n \n {item.name}\n \n \n ))}\n
- \n {filteredCategory &&\n filteredCategory.slice(0, 4).map((item) => (\n
- \n \n {item.name}\n \n \n ))}\n
\n
\n : null\n );\n};\n\nconst MenuColumn = ({ title, items }) => \n
\n \n
\n - \n
- \n {title}\n \n {items?.map((item, index) => (\n
- \n \n {item.linkTitle ?? item.link?.text}\n \n \n ))}\n
\n {translate('quick-search-results.no-hits')}\n
\n - \n {filteredPages &&\n filteredPages.map((item) => (\n
- \n \n {item.name}\n \n \n ))}\n
- \n {filteredProducts &&\n filteredProducts.map((item, index) => (\n
\n
\n )}\n \n {item.name}\n \n {item.category}\n \n
\n \n \n \n {item.lowestPrice\n ? `${translate('quicksearch.price.lowestprice')} ${\n item.lowestPrice\n }`\n : null}\n
\n \n {visibleActiveTab != 'NoResult' && (\n setActiveTab('Pages')}\n className={`[ quick-search-results-tabs__item ${\n visibleActiveTab == 'Pages' &&\n 'quick-search-results-tabs__item--active'\n } ] [ text-medium lh-2 color-grey-500 bold ]`}\n >\n {translate('quick-search.pages')}\n
\n )}\n {filteredResults.Brands && filteredResults.Brands > 0 && (\n \n setActiveTab('Category')}\n className={`[ quick-search-results-tabs__item ${\n visibleActiveTab == 'Category' &&\n 'quick-search-results-tabs__item--active'\n } ] [ text-medium lh-2 color-grey-500 bold ]`}\n >\n {translate('quick-search.categories')}\n
\n )}\n {filteredResults.Pages && filteredResults.Pages.length > 0 && (\n \n {filteredResults.Products && filteredResults.Products.length > 0 && (\n setActiveTab('Products')}\n className={`[ quick-search-results-tabs__item ${\n visibleActiveTab == 'Products' &&\n 'quick-search-results-tabs__item--active'\n } ] [ text-medium lh-2 color-grey-500 bold ]`}\n >\n {translate('quick-search.products')}\n
\n )}\n {filteredResults.Category && filteredResults.Category.length > 0 && (\n \n
\n\n {visibleActiveTab != 'NoResult' && (\n \n {visibleActiveTab == 'Products' && (\n }\n
\n \n \n {translate('quicksearch.show-all')}\n \n
\n )}\n \n );\n};\n\nexport default QuickSearchResult;\n","import React, { Component } from 'react';\nimport QuickSearchResult from './QuickSearchResult';\nimport { translate } from '../../Services/translation';\nimport QuickSearchNavigation from './QuickSearchNavigation';\n\nclass QuickSearch extends Component {\n focusOnInput() {\n setTimeout(() => {\n this.searchInput && this.searchInput.focus();\n }, 0);\n }\n\n render() {\n const {\n query,\n result,\n showResult,\n showFullForm,\n onSearch,\n onBlur,\n onKeyDown,\n toggleShowFullForm,\n selectedItem,\n searchUrl,\n dataCase,\n dataMenus,\n } = this.props;\n\n const isCaseOne = dataCase == 'case-one' ? true : false; // inhouse-group\n const isCaseTwo = dataCase == 'case-two' ? true : false; // matt-tema\n\n if (dataCase)\n return (\n \n {\n toggleShowFullForm();\n this.focusOnInput();\n }}\n >\n \n \n {translate('general.search')}\n \n \n \n \n )\n )}\n
\n \n );\n }\n}\n\nexport default QuickSearch;\n","import api from \"!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./index.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React, {\n Fragment,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { translate } from '../Services/translation';\nimport { query, searchFacetChange } from '../Actions/FacetedSearch.action';\nimport Collapsible from './Collapsible';\nimport useIsMobile from '../Hooks/useIsMobile';\nimport InputRange from 'react-input-range';\nimport 'react-input-range/lib/css/index.css';\nimport { debounce } from 'lodash-es';\n\nconst isPriceFacet = (id) => {\n return id == 'price_range';\n};\n\nconst FacetedSearchGroup = (props) => {\n const dispatch = useDispatch();\n const { productsWrapper } = useSelector((state) => state.productsView);\n const { group } = props;\n const [isOpen, setIsOpen] = useState(true);\n const [sizeInputValue, setSizeInputValue] = useState('');\n const groupRef = React.createRef();\n const specialFilterIds = [\n 'FilterColor',\n 'Size',\n 'Brand',\n 'price_range',\n 'width_range',\n 'length_range',\n ];\n const [showAllFiltersInList, setShowAllFiltersInList] = useState(false);\n const filtersToShow = 10;\n const isMobile = useIsMobile();\n const [selectedRanges, setSelectedRanges] = useState({ min: 0, max: 1 });\n const { priceDisplayQuantity } = productsWrapper;\n const showingPricesForOne =\n !priceDisplayQuantity || priceDisplayQuantity == 1;\n\n const toggleShowAllFilters = () => {\n showAllFiltersInList\n ? setShowAllFiltersInList(false)\n : setShowAllFiltersInList(true);\n };\n const label = (\n \n
\n {showResult ? (\n \n \n onSearch(encodeURIComponent(event.target.value))\n }\n onClick={\n isCaseTwo && !showFullForm\n ? (e) => toggleShowFullForm()\n : null\n }\n onKeyDown={(event) => onKeyDown(event, { searchUrl })}\n ref={(input) => {\n this.searchInput = input;\n }}\n onBlur={() => onBlur()}\n />\n {\n onSearch('');\n toggleShowFullForm();\n }}\n >\n
\n \n {group.label}\n {group.selectedOptions.length > 0 && !group.asSlider ? (\n ({group.selectedOptions.length})\n ) : (\n ''\n )}\n
\n );\n\n const filteredAndSortedOptions = (list) => {\n const filteredList = list\n .filter(\n (item) =>\n sizeInputValue == '' ||\n group.selectedOptions.includes(item.id) ||\n item.label.toLowerCase().includes(sizeInputValue.toLowerCase())\n )\n .sort((a, b) => (a.label > b.label ? 1 : -1));\n filteredList > filtersToShow && setShowAllFiltersInList(true);\n return filteredList;\n };\n\n useEffect(() => {\n calculateSliderValues();\n }, [group]);\n\n const calculateSliderValues = () => {\n if (group.options && group.asSlider) {\n if (group.selectedOptions && group.selectedOptions.length > 0) {\n const ids = group.selectedOptions.map((object) => {\n return parseFloat(object);\n });\n let low = Math.min(...ids);\n let high = Math.max(...ids);\n\n updateSliderValues({ min: low, max: high });\n } else {\n const ids = group.options.map((object) => {\n return parseFloat(object.id);\n });\n let high = Math.max(...ids);\n let low = Math.min(...ids);\n\n updateSliderValues({ min: low, max: high });\n }\n }\n };\n\n const updateSliderValues = (value) => {\n setSelectedRanges(value);\n };\n\n const onSliderChange = (group, value) => {\n var selectedValues = [value.min, value.max];\n dispatch(searchFacetChange(group, selectedValues));\n };\n\n const getSliderValues = () => {\n if (group.options) {\n const ids = group.options.map((object) => {\n return parseFloat(object.id);\n });\n let high = Math.max(...ids);\n let low = Math.min(...ids);\n let unit = group.unitOfMeasurement;\n return (\n - \n
\n `${value} ${unit}`}\n value={selectedRanges}\n onChange={(value) => updateSliderValues(value)}\n onChangeComplete={(newValue) => onSliderChange(group, newValue)}\n />\n
\n \n {`${selectedRanges.min} ${unit}`}\n {`${selectedRanges.max} ${unit}`}\n
\n - \n {group.options &&\n group.options.map((item, idx, array) => (\n
- \n
\n \n ))}\n
- \n {group.options &&\n group.options.map((item, idx, array) => (\n
- \n
\n \n ))}\n
\n \n {item.label}\n \n
\n );\n};\n\nconst FacetedSizeCheckbox = ({ item, group }) => {\n const dispatch = useDispatch();\n const onChange = useCallback(\n (group, item) => dispatch(searchFacetChange(group, item)),\n []\n );\n if (item.quantity <= 0) {\n return null;\n } else {\n return (\n \n {!isNaN(item.quantity) && item.quantity != null && (\n \n ({item.quantity})\n \n )}\n onChange(group, item)}\n checked={\n group.selectedOptions != null &&\n group.selectedOptions.includes(item.id)\n }\n />\n
\n \n \n {item.label}\n \n
\n );\n }\n};\nconst FacetedColorCheckbox = ({\n item,\n group,\n searchFacetChange,\n textOptionValue,\n}) => {\n const checked =\n group.selectedOptions && group.selectedOptions.includes(item.id);\n const dispatch = useDispatch();\n const onChange = useCallback(\n (group, item) => dispatch(searchFacetChange(group, item)),\n []\n );\n\n return (\n \n {!isNaN(item.quantity) && item.quantity != null && (\n \n ({item.quantity})\n \n )}\n onChange(group, item)}\n checked={\n group.selectedOptions != null &&\n group.selectedOptions.includes(item.id)\n }\n />\n
\n \n
\n );\n};\nconst FacetedSearch = () => {\n const dispatch = useDispatch();\n const { facetFilters, navigationTheme } = useSelector(\n (state) => state.facetedSearch\n );\n\n useEffect(() => {\n // listen to history events (back, forward) of window\n window.onpopstate =\n window.onpopstate ||\n ((event) => {\n dispatch(query(window.location.search.substr(1) || ''));\n });\n }, []);\n\n return (\n navigationTheme !== 'category' && (\n \n onChange(group, item)}\n />\n \n \n \n
\n {item.label}\n - \n {facetFilters &&\n facetFilters.map((group, groupIndex) => (\n
\n \n
\n );\n};\n\nexport default SortCriteriaCompact;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n searchFacetChange,\n submitSearchFacet,\n updateFilterOption,\n} from '../Actions/FacetedSearch.action';\nimport SideMenu from './SideMenu';\nimport FacetedSearch from './FacetedSearch';\nimport useIsMobile from '../Hooks/useIsMobile';\nimport { translate } from '../Services/translation';\n\nconst getSortCriteriaFilter = (sortItems) => ({\n id: 'sort',\n label: translate('filter.sorting'),\n options: sortItems.map((s) => ({\n id: s.value,\n label: s.text,\n singleSelect: true,\n })),\n selectedOptions:\n sortItems.filter((s) => s.selected).length == 0\n ? [sortItems[0].value]\n : sortItems.filter((s) => s.selected).map((s) => s.value),\n});\n\nexport default ({ isOpen, onClosed }) => {\n const facetedSearchState = useSelector((state) => state.facetedSearch);\n const isMobile = useIsMobile();\n const dispatch = useDispatch();\n const [currentFilterId, setCurrentFilterId] = useState();\n const [sortCriteriaFilter, setSortCriteriaFilter] = useState();\n const [isLoading, setIsLoading] = useState(false);\n\n const filters = facetedSearchState.facetFilters;\n const currentFilter = currentFilterId\n ? currentFilterId == 'sort'\n ? sortCriteriaFilter\n : facetedSearchState.facetFilters.find((f) => f.id == currentFilterId)\n : null;\n const selectedOptionsCount = filters.reduce(\n (partialSum, group) => partialSum + group.selectedOptions.length,\n 0\n );\n const clearSelectedFilters = () => {\n // Set all selectedOptions to an empty array\n setIsLoading(true);\n filters.forEach((f) => (f.selectedOptions = []));\n dispatch(submitSearchFacet(filters));\n };\n\n const onFilterChange = async (filter, option) => {\n setIsLoading(true);\n if (filter.id == 'sort') {\n window.location = option.id;\n } else {\n dispatch(searchFacetChange(filter, option));\n }\n };\n\n useEffect(() => {\n setIsLoading(false);\n\n if (\n facetedSearchState &&\n facetedSearchState.sortCriteria &&\n facetedSearchState.sortCriteria.sortItems\n ) {\n setSortCriteriaFilter(\n getSortCriteriaFilter(facetedSearchState.sortCriteria.sortItems)\n );\n }\n }, [facetedSearchState]);\n\n const footer = (\n <>\n \n
\n );\n};\n\nexport default FacetedSearchCompactContainer;\n","import React from 'react';\nimport Collapsible from './Collapsible';\n\nconst FooterMenus = (props) => {\n const menus = props.menuItems;\n return (\n <>\n {/* mobile menu */}\n {menus.map((menu) => (\n \n {menuItem.accessibleByUser && (\n \n {menuItem.text}\n \n )}\n
\n ))}\n \n\n {/* desktop menu */}\n \n
\n {menu.sectionLinkList.map((menuItem, idx) => (\n {menu.sectionTitle}
\n\n {menuItem.accessibleByUser && (\n \n {menuItem.text}\n \n )}\n
\n ))}\n \n \n ))}\n \n );\n};\n\nexport default FooterMenus;\n","const LoadingSpinner = () => ;\n\nexport default LoadingSpinner;","import React, { useState } from 'react';\nimport { translate } from '../Services/translation';\nimport { post } from '../Services/http';\nimport LoadingSpinner from './LoadingSpinner';\n\nconst NewsletterOptin = () => {\n const [value, setValue] = useState(\"\");\n const [resultMessage, setResultMessage] = useState(\"\");\n const [resultSuccess, setResultSuccess] = useState(true);\n const [isLoading, setIsLoading] = useState(false);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setIsLoading(true);\n var optInModel = {\n Email: value,\n Source: \"NewsletterFooterWeb\"\n }\n await post('/api/mailchimp/optin', optInModel)\n .then((result) => {\n setResultSuccess(translate(true)),\n setResultMessage(translate('newsletter.subscribed'))\n }).catch(() => {\n setResultSuccess(translate(false)),\n setResultMessage(translate('newsletter.error'))\n });\n setIsLoading(false);\n }\n\n const handleChange = (e) => {\n setValue(e.target.value);\n }\n\n return (<>\n {translate(\"footer.newsletter.header\")}
\n \n {resultMessage && {resultMessage}}\n\n {translate(\"footer.newsletter.text\")}\n
\n );\n};\n\nexport default NewsletterOptin;\n","// Add vanilla components here\nimport('../Components/Vanilla/HideTopMenuOnScroll');\nimport('../Components/Vanilla/ExpandableContainer');\nimport('../Components/Vanilla/ThinBannerMessage');\nimport('../Components/Vanilla/ExpandableCategoryNavigation');\nimport('../Components/Vanilla/SearchResult');\nimport('../Components/Vanilla/LogoutButton');\n","import React from 'react';\nimport { translate } from '../../Services/translation';\n\nconst ProductDescription = ({ description }) => {\n return (\n \n
\n );\n};\n\nexport default ProductDescription;\n","import React, { Fragment } from 'react';\n\nconst ProductShippingAndDelivery = ({ shippingInfo }) => {\n return (\n <>\n {shippingInfo.map((row, index) => (\n \n {translate('product-specification.description')}\n
\n \n\n {row.name}\n \n
\n )}\n \n {specification.map((row) => (\n \n {row.value && (\n \n ))}\n
\n );\n};\n\nexport default ProductSpecification;\n","import React, { useState } from 'react';\nimport { translate } from '../../Services/translation';\nimport ProductDescription from './ProductDescription';\nimport ProductShippingAndDelivery from './ProductShippingAndDelivery';\nimport ProductSpecification from './ProductSpecification';\n\nconst SpecificationTabsDesktop = (props) => {\n const description = props.productSpecifications.productDescription;\n const shippingInfo = props.productSpecifications.productShippingTemplate;\n const specification = props.productSpecifications.productSpecifications;\n const isB2b = props.isB2b;\n const showProductShippingInformation = props.showProductShippingInformation;\n\n const [activeTab, setActiveTab] = useState('description');\n\n return (\n \n {row.name}\n {getRowValue(row.value)}\n
\n )}\n \n
\n \n setActiveTab('shipping')}\n >\n {translate('product-specification.shippingInfo')}\n
\n )}\n \n setActiveTab('description')}\n >\n {translate('product-specification.description')}\n
\n {!isB2b && showProductShippingInformation && (\n \n {activeTab == 'description' && (\n
\n \n \n
\n \n );\n};\n\nexport default SpecificationTabsDesktop;\n","import React from 'react';\nimport { translate } from '../../Services/translation';\nimport Collapsible from '../Collapsible';\nimport ProductDescription from './ProductDescription';\nimport ProductShippingAndDelivery from './ProductShippingAndDelivery';\nimport ProductSpecification from './ProductSpecification';\n\nconst SpecificationTabsMobile = (props) => {\n const description = props.productSpecifications.productDescription;\n const shippingInfo = props.productSpecifications.productShippingTemplate;\n const specification = props.productSpecifications.productSpecifications;\n const isB2b = props.isB2b;\n const showProductShippingInformation = props.showProductShippingInformation;\n\n return (\n \n {translate('product-specification.specification')}\n
\n \n \n \n
\n );\n};\n\nexport default SpecificationTabsMobile;\n","import React from 'react';\nimport useIsMobile from '../Hooks/useIsMobile';\nimport SpecificationTabsDesktop from './ProductPage/SpecificationTabsDesktop';\nimport SpecificationTabsMobile from './ProductPage/SpecificationTabsMobile';\n\nconst ProductSpecificationArea = (props) => {\n const productSpecifications = props;\n const isMobile = useIsMobile();\n\n return (\n <>\n {isMobile ? (\n \n 
\n
\n );\n};\n\nexport default FooterUspItem;\n","import React from 'react';\nimport Slider from 'react-slick/lib/slider';\nimport useIsMobile from '../Hooks/useIsMobile';\nimport FooterUspItem from './FooterUspItem';\n\nconst FooterUspSlider = ({ uspItems }) => {\n const isMobile = useIsMobile();\n const settings = {\n dots: true,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: true,\n autoplaySpeed: 5000,\n nextArrow: <>,\n prevArrow: <>,\n };\n return (\n \n {item.footerUspTitle}\n
\n \n {item.footerUspText}\n
\n \n {isMobile ? (\n
\n );\n};\n\nexport default FooterUspSlider;\n","import React, { useState } from 'react';\nimport Collapsible from './Collapsible';\n\nconst FaqItems = ({ faqItemsData }) => {\n return (\n <>\n {faqItemsData.map((item, index) => (\n \n \n {uspItems.map((item) => (\n \n
\n ) : (\n \n {uspItems.map((item, index) => (\n
\n )}\n (this.searchContainer = elem)}>\n this.onBlur(),\n }}\n />\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n query: state.quickSearch.query,\n result: state.quickSearch.result,\n showResult: state.quickSearch.showResult,\n showFullForm: state.quickSearch.showFullForm,\n selectedItem: state.quickSearch.selectedItem,\n };\n};\n\n// debouncing function to 200ms so we don't send query request on every key stroke\nconst debouncedQuery = debounce((dispatch, text) => dispatch(query(text)), 200);\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onSearch: (text) => {\n dispatch(setSearchQuery(text));\n debouncedQuery(dispatch, text);\n },\n toggleShowFullForm: () => dispatch(toggleShowFullForm()),\n setSearchQuery: (text) => dispatch(setSearchQuery(text)),\n onKeyDown: (event, opt) => dispatch(handleKeyDown(event, opt)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(QuickSearchContainer);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport MiniCart from '../Components/MiniCart';\nimport {\n showMiniCart,\n closeMiniCart,\n toggle,\n setMiniCartVisible,\n update,\n} from '../Actions/Cart.action';\n\nconst MiniCartContainer = (props) => {\n return \n
\n );\n });\n\n return (\n \n 
\n
\n \n {item.CategoryTag}\n
\n \n {item.Title}\n
\n \n {item.Text}\n
\n \n \n {childElements}\n \n
\n );\n}\n\nexport default NewsMasonry;","import React, { forwardRef } from 'react';\nimport { renderPathForWeight } from '../lib/index.esm.js';\nimport IconBase from '../lib/IconBase.esm.js';\n\n/* GENERATED FILE */\nvar pathsByWeight = /*#__PURE__*/new Map();\npathsByWeight.set(\"bold\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"line\", {\n x1: \"128\",\n y1: \"104\",\n x2: \"128\",\n y2: \"136\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"24\"\n }), React.createElement(\"path\", {\n d: \"M114.2,40l-88,152A16,16,0,0,0,40,216H216a16,16,0,0,0,13.8-24l-88-152A15.9,15.9,0,0,0,114.2,40Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"24\"\n }), React.createElement(\"circle\", {\n cx: \"128\",\n cy: \"176\",\n r: \"16\"\n }));\n});\npathsByWeight.set(\"duotone\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"path\", {\n d: \"M114.2,40l-88,152A16,16,0,0,0,40,216H216a16,16,0,0,0,13.8-24l-88-152A15.9,15.9,0,0,0,114.2,40Z\",\n opacity: \"0.2\"\n }), React.createElement(\"line\", {\n x1: \"128\",\n y1: \"112\",\n x2: \"128\",\n y2: \"144\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"path\", {\n d: \"M114.2,40l-88,152A16,16,0,0,0,40,216H216a16,16,0,0,0,13.8-24l-88-152A15.9,15.9,0,0,0,114.2,40Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"circle\", {\n cx: \"128\",\n cy: \"180\",\n r: \"12\"\n }));\n});\npathsByWeight.set(\"fill\", function () {\n return React.createElement(React.Fragment, null, React.createElement(\"path\", {\n d: \"M236.7,188,148.8,36a24,24,0,0,0-41.6,0h0L19.3,188A23.9,23.9,0,0,0,40,224H216a23.9,23.9,0,0,0,20.7-36ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z\"\n }));\n});\npathsByWeight.set(\"light\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"line\", {\n x1: \"128\",\n y1: \"104\",\n x2: \"128\",\n y2: \"144\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"12\"\n }), React.createElement(\"path\", {\n d: \"M114.2,40l-88,152A16,16,0,0,0,40,216H216a16,16,0,0,0,13.8-24l-88-152A15.9,15.9,0,0,0,114.2,40Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"12\"\n }), React.createElement(\"circle\", {\n cx: \"128\",\n cy: \"180\",\n r: \"10\"\n }));\n});\npathsByWeight.set(\"thin\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"line\", {\n x1: \"128\",\n y1: \"104\",\n x2: \"128\",\n y2: \"144\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"8\"\n }), React.createElement(\"path\", {\n d: \"M114.2,40l-88,152A16,16,0,0,0,40,216H216a16,16,0,0,0,13.8-24l-88-152A15.9,15.9,0,0,0,114.2,40Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"8\"\n }), React.createElement(\"circle\", {\n cx: \"128\",\n cy: \"180\",\n r: \"8\"\n }));\n});\npathsByWeight.set(\"regular\", function (color) {\n return React.createElement(React.Fragment, null, React.createElement(\"line\", {\n x1: \"128\",\n y1: \"104\",\n x2: \"128\",\n y2: \"144\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"path\", {\n d: \"M114.2,40l-88,152A16,16,0,0,0,40,216H216a16,16,0,0,0,13.8-24l-88-152A15.9,15.9,0,0,0,114.2,40Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n }), React.createElement(\"circle\", {\n cx: \"128\",\n cy: \"180\",\n r: \"12\"\n }));\n});\n\nvar renderPath = function renderPath(weight, color) {\n return renderPathForWeight(weight, color, pathsByWeight);\n};\n\nvar Warning = /*#__PURE__*/forwardRef(function (props, ref) {\n return React.createElement(IconBase, Object.assign({\n ref: ref\n }, props, {\n renderPath: renderPath\n }));\n});\nWarning.displayName = \"Warning\";\n\nexport default Warning;\n//# sourceMappingURL=Warning.esm.js.map\n","import React, { Fragment, useRef } from 'react';\nimport { translate } from '../../Services/translation';\nimport { Warning } from 'phosphor-react';\n\nconst QuickOrderAutoComplete = (props) => {\n const { queryResult, isLoading, onItemSelected } = props;\n const items = queryResult ? queryResult.articles : null;\n\n return (\n \n
\n {!item.availableForQuickOrder && (\n \n {!isLoading &&\n items &&\n items.length > 0 &&\n items.map((item, index) => (\n \n onItemSelected(item)}\n >\n \n {item.name}\n
\n \n {item.imageUrl && 
}\n
\n \n {item.articleNumber}\n
\n \n <>\n
\n )}\n \n ))}\n {!isLoading && items && items.length == 0 && (\n \n {translate('quickorder.no-matching-articles')}\n
\n )}\n {isLoading && (\n \n {translate('general.loading')}...{' '}\n \n
\n )}\n \n \n );\n};\n\nexport default QuickOrderAutoComplete;\n","import React, { useState } from 'react';\n\nconst QuantityInputField = ({ onQuantityChange, quantity }) => {\n const [inputQuantity, setInputQuantity] = useState(quantity);\n\n const increase = () => {\n var parsed = Number(inputQuantity) + 1;\n if (!Number.isNaN(parsed) && parsed >= 1){\n setInputQuantity(parsed)\n onQuantityChange(parsed);\n }\n };\n const decrease = () => {\n var parsed = Number(inputQuantity) - 1;\n if (!Number.isNaN(parsed) && parsed >= 0){\n setInputQuantity(parsed)\n onQuantityChange(parsed);\n }\n };\n\n const inputQuantityBlur = (value) => {\n var parsed = Number(value);\n if (!Number.isNaN(parsed) && parsed >= 0){\n setInputQuantity(Number(parsed));\n onQuantityChange(Number(parsed));\n }\n }\n\n return (\n\n decrease()}\n >\n \n
\n | \n {translate('quickorder.articlenumber')}\n | \n\n {translate('quickorder.name')}\n | \n\n {translate('quickorder.note')}\n | \n\n {translate('quickorder.inventory')}\n | \n\n {translate('quickorder.price')}\n | \n\n {translate('quickorder.quantity')}\n | \n\n {translate('quickorder.totalamount')}\n | \n\n | \n | \n \n | \n \n {row.articleNumber && row.name && (\n | \n \n {row.articleNumber && row.name && (\n | \n \n {row.articleNumber &&\n row.name &&\n row.formattedPrice &&\n row.formattedPrice}\n | \n\n {row.articleNumber && row.name && (\n | \n \n {row.articleNumber &&\n row.name &&\n row.formattedTotalPrice &&\n row.formattedTotalPrice}\n | \n\n {row.articleNumber && row.name && (\n \n \n )}\n | \n \n );\n })}\n
|---|
\n {rows?.map((row, index) => {\n return (\n \n \n \n setCurrentRow(index)}\n onKeyDown={(e) =>\n (e.key == 'Tab' || e.key == 'Enter') && onTabClick(index)\n }\n onChange={(e) =>\n onArticleNumblerChange(\n index,\n 'articleNumber',\n e.target.value\n )\n }\n onBlur={(e) => onArticleNumblerBlur(index, e.target.value)}\n />\n \n {translate('quickorder.article-could-not-be-added')}\n \n
\n \n \n setCurrentRow(index)}\n onKeyDown={(e) =>\n (e.key == 'Tab' || e.key == 'Enter') && onTabClick(index)\n }\n onChange={(e) =>\n onNameInputChange(index, 'name', e.target.value)\n }\n />\n {currentRow == index && showNameAutoComplete && (\n \n onAutoCompleteItemSelected(item, index)\n }\n />\n )}\n
\n {row.articleNumber && row.name && (\n \n \n \n (e.key == 'Tab' || e.key == 'Enter') && onTabClick(index)\n }\n onChange={(e) =>\n onNoteInputChange(index, 'note', e.target.value)\n }\n />\n
\n )}\n {row.articleNumber && row.name && (\n \n \n
\n )}\n {row.articleNumber && row.name && (\n \n
\n )}\n {row.articleNumber && row.name && (\n \n \n {row.formattedPrice && (\n
\n \n {row.formattedPrice}\n
\n )}\n \n \n onQuantityInputChange(index, parseInt(q))\n }\n />\n
\n \n \n {row.formattedTotalPrice && (\n
\n \n {row.formattedTotalPrice}\n
\n )}\n \n clearRow(index)}\n title={translate('general.remove')}\n />\n
\n )}\n \n );\n })}\n \n \n );\n};\n\nexport default QuickOrderMobileTable;\n","import { get, post } from \"../Services/http\";\nimport { QUICK_ORDER_QUERY, QUICK_ORDER_RECEIVE, QUICK_ORDER_IS_LOADING, QUICK_ORDER_IS_AUTO_COMPLETE_LOADING, QUICK_ORDER_ERROR } from '../constants';\n\nexport const queryArticleNumber = (articleNumber) => (dispatch, getState) => {\n dispatch(onQuery({ articleNumber }))\n if(!articleNumber || articleNumber.trim() == \"\") {\n dispatch(receive(null))\n return\n }\n\n return post('/api/quickorder/articlenumber', { articleNumber })\n .then(response => response.json())\n .catch(err => dispatch(onError(err)))\n}\n\nexport const queryName = name => async (dispatch, getState) => {\n dispatch(onQuery({ name }))\n if(!name || name.trim() == \"\") {\n dispatch(receive(null))\n return\n }\n\n return await post('/api/quickorder/name', { name })\n .then(response => response.json())\n .then(result => dispatch(receive(result)))\n .catch(err => dispatch(onError(err)))\n}\n\nexport const onQuery = query => ({\n type: QUICK_ORDER_QUERY,\n payload: {\n query,\n isAutoCompleteLoading: query != \"\"\n }\n})\n\nexport const receive = data => ({\n type: QUICK_ORDER_RECEIVE,\n payload: {\n queryResult: data,\n isLoading: false\n }\n})\n\nexport const setIsLoading = loading => ({\n type: QUICK_ORDER_IS_LOADING,\n payload: {\n isLoading: loading\n }\n})\n\nexport const onError = error => ({\n type: QUICK_ORDER_ERROR,\n payload: {\n error\n }\n})","import { Info, Warning, CheckCircle } from 'phosphor-react';\nimport React, { useEffect, useState } from 'react';\n\nconst Notification = ({ type, text, icon, className, children }) => {\n if (!icon) {\n switch (type) {\n case 'error':\n case 'warning':\n case 'info':\n icon = \n {icon &&
\n \n )\n );\n};\n\nexport default Notification;\n","import React, { useRef } from 'react';\nimport { translate } from '../../Services/translation';\nimport * as csvParser from 'csv-parse';\nimport { post } from '../../Services/http';\nimport Notification from '../Notification';\n\nconst QuickOrderHeader = (props) => {\n const {\n defaultNumRows,\n setRows,\n getEmptyRow,\n formatPrice,\n getCalculatedTotalPrice,\n addRowToEnd,\n addNotification,\n notification,\n } = props;\n const importFileInputRef = useRef();\n\n const importCSV = () => {\n // Open file input dialog when clicking the \"import\" button\n importFileInputRef.current.click();\n };\n\n const parseCSV = (files) => {\n if (!files || files.length == 0) return;\n var file = files[0];\n\n // Read the file content\n var reader = new FileReader();\n reader.readAsText(file, 'UTF-8');\n\n reader.onload = (e) => {\n // On file has been read\n var fileText = reader.result;\n\n addNotification({\n type: 'info',\n text: translate('quickorder.import.started'),\n });\n\n // Parse the file text (CSV)\n csvParser(\n fileText,\n {\n delimiter: ';',\n columns: ['articleNumber', 'quantity'],\n },\n (err, records) => {\n if (\n records &&\n records[0] &&\n records[0].articleNumber == 'articleNumber' &&\n records[0].quantity == 'quantity'\n )\n records.splice(0, 1);\n\n if (err || records.length == 0) {\n return;\n }\n\n // Get the variant data based on the article number from the CSV file\n post(\n '/api/quickorder/many',\n records.map((row) => row.articleNumber)\n )\n .then((res) => res.json())\n .then((rows) => {\n if (rows.filter((r) => r.articleNumber).length == 0) {\n addNotification({\n type: 'warning',\n text: translate('quickorder.import.no-rows'),\n });\n return;\n }\n\n // If the imported row count were smaller than the default number of rows, add empty rows until reached \"defaultNumRows\"\n if (defaultNumRows > rows.length) {\n var rowsLeft = defaultNumRows - rows.length;\n for (var rowIdx = 0; rowIdx < rowsLeft; rowIdx++) {\n rows.push(getEmptyRow());\n }\n }\n\n // Set correct quantity from the CSV file\n for (var record of records) {\n var row = rows.find(\n (r) => r.articleNumber == record.articleNumber\n );\n row.quantity =\n typeof record.quantity != 'undefined' ? record.quantity : 1;\n\n var currencySymbol =\n row.currency?.symbol ?? row.totalPrice.match(/(\\d+)/);\n var formattedRowPrice = formatPrice(\n currencySymbol,\n getCalculatedTotalPrice(row, row.quantity)\n );\n row.formattedTotalPrice = formattedRowPrice;\n }\n addRowToEnd(rows);\n setRows(rows);\n addNotification({\n type: 'success',\n text: translate('quickorder.import.success'),\n });\n })\n .catch((err) => {\n addNotification({\n type: 'error',\n text: `${translate('quickorder.import.error')} : ${err}`,\n });\n });\n }\n );\n };\n\n // Clear selected file from input\n importFileInputRef.current.value = null;\n };\n\n return (\n <>\n {icon}
}\n {text}\n {children}\n \n importCSV()}\n >\n {translate('quickorder.import')}\n \n parseCSV(e.target.files)}\n hidden\n ref={importFileInputRef}\n />\n
\n {notification.text && notification.type && (\n \n
\n\n \n addRow()}\n >\n
\n \n downloadCSV()}\n >\n {translate('quickorder.export')}\n \n \n {translate('quickorder.add-to-cart')}\n \n
\n \n );\n};\n\nexport default QuickOrderFooter;\n","import React, { useState, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport QuickOrderDesktopTable from '../Components/QuickOrderPage/QuickOrderDesktopTable';\nimport QuickOrderMobileTable from '../Components/QuickOrderPage/QuickOrderMobileTable';\nimport useIsMobile from '../Hooks/useIsMobile';\nimport { receive as cartReceive } from '../Actions/Cart.action';\nimport {\n queryArticleNumber,\n queryName,\n setIsLoading,\n onError,\n} from '../Actions/QuickOrder.action';\nimport { addMultiple } from '../Services/Cart.service';\nimport QuickOrderHeader from '../Components/QuickOrderPage/QuickOrderHeader';\nimport QuickOrderFooter from '../Components/QuickOrderPage/QuickOrderFooter';\nimport { get, post } from '../Services/http';\nimport { translate } from '../Services/translation';\n\nconst DEFAULT_NUM_ROWS = 2;\nconst EMPTY_ROW = {\n articleNumber: '',\n quantity: 1,\n quantityInStock: null,\n name: '',\n price: null,\n currency: null,\n inStock: false,\n formattedTotalPrice: '',\n formattedPrice: '',\n error: false,\n};\n\nconst formattedTotalPrice = 'formattedTotalPrice';\n\nconst DEFAULT_NOTIFICATION = {\n text: '',\n type: '',\n};\n\nconst QuickOrderContainer = () => {\n let dispatch = useDispatch();\n const isMobile = useIsMobile();\n const [rows, setRows] = useState([]);\n\n const quickOrder = useSelector((state) => state.quickOrder);\n const queryResult = quickOrder.queryResult;\n const [showNameAutoComplete, setShowNameAutoComplete] = useState(false);\n const [notification, setNotification] = useState(DEFAULT_NOTIFICATION);\n\n const clearRows = () => {\n setRows([]);\n var tempRows = [];\n for (var rowIdx = 0; rowIdx < DEFAULT_NUM_ROWS; rowIdx++) {\n tempRows.push(getEmptyRow());\n }\n setRows(tempRows);\n addNotification({ ...DEFAULT_NOTIFICATION });\n };\n\n useEffect(() => {\n clearRows();\n }, []);\n\n const getRowsCopy = () => Object.assign([], rows);\n\n const getEmptyRow = () => Object.assign({}, EMPTY_ROW);\n\n const addRow = () => setRows((rows) => [...rows, getEmptyRow()]);\n\n const clearRow = (rowIndex) => {\n var rowsCopy = getRowsCopy();\n rowsCopy[rowIndex] = getEmptyRow();\n setRows(rowsCopy);\n addNotification({ ...DEFAULT_NOTIFICATION });\n };\n\n const getCompleteRows = () => {\n return rows.filter((item) => item.articleNumber);\n };\n\n const onAutoCompleteItemSelected = (item, rowIndex) => {\n if (item.availableForQuickOrder) {\n selectItem(item, rowIndex);\n }\n addNotification({ ...DEFAULT_NOTIFICATION });\n };\n\n const addRowToEnd = (rowsCopy) => {\n var lastRow = rowsCopy.slice(-1);\n if (lastRow[0].name !== '' && lastRow[0].articleNumber !== '') {\n var emptyRowIndex = rowsCopy.length;\n rowsCopy[emptyRowIndex] = getEmptyRow();\n }\n };\n\n const selectItem = (item, rowIndex) => {\n var rowsCopy = getRowsCopy();\n dispatch(setIsLoading(true));\n get('/api/quickorder/' + item.articleNumber)\n .then((res) => res.json())\n .then((rowData) => {\n rowData.quantity = 1;\n rowsCopy[rowIndex] = rowData;\n addRowToEnd(rowsCopy);\n setRows(rowsCopy);\n dispatch(setIsLoading(false));\n setShowNameAutoComplete(false);\n dispatch(queryArticleNumber(null));\n dispatch(queryName(null));\n })\n .catch((err) => {\n addNotification({ type: 'error', text: err });\n dispatch(setIsLoading(false));\n });\n };\n\n const getCalculatedTotalPrice = (product, quantity) => {\n if (product == null) return;\n var total = product.totalPrice;\n\n if (product.tierPrices.length > 0) {\n product.tierPrices.forEach((row) => {\n if (\n (quantity >= row.minimumQuantity &&\n quantity <= row.nextMinimumQuantity) ||\n (quantity >= row.minimumQuantity && row.nextMinimumQuantity == null)\n ) {\n // We are at the right tierprice range\n total = calculateTotalRowPrice(row.price, quantity);\n return false;\n }\n });\n } else {\n total = calculateTotalRowPrice(product.price?.price, quantity);\n }\n return total;\n };\n\n const calculateTotalRowPrice = (price, quantity) => {\n if (isNaN(price)) {\n price = Number(price);\n }\n return (price * quantity).toString();\n };\n\n const formatPrice = (currencySymbol, price) => {\n return `${price} ${currencySymbol}`;\n };\n\n const onQuantityInputChange = (rowIndex, value) => {\n var rowsCopy = getRowsCopy();\n if (value <= 0) {\n rowsCopy[rowIndex] = getEmptyRow();\n setRows(rowsCopy);\n return;\n } else if (value != '') {\n var currencySymbol =\n rowsCopy[rowIndex].currency?.symbol ??\n rowsCopy[rowIndex].totalPrice.match(/(\\d+)/);\n var formattedRowPrice = formatPrice(\n currencySymbol,\n getCalculatedTotalPrice(rowsCopy[rowIndex], value)\n );\n rowsCopy[rowIndex][formattedTotalPrice] = formattedRowPrice;\n }\n rowsCopy[rowIndex]['quantity'] = value;\n setRows(rowsCopy);\n };\n\n const onNameInputChange = (rowIndex, key, value) => {\n var rowsCopy = getRowsCopy();\n rowsCopy[rowIndex][key] = value;\n setRows(rowsCopy);\n dispatch(queryName(value));\n if (value == '') {\n setShowNameAutoComplete(false);\n } else {\n setShowNameAutoComplete(true);\n }\n };\n\n const onNoteInputChange = (rowIndex, key, value) => {\n var rowsCopy = getRowsCopy();\n rowsCopy[rowIndex][key] = value;\n setRows(rowsCopy);\n addNotification({ ...DEFAULT_NOTIFICATION });\n };\n\n const onArticleNumblerChange = (rowIndex, key, value) => {\n var rowsCopy = getRowsCopy();\n rowsCopy[rowIndex][key] = value;\n setRows(rowsCopy);\n addNotification({ ...DEFAULT_NOTIFICATION });\n };\n\n const onArticleNumblerBlur = (rowIndex, value) => {\n if (value && value.trim() != '') {\n addNotification({ ...DEFAULT_NOTIFICATION });\n dispatch(queryArticleNumber(value)).then((res) => {\n var rowsCopy = getRowsCopy();\n if (res !== undefined) {\n rowsCopy[rowIndex] = res;\n } else {\n rowsCopy[rowIndex] = getEmptyRow();\n addNotification({\n type: 'error',\n text: `${translate('quickorder.article-not-found')} ${value}`,\n });\n rowsCopy[rowIndex]['error'] = true;\n }\n addRowToEnd(rowsCopy);\n setRows(rowsCopy);\n });\n return;\n }\n };\n\n const onTabClick = (rowIndex) => {\n if (\n queryResult &&\n queryResult.articles &&\n queryResult.articles.length > 0\n ) {\n var item = queryResult.articles[0];\n if (item) {\n selectItem(item, rowIndex);\n }\n }\n };\n\n const checkIfCanAddToCart = () => {\n var canAdd = false;\n rows.forEach((row) => {\n if (row.articleNumber != '' && row.name != '') canAdd = true;\n return false;\n });\n return canAdd;\n };\n\n const addNotification = ({ type, text }) => {\n if (type == '' && text == '') {\n setNotification(DEFAULT_NOTIFICATION);\n } else if (type && type != '' && text && text != '') {\n setNotification({ type: type, text: text });\n }\n };\n\n return (\n \n {\n try {\n const cart = await addMultiple(products);\n dispatch(cartReceive(cart));\n } catch (err) {\n dispatch(onError(err));\n }\n }}\n clearRows={clearRows}\n canAddToCart={checkIfCanAddToCart()}\n addRow={addRow}\n addNotification={addNotification}\n defaultNotification={DEFAULT_NOTIFICATION}\n />\n
\n );\n};\n\nexport default QuickOrderContainer;\n","import { X } from 'phosphor-react';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n clearAllFilters,\n clearFilterGroup,\n} from '../Actions/FacetedSearch.action';\nimport { translate } from '../Services/translation';\n\nconst ActiveFilterBar = () => {\n const facetedFiltersState = useSelector(\n (state) => state.facetedSearch.facetFilters\n );\n const dispatch = useDispatch();\n return (\n \n {facetedFiltersState.map((filterGroup, idx) => (\n dispatch(clearAllFilters())}\n >\n {translate('filter-bar.clear-all')}\n \n )}\n
\n );\n};\n\nconst ActiveFilterChip = ({ filterGroup }) => {\n const dispatch = useDispatch();\n const { selectedOptions, id, label, asSlider } = filterGroup;\n const chipText = useMemo(\n () =>\n asSlider\n ? `${selectedOptions[1]} - ${selectedOptions[0]}`\n : selectedOptions.join(', '),\n [selectedOptions, asSlider]\n );\n if (selectedOptions.length == 0) return null;\n\n return (\n {store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var _newSelectedState = latestSelector.current(store.getState());\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.PrevArrow = exports.NextArrow = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar PrevArrow = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(PrevArrow, _React$PureComponent);\n\n var _super = _createSuper(PrevArrow);\n\n function PrevArrow() {\n _classCallCheck(this, PrevArrow);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(PrevArrow, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n if (e) {\n e.preventDefault();\n }\n\n this.props.clickHandler(options, e);\n }\n }, {\n key: \"render\",\n value: function render() {\n var prevClasses = {\n \"slick-arrow\": true,\n \"slick-prev\": true\n };\n var prevHandler = this.clickHandler.bind(this, {\n message: \"previous\"\n });\n\n if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) {\n prevClasses[\"slick-disabled\"] = true;\n prevHandler = null;\n }\n\n var prevArrowProps = {\n key: \"0\",\n \"data-role\": \"none\",\n className: (0, _classnames[\"default\"])(prevClasses),\n style: {\n display: \"block\"\n },\n onClick: prevHandler\n };\n var customProps = {\n currentSlide: this.props.currentSlide,\n slideCount: this.props.slideCount\n };\n var prevArrow;\n\n if (this.props.prevArrow) {\n prevArrow = /*#__PURE__*/_react[\"default\"].cloneElement(this.props.prevArrow, _objectSpread(_objectSpread({}, prevArrowProps), customProps));\n } else {\n prevArrow = /*#__PURE__*/_react[\"default\"].createElement(\"button\", _extends({\n key: \"0\",\n type: \"button\"\n }, prevArrowProps), \" \", \"Previous\");\n }\n\n return prevArrow;\n }\n }]);\n\n return PrevArrow;\n}(_react[\"default\"].PureComponent);\n\nexports.PrevArrow = PrevArrow;\n\nvar NextArrow = /*#__PURE__*/function (_React$PureComponent2) {\n _inherits(NextArrow, _React$PureComponent2);\n\n var _super2 = _createSuper(NextArrow);\n\n function NextArrow() {\n _classCallCheck(this, NextArrow);\n\n return _super2.apply(this, arguments);\n }\n\n _createClass(NextArrow, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n if (e) {\n e.preventDefault();\n }\n\n this.props.clickHandler(options, e);\n }\n }, {\n key: \"render\",\n value: function render() {\n var nextClasses = {\n \"slick-arrow\": true,\n \"slick-next\": true\n };\n var nextHandler = this.clickHandler.bind(this, {\n message: \"next\"\n });\n\n if (!(0, _innerSliderUtils.canGoNext)(this.props)) {\n nextClasses[\"slick-disabled\"] = true;\n nextHandler = null;\n }\n\n var nextArrowProps = {\n key: \"1\",\n \"data-role\": \"none\",\n className: (0, _classnames[\"default\"])(nextClasses),\n style: {\n display: \"block\"\n },\n onClick: nextHandler\n };\n var customProps = {\n currentSlide: this.props.currentSlide,\n slideCount: this.props.slideCount\n };\n var nextArrow;\n\n if (this.props.nextArrow) {\n nextArrow = /*#__PURE__*/_react[\"default\"].cloneElement(this.props.nextArrow, _objectSpread(_objectSpread({}, nextArrowProps), customProps));\n } else {\n nextArrow = /*#__PURE__*/_react[\"default\"].createElement(\"button\", _extends({\n key: \"1\",\n type: \"button\"\n }, nextArrowProps), \" \", \"Next\");\n }\n\n return nextArrow;\n }\n }]);\n\n return NextArrow;\n}(_react[\"default\"].PureComponent);\n\nexports.NextArrow = NextArrow;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar defaultProps = {\n accessibility: true,\n adaptiveHeight: false,\n afterChange: null,\n appendDots: function appendDots(dots) {\n return /*#__PURE__*/_react[\"default\"].createElement(\"ul\", {\n style: {\n display: \"block\"\n }\n }, dots);\n },\n arrows: true,\n autoplay: false,\n autoplaySpeed: 3000,\n beforeChange: null,\n centerMode: false,\n centerPadding: \"50px\",\n className: \"\",\n cssEase: \"ease\",\n customPaging: function customPaging(i) {\n return /*#__PURE__*/_react[\"default\"].createElement(\"button\", null, i + 1);\n },\n dots: false,\n dotsClass: \"slick-dots\",\n draggable: true,\n easing: \"linear\",\n edgeFriction: 0.35,\n fade: false,\n focusOnSelect: false,\n infinite: true,\n initialSlide: 0,\n lazyLoad: null,\n nextArrow: null,\n onEdge: null,\n onInit: null,\n onLazyLoadError: null,\n onReInit: null,\n pauseOnDotsHover: false,\n pauseOnFocus: false,\n pauseOnHover: true,\n prevArrow: null,\n responsive: null,\n rows: 1,\n rtl: false,\n slide: \"div\",\n slidesPerRow: 1,\n slidesToScroll: 1,\n slidesToShow: 1,\n speed: 500,\n swipe: true,\n swipeEvent: null,\n swipeToSlide: false,\n touchMove: true,\n touchThreshold: 5,\n useCSS: true,\n useTransform: true,\n variableWidth: false,\n vertical: false,\n waitForAnimate: true\n};\nvar _default = defaultProps;\nexports[\"default\"] = _default;","\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Dots = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar getDotCount = function getDotCount(spec) {\n var dots;\n\n if (spec.infinite) {\n dots = Math.ceil(spec.slideCount / spec.slidesToScroll);\n } else {\n dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1;\n }\n\n return dots;\n};\n\nvar Dots = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(Dots, _React$PureComponent);\n\n var _super = _createSuper(Dots);\n\n function Dots() {\n _classCallCheck(this, Dots);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Dots, [{\n key: \"clickHandler\",\n value: function clickHandler(options, e) {\n // In Autoplay the focus stays on clicked button even after transition\n // to next slide. That only goes away by click somewhere outside\n e.preventDefault();\n this.props.clickHandler(options);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n onMouseEnter = _this$props.onMouseEnter,\n onMouseOver = _this$props.onMouseOver,\n onMouseLeave = _this$props.onMouseLeave,\n infinite = _this$props.infinite,\n slidesToScroll = _this$props.slidesToScroll,\n slidesToShow = _this$props.slidesToShow,\n slideCount = _this$props.slideCount,\n currentSlide = _this$props.currentSlide;\n var dotCount = getDotCount({\n slideCount: slideCount,\n slidesToScroll: slidesToScroll,\n slidesToShow: slidesToShow,\n infinite: infinite\n });\n var mouseEvents = {\n onMouseEnter: onMouseEnter,\n onMouseOver: onMouseOver,\n onMouseLeave: onMouseLeave\n };\n var dots = [];\n\n for (var i = 0; i < dotCount; i++) {\n var _rightBound = (i + 1) * slidesToScroll - 1;\n\n var rightBound = infinite ? _rightBound : (0, _innerSliderUtils.clamp)(_rightBound, 0, slideCount - 1);\n\n var _leftBound = rightBound - (slidesToScroll - 1);\n\n var leftBound = infinite ? _leftBound : (0, _innerSliderUtils.clamp)(_leftBound, 0, slideCount - 1);\n var className = (0, _classnames[\"default\"])({\n \"slick-active\": infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound\n });\n var dotOptions = {\n message: \"dots\",\n index: i,\n slidesToScroll: slidesToScroll,\n currentSlide: currentSlide\n };\n var onClick = this.clickHandler.bind(this, dotOptions);\n dots = dots.concat( /*#__PURE__*/_react[\"default\"].createElement(\"li\", {\n key: i,\n className: className\n }, /*#__PURE__*/_react[\"default\"].cloneElement(this.props.customPaging(i), {\n onClick: onClick\n })));\n }\n\n return /*#__PURE__*/_react[\"default\"].cloneElement(this.props.appendDots(dots), _objectSpread({\n className: this.props.dotsClass\n }, mouseEvents));\n }\n }]);\n\n return Dots;\n}(_react[\"default\"].PureComponent);\n\nexports.Dots = Dots;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar initialState = {\n animating: false,\n autoplaying: null,\n currentDirection: 0,\n currentLeft: null,\n currentSlide: 0,\n direction: 1,\n dragging: false,\n edgeDragged: false,\n initialized: false,\n lazyLoadedList: [],\n listHeight: null,\n listWidth: null,\n scrolling: false,\n slideCount: null,\n slideHeight: null,\n slideWidth: null,\n swipeLeft: null,\n swiped: false,\n // used by swipeEvent. differentites between touch and swipe.\n swiping: false,\n touchObject: {\n startX: 0,\n startY: 0,\n curX: 0,\n curY: 0\n },\n trackStyle: {},\n trackWidth: 0,\n targetSlide: 0\n};\nvar _default = initialState;\nexports[\"default\"] = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.InnerSlider = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _initialState = _interopRequireDefault(require(\"./initial-state\"));\n\nvar _lodash = _interopRequireDefault(require(\"lodash.debounce\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\n\nvar _track = require(\"./track\");\n\nvar _dots = require(\"./dots\");\n\nvar _arrows = require(\"./arrows\");\n\nvar _resizeObserverPolyfill = _interopRequireDefault(require(\"resize-observer-polyfill\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar InnerSlider = /*#__PURE__*/function (_React$Component) {\n _inherits(InnerSlider, _React$Component);\n\n var _super = _createSuper(InnerSlider);\n\n function InnerSlider(props) {\n var _this;\n\n _classCallCheck(this, InnerSlider);\n\n _this = _super.call(this, props);\n\n _defineProperty(_assertThisInitialized(_this), \"listRefHandler\", function (ref) {\n return _this.list = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"trackRefHandler\", function (ref) {\n return _this.track = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"adaptHeight\", function () {\n if (_this.props.adaptiveHeight && _this.list) {\n var elem = _this.list.querySelector(\"[data-index=\\\"\".concat(_this.state.currentSlide, \"\\\"]\"));\n\n _this.list.style.height = (0, _innerSliderUtils.getHeight)(elem) + \"px\";\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"componentDidMount\", function () {\n _this.props.onInit && _this.props.onInit();\n\n if (_this.props.lazyLoad) {\n var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_objectSpread(_objectSpread({}, _this.props), _this.state));\n\n if (slidesToLoad.length > 0) {\n _this.setState(function (prevState) {\n return {\n lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)\n };\n });\n\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n }\n }\n\n var spec = _objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props);\n\n _this.updateState(spec, true, function () {\n _this.adaptHeight();\n\n _this.props.autoplay && _this.autoPlay(\"update\");\n });\n\n if (_this.props.lazyLoad === \"progressive\") {\n _this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);\n }\n\n _this.ro = new _resizeObserverPolyfill[\"default\"](function () {\n if (_this.state.animating) {\n _this.onWindowResized(false); // don't set trackStyle hence don't break animation\n\n\n _this.callbackTimers.push(setTimeout(function () {\n return _this.onWindowResized();\n }, _this.props.speed));\n } else {\n _this.onWindowResized();\n }\n });\n\n _this.ro.observe(_this.list);\n\n document.querySelectorAll && Array.prototype.forEach.call(document.querySelectorAll(\".slick-slide\"), function (slide) {\n slide.onfocus = _this.props.pauseOnFocus ? _this.onSlideFocus : null;\n slide.onblur = _this.props.pauseOnFocus ? _this.onSlideBlur : null;\n });\n\n if (window.addEventListener) {\n window.addEventListener(\"resize\", _this.onWindowResized);\n } else {\n window.attachEvent(\"onresize\", _this.onWindowResized);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"componentWillUnmount\", function () {\n if (_this.animationEndCallback) {\n clearTimeout(_this.animationEndCallback);\n }\n\n if (_this.lazyLoadTimer) {\n clearInterval(_this.lazyLoadTimer);\n }\n\n if (_this.callbackTimers.length) {\n _this.callbackTimers.forEach(function (timer) {\n return clearTimeout(timer);\n });\n\n _this.callbackTimers = [];\n }\n\n if (window.addEventListener) {\n window.removeEventListener(\"resize\", _this.onWindowResized);\n } else {\n window.detachEvent(\"onresize\", _this.onWindowResized);\n }\n\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n }\n\n _this.ro.disconnect();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"componentDidUpdate\", function (prevProps) {\n _this.checkImagesLoad();\n\n _this.props.onReInit && _this.props.onReInit();\n\n if (_this.props.lazyLoad) {\n var slidesToLoad = (0, _innerSliderUtils.getOnDemandLazySlides)(_objectSpread(_objectSpread({}, _this.props), _this.state));\n\n if (slidesToLoad.length > 0) {\n _this.setState(function (prevState) {\n return {\n lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)\n };\n });\n\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n }\n } // if (this.props.onLazyLoad) {\n // this.props.onLazyLoad([leftMostSlide])\n // }\n\n\n _this.adaptHeight();\n\n var spec = _objectSpread(_objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props), _this.state);\n\n var setTrackStyle = _this.didPropsChange(prevProps);\n\n setTrackStyle && _this.updateState(spec, setTrackStyle, function () {\n if (_this.state.currentSlide >= _react[\"default\"].Children.count(_this.props.children)) {\n _this.changeSlide({\n message: \"index\",\n index: _react[\"default\"].Children.count(_this.props.children) - _this.props.slidesToShow,\n currentSlide: _this.state.currentSlide\n });\n }\n\n if (_this.props.autoplay) {\n _this.autoPlay(\"update\");\n } else {\n _this.pause(\"paused\");\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onWindowResized\", function (setTrackStyle) {\n if (_this.debouncedResize) _this.debouncedResize.cancel();\n _this.debouncedResize = (0, _lodash[\"default\"])(function () {\n return _this.resizeWindow(setTrackStyle);\n }, 50);\n\n _this.debouncedResize();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"resizeWindow\", function () {\n var setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n var isTrackMounted = Boolean(_this.track && _this.track.node); // prevent warning: setting state on unmounted component (server side rendering)\n\n if (!isTrackMounted) return;\n\n var spec = _objectSpread(_objectSpread({\n listRef: _this.list,\n trackRef: _this.track\n }, _this.props), _this.state);\n\n _this.updateState(spec, setTrackStyle, function () {\n if (_this.props.autoplay) _this.autoPlay(\"update\");else _this.pause(\"paused\");\n }); // animating state should be cleared while resizing, otherwise autoplay stops working\n\n\n _this.setState({\n animating: false\n });\n\n clearTimeout(_this.animationEndCallback);\n delete _this.animationEndCallback;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"updateState\", function (spec, setTrackStyle, callback) {\n var updatedState = (0, _innerSliderUtils.initializedState)(spec);\n spec = _objectSpread(_objectSpread(_objectSpread({}, spec), updatedState), {}, {\n slideIndex: updatedState.currentSlide\n });\n var targetLeft = (0, _innerSliderUtils.getTrackLeft)(spec);\n spec = _objectSpread(_objectSpread({}, spec), {}, {\n left: targetLeft\n });\n var trackStyle = (0, _innerSliderUtils.getTrackCSS)(spec);\n\n if (setTrackStyle || _react[\"default\"].Children.count(_this.props.children) !== _react[\"default\"].Children.count(spec.children)) {\n updatedState[\"trackStyle\"] = trackStyle;\n }\n\n _this.setState(updatedState, callback);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"ssrInit\", function () {\n if (_this.props.variableWidth) {\n var _trackWidth = 0,\n _trackLeft = 0;\n var childrenWidths = [];\n var preClones = (0, _innerSliderUtils.getPreClones)(_objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: _this.props.children.length\n }));\n var postClones = (0, _innerSliderUtils.getPostClones)(_objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: _this.props.children.length\n }));\n\n _this.props.children.forEach(function (child) {\n childrenWidths.push(child.props.style.width);\n _trackWidth += child.props.style.width;\n });\n\n for (var i = 0; i < preClones; i++) {\n _trackLeft += childrenWidths[childrenWidths.length - 1 - i];\n _trackWidth += childrenWidths[childrenWidths.length - 1 - i];\n }\n\n for (var _i = 0; _i < postClones; _i++) {\n _trackWidth += childrenWidths[_i];\n }\n\n for (var _i2 = 0; _i2 < _this.state.currentSlide; _i2++) {\n _trackLeft += childrenWidths[_i2];\n }\n\n var _trackStyle = {\n width: _trackWidth + \"px\",\n left: -_trackLeft + \"px\"\n };\n\n if (_this.props.centerMode) {\n var currentWidth = \"\".concat(childrenWidths[_this.state.currentSlide], \"px\");\n _trackStyle.left = \"calc(\".concat(_trackStyle.left, \" + (100% - \").concat(currentWidth, \") / 2 ) \");\n }\n\n return {\n trackStyle: _trackStyle\n };\n }\n\n var childrenCount = _react[\"default\"].Children.count(_this.props.children);\n\n var spec = _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n slideCount: childrenCount\n });\n\n var slideCount = (0, _innerSliderUtils.getPreClones)(spec) + (0, _innerSliderUtils.getPostClones)(spec) + childrenCount;\n var trackWidth = 100 / _this.props.slidesToShow * slideCount;\n var slideWidth = 100 / slideCount;\n var trackLeft = -slideWidth * ((0, _innerSliderUtils.getPreClones)(spec) + _this.state.currentSlide) * trackWidth / 100;\n\n if (_this.props.centerMode) {\n trackLeft += (100 - slideWidth * trackWidth / 100) / 2;\n }\n\n var trackStyle = {\n width: trackWidth + \"%\",\n left: trackLeft + \"%\"\n };\n return {\n slideWidth: slideWidth + \"%\",\n trackStyle: trackStyle\n };\n });\n\n _defineProperty(_assertThisInitialized(_this), \"checkImagesLoad\", function () {\n var images = _this.list && _this.list.querySelectorAll && _this.list.querySelectorAll(\".slick-slide img\") || [];\n var imagesCount = images.length,\n loadedCount = 0;\n Array.prototype.forEach.call(images, function (image) {\n var handler = function handler() {\n return ++loadedCount && loadedCount >= imagesCount && _this.onWindowResized();\n };\n\n if (!image.onclick) {\n image.onclick = function () {\n return image.parentNode.focus();\n };\n } else {\n var prevClickHandler = image.onclick;\n\n image.onclick = function () {\n prevClickHandler();\n image.parentNode.focus();\n };\n }\n\n if (!image.onload) {\n if (_this.props.lazyLoad) {\n image.onload = function () {\n _this.adaptHeight();\n\n _this.callbackTimers.push(setTimeout(_this.onWindowResized, _this.props.speed));\n };\n } else {\n image.onload = handler;\n\n image.onerror = function () {\n handler();\n _this.props.onLazyLoadError && _this.props.onLazyLoadError();\n };\n }\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"progressiveLazyLoad\", function () {\n var slidesToLoad = [];\n\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n\n for (var index = _this.state.currentSlide; index < _this.state.slideCount + (0, _innerSliderUtils.getPostClones)(spec); index++) {\n if (_this.state.lazyLoadedList.indexOf(index) < 0) {\n slidesToLoad.push(index);\n break;\n }\n }\n\n for (var _index = _this.state.currentSlide - 1; _index >= -(0, _innerSliderUtils.getPreClones)(spec); _index--) {\n if (_this.state.lazyLoadedList.indexOf(_index) < 0) {\n slidesToLoad.push(_index);\n break;\n }\n }\n\n if (slidesToLoad.length > 0) {\n _this.setState(function (state) {\n return {\n lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad)\n };\n });\n\n if (_this.props.onLazyLoad) {\n _this.props.onLazyLoad(slidesToLoad);\n }\n } else {\n if (_this.lazyLoadTimer) {\n clearInterval(_this.lazyLoadTimer);\n delete _this.lazyLoadTimer;\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slideHandler\", function (index) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var _this$props = _this.props,\n asNavFor = _this$props.asNavFor,\n beforeChange = _this$props.beforeChange,\n onLazyLoad = _this$props.onLazyLoad,\n speed = _this$props.speed,\n afterChange = _this$props.afterChange; // capture currentslide before state is updated\n\n var currentSlide = _this.state.currentSlide;\n\n var _slideHandler = (0, _innerSliderUtils.slideHandler)(_objectSpread(_objectSpread(_objectSpread({\n index: index\n }, _this.props), _this.state), {}, {\n trackRef: _this.track,\n useCSS: _this.props.useCSS && !dontAnimate\n })),\n state = _slideHandler.state,\n nextState = _slideHandler.nextState;\n\n if (!state) return;\n beforeChange && beforeChange(currentSlide, state.currentSlide);\n var slidesToLoad = state.lazyLoadedList.filter(function (value) {\n return _this.state.lazyLoadedList.indexOf(value) < 0;\n });\n onLazyLoad && slidesToLoad.length > 0 && onLazyLoad(slidesToLoad);\n\n if (!_this.props.waitForAnimate && _this.animationEndCallback) {\n clearTimeout(_this.animationEndCallback);\n afterChange && afterChange(currentSlide);\n delete _this.animationEndCallback;\n }\n\n _this.setState(state, function () {\n // asNavForIndex check is to avoid recursive calls of slideHandler in waitForAnimate=false mode\n if (asNavFor && _this.asNavForIndex !== index) {\n _this.asNavForIndex = index;\n asNavFor.innerSlider.slideHandler(index);\n }\n\n if (!nextState) return;\n _this.animationEndCallback = setTimeout(function () {\n var animating = nextState.animating,\n firstBatch = _objectWithoutProperties(nextState, [\"animating\"]);\n\n _this.setState(firstBatch, function () {\n _this.callbackTimers.push(setTimeout(function () {\n return _this.setState({\n animating: animating\n });\n }, 10));\n\n afterChange && afterChange(state.currentSlide);\n delete _this.animationEndCallback;\n });\n }, speed);\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"changeSlide\", function (options) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n\n var targetSlide = (0, _innerSliderUtils.changeSlide)(spec, options);\n if (targetSlide !== 0 && !targetSlide) return;\n\n if (dontAnimate === true) {\n _this.slideHandler(targetSlide, dontAnimate);\n } else {\n _this.slideHandler(targetSlide);\n }\n\n _this.props.autoplay && _this.autoPlay(\"update\");\n\n if (_this.props.focusOnSelect) {\n var nodes = _this.list.querySelectorAll(\".slick-current\");\n\n nodes[0] && nodes[0].focus();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"clickHandler\", function (e) {\n if (_this.clickable === false) {\n e.stopPropagation();\n e.preventDefault();\n }\n\n _this.clickable = true;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"keyHandler\", function (e) {\n var dir = (0, _innerSliderUtils.keyHandler)(e, _this.props.accessibility, _this.props.rtl);\n dir !== \"\" && _this.changeSlide({\n message: dir\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"selectHandler\", function (options) {\n _this.changeSlide(options);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"disableBodyScroll\", function () {\n var preventDefault = function preventDefault(e) {\n e = e || window.event;\n if (e.preventDefault) e.preventDefault();\n e.returnValue = false;\n };\n\n window.ontouchmove = preventDefault;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"enableBodyScroll\", function () {\n window.ontouchmove = null;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"swipeStart\", function (e) {\n if (_this.props.verticalSwiping) {\n _this.disableBodyScroll();\n }\n\n var state = (0, _innerSliderUtils.swipeStart)(e, _this.props.swipe, _this.props.draggable);\n state !== \"\" && _this.setState(state);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"swipeMove\", function (e) {\n var state = (0, _innerSliderUtils.swipeMove)(e, _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n trackRef: _this.track,\n listRef: _this.list,\n slideIndex: _this.state.currentSlide\n }));\n if (!state) return;\n\n if (state[\"swiping\"]) {\n _this.clickable = false;\n }\n\n _this.setState(state);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"swipeEnd\", function (e) {\n var state = (0, _innerSliderUtils.swipeEnd)(e, _objectSpread(_objectSpread(_objectSpread({}, _this.props), _this.state), {}, {\n trackRef: _this.track,\n listRef: _this.list,\n slideIndex: _this.state.currentSlide\n }));\n if (!state) return;\n var triggerSlideHandler = state[\"triggerSlideHandler\"];\n delete state[\"triggerSlideHandler\"];\n\n _this.setState(state);\n\n if (triggerSlideHandler === undefined) return;\n\n _this.slideHandler(triggerSlideHandler);\n\n if (_this.props.verticalSwiping) {\n _this.enableBodyScroll();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"touchEnd\", function (e) {\n _this.swipeEnd(e);\n\n _this.clickable = true;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickPrev\", function () {\n // this and fellow methods are wrapped in setTimeout\n // to make sure initialize setState has happened before\n // any of such methods are called\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"previous\"\n });\n }, 0));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickNext\", function () {\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"next\"\n });\n }, 0));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickGoTo\", function (slide) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n slide = Number(slide);\n if (isNaN(slide)) return \"\";\n\n _this.callbackTimers.push(setTimeout(function () {\n return _this.changeSlide({\n message: \"index\",\n index: slide,\n currentSlide: _this.state.currentSlide\n }, dontAnimate);\n }, 0));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"play\", function () {\n var nextIndex;\n\n if (_this.props.rtl) {\n nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;\n } else {\n if ((0, _innerSliderUtils.canGoNext)(_objectSpread(_objectSpread({}, _this.props), _this.state))) {\n nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;\n } else {\n return false;\n }\n }\n\n _this.slideHandler(nextIndex);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"autoPlay\", function (playType) {\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n }\n\n var autoplaying = _this.state.autoplaying;\n\n if (playType === \"update\") {\n if (autoplaying === \"hovered\" || autoplaying === \"focused\" || autoplaying === \"paused\") {\n return;\n }\n } else if (playType === \"leave\") {\n if (autoplaying === \"paused\" || autoplaying === \"focused\") {\n return;\n }\n } else if (playType === \"blur\") {\n if (autoplaying === \"paused\" || autoplaying === \"hovered\") {\n return;\n }\n }\n\n _this.autoplayTimer = setInterval(_this.play, _this.props.autoplaySpeed + 50);\n\n _this.setState({\n autoplaying: \"playing\"\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"pause\", function (pauseType) {\n if (_this.autoplayTimer) {\n clearInterval(_this.autoplayTimer);\n _this.autoplayTimer = null;\n }\n\n var autoplaying = _this.state.autoplaying;\n\n if (pauseType === \"paused\") {\n _this.setState({\n autoplaying: \"paused\"\n });\n } else if (pauseType === \"focused\") {\n if (autoplaying === \"hovered\" || autoplaying === \"playing\") {\n _this.setState({\n autoplaying: \"focused\"\n });\n }\n } else {\n // pauseType is 'hovered'\n if (autoplaying === \"playing\") {\n _this.setState({\n autoplaying: \"hovered\"\n });\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onDotsOver\", function () {\n return _this.props.autoplay && _this.pause(\"hovered\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onDotsLeave\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"hovered\" && _this.autoPlay(\"leave\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onTrackOver\", function () {\n return _this.props.autoplay && _this.pause(\"hovered\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onTrackLeave\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"hovered\" && _this.autoPlay(\"leave\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSlideFocus\", function () {\n return _this.props.autoplay && _this.pause(\"focused\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSlideBlur\", function () {\n return _this.props.autoplay && _this.state.autoplaying === \"focused\" && _this.autoPlay(\"blur\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"render\", function () {\n var className = (0, _classnames[\"default\"])(\"slick-slider\", _this.props.className, {\n \"slick-vertical\": _this.props.vertical,\n \"slick-initialized\": true\n });\n\n var spec = _objectSpread(_objectSpread({}, _this.props), _this.state);\n\n var trackProps = (0, _innerSliderUtils.extractObject)(spec, [\"fade\", \"cssEase\", \"speed\", \"infinite\", \"centerMode\", \"focusOnSelect\", \"currentSlide\", \"lazyLoad\", \"lazyLoadedList\", \"rtl\", \"slideWidth\", \"slideHeight\", \"listHeight\", \"vertical\", \"slidesToShow\", \"slidesToScroll\", \"slideCount\", \"trackStyle\", \"variableWidth\", \"unslick\", \"centerPadding\", \"targetSlide\", \"useCSS\"]);\n var pauseOnHover = _this.props.pauseOnHover;\n trackProps = _objectSpread(_objectSpread({}, trackProps), {}, {\n onMouseEnter: pauseOnHover ? _this.onTrackOver : null,\n onMouseLeave: pauseOnHover ? _this.onTrackLeave : null,\n onMouseOver: pauseOnHover ? _this.onTrackOver : null,\n focusOnSelect: _this.props.focusOnSelect && _this.clickable ? _this.selectHandler : null\n });\n var dots;\n\n if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) {\n var dotProps = (0, _innerSliderUtils.extractObject)(spec, [\"dotsClass\", \"slideCount\", \"slidesToShow\", \"currentSlide\", \"slidesToScroll\", \"clickHandler\", \"children\", \"customPaging\", \"infinite\", \"appendDots\"]);\n var pauseOnDotsHover = _this.props.pauseOnDotsHover;\n dotProps = _objectSpread(_objectSpread({}, dotProps), {}, {\n clickHandler: _this.changeSlide,\n onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,\n onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,\n onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null\n });\n dots = /*#__PURE__*/_react[\"default\"].createElement(_dots.Dots, dotProps);\n }\n\n var prevArrow, nextArrow;\n var arrowProps = (0, _innerSliderUtils.extractObject)(spec, [\"infinite\", \"centerMode\", \"currentSlide\", \"slideCount\", \"slidesToShow\", \"prevArrow\", \"nextArrow\"]);\n arrowProps.clickHandler = _this.changeSlide;\n\n if (_this.props.arrows) {\n prevArrow = /*#__PURE__*/_react[\"default\"].createElement(_arrows.PrevArrow, arrowProps);\n nextArrow = /*#__PURE__*/_react[\"default\"].createElement(_arrows.NextArrow, arrowProps);\n }\n\n var verticalHeightStyle = null;\n\n if (_this.props.vertical) {\n verticalHeightStyle = {\n height: _this.state.listHeight\n };\n }\n\n var centerPaddingStyle = null;\n\n if (_this.props.vertical === false) {\n if (_this.props.centerMode === true) {\n centerPaddingStyle = {\n padding: \"0px \" + _this.props.centerPadding\n };\n }\n } else {\n if (_this.props.centerMode === true) {\n centerPaddingStyle = {\n padding: _this.props.centerPadding + \" 0px\"\n };\n }\n }\n\n var listStyle = _objectSpread(_objectSpread({}, verticalHeightStyle), centerPaddingStyle);\n\n var touchMove = _this.props.touchMove;\n var listProps = {\n className: \"slick-list\",\n style: listStyle,\n onClick: _this.clickHandler,\n onMouseDown: touchMove ? _this.swipeStart : null,\n onMouseMove: _this.state.dragging && touchMove ? _this.swipeMove : null,\n onMouseUp: touchMove ? _this.swipeEnd : null,\n onMouseLeave: _this.state.dragging && touchMove ? _this.swipeEnd : null,\n onTouchStart: touchMove ? _this.swipeStart : null,\n onTouchMove: _this.state.dragging && touchMove ? _this.swipeMove : null,\n onTouchEnd: touchMove ? _this.touchEnd : null,\n onTouchCancel: _this.state.dragging && touchMove ? _this.swipeEnd : null,\n onKeyDown: _this.props.accessibility ? _this.keyHandler : null\n };\n var innerSliderProps = {\n className: className,\n dir: \"ltr\",\n style: _this.props.style\n };\n\n if (_this.props.unslick) {\n listProps = {\n className: \"slick-list\"\n };\n innerSliderProps = {\n className: className\n };\n }\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", innerSliderProps, !_this.props.unslick ? prevArrow : \"\", /*#__PURE__*/_react[\"default\"].createElement(\"div\", _extends({\n ref: _this.listRefHandler\n }, listProps), /*#__PURE__*/_react[\"default\"].createElement(_track.Track, _extends({\n ref: _this.trackRefHandler\n }, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : \"\", !_this.props.unslick ? dots : \"\");\n });\n\n _this.list = null;\n _this.track = null;\n _this.state = _objectSpread(_objectSpread({}, _initialState[\"default\"]), {}, {\n currentSlide: _this.props.initialSlide,\n slideCount: _react[\"default\"].Children.count(_this.props.children)\n });\n _this.callbackTimers = [];\n _this.clickable = true;\n _this.debouncedResize = null;\n\n var ssrState = _this.ssrInit();\n\n _this.state = _objectSpread(_objectSpread({}, _this.state), ssrState);\n return _this;\n }\n\n _createClass(InnerSlider, [{\n key: \"didPropsChange\",\n value: function didPropsChange(prevProps) {\n var setTrackStyle = false;\n\n for (var _i3 = 0, _Object$keys = Object.keys(this.props); _i3 < _Object$keys.length; _i3++) {\n var key = _Object$keys[_i3];\n\n if (!prevProps.hasOwnProperty(key)) {\n setTrackStyle = true;\n break;\n }\n\n if (_typeof(prevProps[key]) === \"object\" || typeof prevProps[key] === \"function\") {\n continue;\n }\n\n if (prevProps[key] !== this.props[key]) {\n setTrackStyle = true;\n break;\n }\n }\n\n return setTrackStyle || _react[\"default\"].Children.count(this.props.children) !== _react[\"default\"].Children.count(prevProps.children);\n }\n }]);\n\n return InnerSlider;\n}(_react[\"default\"].Component);\n\nexports.InnerSlider = InnerSlider;","\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _innerSlider = require(\"./inner-slider\");\n\nvar _json2mq = _interopRequireDefault(require(\"json2mq\"));\n\nvar _defaultProps = _interopRequireDefault(require(\"./default-props\"));\n\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar enquire = (0, _innerSliderUtils.canUseDOM)() && require(\"enquire.js\");\n\nvar Slider = /*#__PURE__*/function (_React$Component) {\n _inherits(Slider, _React$Component);\n\n var _super = _createSuper(Slider);\n\n function Slider(props) {\n var _this;\n\n _classCallCheck(this, Slider);\n\n _this = _super.call(this, props);\n\n _defineProperty(_assertThisInitialized(_this), \"innerSliderRefHandler\", function (ref) {\n return _this.innerSlider = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickPrev\", function () {\n return _this.innerSlider.slickPrev();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickNext\", function () {\n return _this.innerSlider.slickNext();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickGoTo\", function (slide) {\n var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n return _this.innerSlider.slickGoTo(slide, dontAnimate);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickPause\", function () {\n return _this.innerSlider.pause(\"paused\");\n });\n\n _defineProperty(_assertThisInitialized(_this), \"slickPlay\", function () {\n return _this.innerSlider.autoPlay(\"play\");\n });\n\n _this.state = {\n breakpoint: null\n };\n _this._responsiveMediaHandlers = [];\n return _this;\n }\n\n _createClass(Slider, [{\n key: \"media\",\n value: function media(query, handler) {\n // javascript handler for css media query\n enquire.register(query, handler);\n\n this._responsiveMediaHandlers.push({\n query: query,\n handler: handler\n });\n } // handles responsive breakpoints\n\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n\n // performance monitoring\n //if (process.env.NODE_ENV !== 'production') {\n //const { whyDidYouUpdate } = require('why-did-you-update')\n //whyDidYouUpdate(React)\n //}\n if (this.props.responsive) {\n var breakpoints = this.props.responsive.map(function (breakpt) {\n return breakpt.breakpoint;\n }); // sort them in increasing order of their numerical value\n\n breakpoints.sort(function (x, y) {\n return x - y;\n });\n breakpoints.forEach(function (breakpoint, index) {\n // media query for each breakpoint\n var bQuery;\n\n if (index === 0) {\n bQuery = (0, _json2mq[\"default\"])({\n minWidth: 0,\n maxWidth: breakpoint\n });\n } else {\n bQuery = (0, _json2mq[\"default\"])({\n minWidth: breakpoints[index - 1] + 1,\n maxWidth: breakpoint\n });\n } // when not using server side rendering\n\n\n (0, _innerSliderUtils.canUseDOM)() && _this2.media(bQuery, function () {\n _this2.setState({\n breakpoint: breakpoint\n });\n });\n }); // Register media query for full screen. Need to support resize from small to large\n // convert javascript object to media query string\n\n var query = (0, _json2mq[\"default\"])({\n minWidth: breakpoints.slice(-1)[0]\n });\n (0, _innerSliderUtils.canUseDOM)() && this.media(query, function () {\n _this2.setState({\n breakpoint: null\n });\n });\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this._responsiveMediaHandlers.forEach(function (obj) {\n enquire.unregister(obj.query, obj.handler);\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n var settings;\n var newProps;\n\n if (this.state.breakpoint) {\n newProps = this.props.responsive.filter(function (resp) {\n return resp.breakpoint === _this3.state.breakpoint;\n });\n settings = newProps[0].settings === \"unslick\" ? \"unslick\" : _objectSpread(_objectSpread(_objectSpread({}, _defaultProps[\"default\"]), this.props), newProps[0].settings);\n } else {\n settings = _objectSpread(_objectSpread({}, _defaultProps[\"default\"]), this.props);\n } // force scrolling by one if centerMode is on\n\n\n if (settings.centerMode) {\n if (settings.slidesToScroll > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToScroll should be equal to 1 in centerMode, you are using \".concat(settings.slidesToScroll));\n }\n\n settings.slidesToScroll = 1;\n } // force showing one slide and scrolling by one if the fade mode is on\n\n\n if (settings.fade) {\n if (settings.slidesToShow > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToShow should be equal to 1 when fade is true, you're using \".concat(settings.slidesToShow));\n }\n\n if (settings.slidesToScroll > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"slidesToScroll should be equal to 1 when fade is true, you're using \".concat(settings.slidesToScroll));\n }\n\n settings.slidesToShow = 1;\n settings.slidesToScroll = 1;\n } // makes sure that children is an array, even when there is only 1 child\n\n\n var children = _react[\"default\"].Children.toArray(this.props.children); // Children may contain false or null, so we should filter them\n // children may also contain string filled with spaces (in certain cases where we use jsx strings)\n\n\n children = children.filter(function (child) {\n if (typeof child === \"string\") {\n return !!child.trim();\n }\n\n return !!child;\n }); // rows and slidesPerRow logic is handled here\n\n if (settings.variableWidth && (settings.rows > 1 || settings.slidesPerRow > 1)) {\n console.warn(\"variableWidth is not supported in case of rows > 1 or slidesPerRow > 1\");\n settings.variableWidth = false;\n }\n\n var newChildren = [];\n var currentWidth = null;\n\n for (var i = 0; i < children.length; i += settings.rows * settings.slidesPerRow) {\n var newSlide = [];\n\n for (var j = i; j < i + settings.rows * settings.slidesPerRow; j += settings.slidesPerRow) {\n var row = [];\n\n for (var k = j; k < j + settings.slidesPerRow; k += 1) {\n if (settings.variableWidth && children[k].props.style) {\n currentWidth = children[k].props.style.width;\n }\n\n if (k >= children.length) break;\n row.push( /*#__PURE__*/_react[\"default\"].cloneElement(children[k], {\n key: 100 * i + 10 * j + k,\n tabIndex: -1,\n style: {\n width: \"\".concat(100 / settings.slidesPerRow, \"%\"),\n display: \"inline-block\"\n }\n }));\n }\n\n newSlide.push( /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n key: 10 * i + j\n }, row));\n }\n\n if (settings.variableWidth) {\n newChildren.push( /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n key: i,\n style: {\n width: currentWidth\n }\n }, newSlide));\n } else {\n newChildren.push( /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n key: i\n }, newSlide));\n }\n }\n\n if (settings === \"unslick\") {\n var className = \"regular slider \" + (this.props.className || \"\");\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n className: className\n }, children);\n } else if (newChildren.length <= settings.slidesToShow) {\n settings.unslick = true;\n }\n\n return /*#__PURE__*/_react[\"default\"].createElement(_innerSlider.InnerSlider, _extends({\n style: this.props.style,\n ref: this.innerSliderRefHandler\n }, settings), newChildren);\n }\n }]);\n\n return Slider;\n}(_react[\"default\"].Component);\n\nexports[\"default\"] = Slider;","\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Track = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _innerSliderUtils = require(\"./utils/innerSliderUtils\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// given specifications/props for a slide, fetch all the classes that need to be applied to the slide\nvar getSlideClasses = function getSlideClasses(spec) {\n var slickActive, slickCenter, slickCloned;\n var centerOffset, index;\n\n if (spec.rtl) {\n index = spec.slideCount - 1 - spec.index;\n } else {\n index = spec.index;\n }\n\n slickCloned = index < 0 || index >= spec.slideCount;\n\n if (spec.centerMode) {\n centerOffset = Math.floor(spec.slidesToShow / 2);\n slickCenter = (index - spec.currentSlide) % spec.slideCount === 0;\n\n if (index > spec.currentSlide - centerOffset - 1 && index <= spec.currentSlide + centerOffset) {\n slickActive = true;\n }\n } else {\n slickActive = spec.currentSlide <= index && index < spec.currentSlide + spec.slidesToShow;\n }\n\n var focusedSlide;\n\n if (spec.targetSlide < 0) {\n focusedSlide = spec.targetSlide + spec.slideCount;\n } else if (spec.targetSlide >= spec.slideCount) {\n focusedSlide = spec.targetSlide - spec.slideCount;\n } else {\n focusedSlide = spec.targetSlide;\n }\n\n var slickCurrent = index === focusedSlide;\n return {\n \"slick-slide\": true,\n \"slick-active\": slickActive,\n \"slick-center\": slickCenter,\n \"slick-cloned\": slickCloned,\n \"slick-current\": slickCurrent // dubious in case of RTL\n\n };\n};\n\nvar getSlideStyle = function getSlideStyle(spec) {\n var style = {};\n\n if (spec.variableWidth === undefined || spec.variableWidth === false) {\n style.width = spec.slideWidth;\n }\n\n if (spec.fade) {\n style.position = \"relative\";\n\n if (spec.vertical) {\n style.top = -spec.index * parseInt(spec.slideHeight);\n } else {\n style.left = -spec.index * parseInt(spec.slideWidth);\n }\n\n style.opacity = spec.currentSlide === spec.index ? 1 : 0;\n\n if (spec.useCSS) {\n style.transition = \"opacity \" + spec.speed + \"ms \" + spec.cssEase + \", \" + \"visibility \" + spec.speed + \"ms \" + spec.cssEase;\n }\n }\n\n return style;\n};\n\nvar getKey = function getKey(child, fallbackKey) {\n return child.key || fallbackKey;\n};\n\nvar renderSlides = function renderSlides(spec) {\n var key;\n var slides = [];\n var preCloneSlides = [];\n var postCloneSlides = [];\n\n var childrenCount = _react[\"default\"].Children.count(spec.children);\n\n var startIndex = (0, _innerSliderUtils.lazyStartIndex)(spec);\n var endIndex = (0, _innerSliderUtils.lazyEndIndex)(spec);\n\n _react[\"default\"].Children.forEach(spec.children, function (elem, index) {\n var child;\n var childOnClickOptions = {\n message: \"children\",\n index: index,\n slidesToScroll: spec.slidesToScroll,\n currentSlide: spec.currentSlide\n }; // in case of lazyLoad, whether or not we want to fetch the slide\n\n if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.indexOf(index) >= 0) {\n child = elem;\n } else {\n child = /*#__PURE__*/_react[\"default\"].createElement(\"div\", null);\n }\n\n var childStyle = getSlideStyle(_objectSpread(_objectSpread({}, spec), {}, {\n index: index\n }));\n var slideClass = child.props.className || \"\";\n var slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: index\n })); // push a cloned element of the desired slide\n\n slides.push( /*#__PURE__*/_react[\"default\"].cloneElement(child, {\n key: \"original\" + getKey(child, index),\n \"data-index\": index,\n className: (0, _classnames[\"default\"])(slideClasses, slideClass),\n tabIndex: \"-1\",\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({\n outline: \"none\"\n }, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n })); // if slide needs to be precloned or postcloned\n\n if (spec.infinite && spec.fade === false) {\n var preCloneNo = childrenCount - index;\n\n if (preCloneNo <= (0, _innerSliderUtils.getPreClones)(spec) && childrenCount !== spec.slidesToShow) {\n key = -preCloneNo;\n\n if (key >= startIndex) {\n child = elem;\n }\n\n slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: key\n }));\n preCloneSlides.push( /*#__PURE__*/_react[\"default\"].cloneElement(child, {\n key: \"precloned\" + getKey(child, key),\n \"data-index\": key,\n tabIndex: \"-1\",\n className: (0, _classnames[\"default\"])(slideClasses, slideClass),\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({}, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n }));\n }\n\n if (childrenCount !== spec.slidesToShow) {\n key = childrenCount + index;\n\n if (key < endIndex) {\n child = elem;\n }\n\n slideClasses = getSlideClasses(_objectSpread(_objectSpread({}, spec), {}, {\n index: key\n }));\n postCloneSlides.push( /*#__PURE__*/_react[\"default\"].cloneElement(child, {\n key: \"postcloned\" + getKey(child, key),\n \"data-index\": key,\n tabIndex: \"-1\",\n className: (0, _classnames[\"default\"])(slideClasses, slideClass),\n \"aria-hidden\": !slideClasses[\"slick-active\"],\n style: _objectSpread(_objectSpread({}, child.props.style || {}), childStyle),\n onClick: function onClick(e) {\n child.props && child.props.onClick && child.props.onClick(e);\n\n if (spec.focusOnSelect) {\n spec.focusOnSelect(childOnClickOptions);\n }\n }\n }));\n }\n }\n });\n\n if (spec.rtl) {\n return preCloneSlides.concat(slides, postCloneSlides).reverse();\n } else {\n return preCloneSlides.concat(slides, postCloneSlides);\n }\n};\n\nvar Track = /*#__PURE__*/function (_React$PureComponent) {\n _inherits(Track, _React$PureComponent);\n\n var _super = _createSuper(Track);\n\n function Track() {\n var _this;\n\n _classCallCheck(this, Track);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _super.call.apply(_super, [this].concat(args));\n\n _defineProperty(_assertThisInitialized(_this), \"node\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"handleRef\", function (ref) {\n _this.node = ref;\n });\n\n return _this;\n }\n\n _createClass(Track, [{\n key: \"render\",\n value: function render() {\n var slides = renderSlides(this.props);\n var _this$props = this.props,\n onMouseEnter = _this$props.onMouseEnter,\n onMouseOver = _this$props.onMouseOver,\n onMouseLeave = _this$props.onMouseLeave;\n var mouseEvents = {\n onMouseEnter: onMouseEnter,\n onMouseOver: onMouseOver,\n onMouseLeave: onMouseLeave\n };\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", _extends({\n ref: this.handleRef,\n className: \"slick-track\",\n style: this.props.trackStyle\n }, mouseEvents), slides);\n }\n }]);\n\n return Track;\n}(_react[\"default\"].PureComponent);\n\nexports.Track = Track;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.checkSpecKeys = exports.checkNavigable = exports.changeSlide = exports.canUseDOM = exports.canGoNext = void 0;\nexports.clamp = clamp;\nexports.swipeStart = exports.swipeMove = exports.swipeEnd = exports.slidesOnRight = exports.slidesOnLeft = exports.slideHandler = exports.siblingDirection = exports.safePreventDefault = exports.lazyStartIndex = exports.lazySlidesOnRight = exports.lazySlidesOnLeft = exports.lazyEndIndex = exports.keyHandler = exports.initializedState = exports.getWidth = exports.getTrackLeft = exports.getTrackCSS = exports.getTrackAnimateCSS = exports.getTotalSlides = exports.getSwipeDirection = exports.getSlideCount = exports.getRequiredLazySlides = exports.getPreClones = exports.getPostClones = exports.getOnDemandLazySlides = exports.getNavigableIndexes = exports.getHeight = exports.extractObject = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction clamp(number, lowerBound, upperBound) {\n return Math.max(lowerBound, Math.min(number, upperBound));\n}\n\nvar safePreventDefault = function safePreventDefault(event) {\n var passiveEvents = [\"onTouchStart\", \"onTouchMove\", \"onWheel\"];\n\n if (!passiveEvents.includes(event._reactName)) {\n event.preventDefault();\n }\n};\n\nexports.safePreventDefault = safePreventDefault;\n\nvar getOnDemandLazySlides = function getOnDemandLazySlides(spec) {\n var onDemandSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n if (spec.lazyLoadedList.indexOf(slideIndex) < 0) {\n onDemandSlides.push(slideIndex);\n }\n }\n\n return onDemandSlides;\n}; // return list of slides that need to be present\n\n\nexports.getOnDemandLazySlides = getOnDemandLazySlides;\n\nvar getRequiredLazySlides = function getRequiredLazySlides(spec) {\n var requiredSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n requiredSlides.push(slideIndex);\n }\n\n return requiredSlides;\n}; // startIndex that needs to be present\n\n\nexports.getRequiredLazySlides = getRequiredLazySlides;\n\nvar lazyStartIndex = function lazyStartIndex(spec) {\n return spec.currentSlide - lazySlidesOnLeft(spec);\n};\n\nexports.lazyStartIndex = lazyStartIndex;\n\nvar lazyEndIndex = function lazyEndIndex(spec) {\n return spec.currentSlide + lazySlidesOnRight(spec);\n};\n\nexports.lazyEndIndex = lazyEndIndex;\n\nvar lazySlidesOnLeft = function lazySlidesOnLeft(spec) {\n return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0;\n};\n\nexports.lazySlidesOnLeft = lazySlidesOnLeft;\n\nvar lazySlidesOnRight = function lazySlidesOnRight(spec) {\n return spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow;\n}; // get width of an element\n\n\nexports.lazySlidesOnRight = lazySlidesOnRight;\n\nvar getWidth = function getWidth(elem) {\n return elem && elem.offsetWidth || 0;\n};\n\nexports.getWidth = getWidth;\n\nvar getHeight = function getHeight(elem) {\n return elem && elem.offsetHeight || 0;\n};\n\nexports.getHeight = getHeight;\n\nvar getSwipeDirection = function getSwipeDirection(touchObject) {\n var verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var xDist, yDist, r, swipeAngle;\n xDist = touchObject.startX - touchObject.curX;\n yDist = touchObject.startY - touchObject.curY;\n r = Math.atan2(yDist, xDist);\n swipeAngle = Math.round(r * 180 / Math.PI);\n\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if (swipeAngle <= 45 && swipeAngle >= 0 || swipeAngle <= 360 && swipeAngle >= 315) {\n return \"left\";\n }\n\n if (swipeAngle >= 135 && swipeAngle <= 225) {\n return \"right\";\n }\n\n if (verticalSwiping === true) {\n if (swipeAngle >= 35 && swipeAngle <= 135) {\n return \"up\";\n } else {\n return \"down\";\n }\n }\n\n return \"vertical\";\n}; // whether or not we can go next\n\n\nexports.getSwipeDirection = getSwipeDirection;\n\nvar canGoNext = function canGoNext(spec) {\n var canGo = true;\n\n if (!spec.infinite) {\n if (spec.centerMode && spec.currentSlide >= spec.slideCount - 1) {\n canGo = false;\n } else if (spec.slideCount <= spec.slidesToShow || spec.currentSlide >= spec.slideCount - spec.slidesToShow) {\n canGo = false;\n }\n }\n\n return canGo;\n}; // given an object and a list of keys, return new object with given keys\n\n\nexports.canGoNext = canGoNext;\n\nvar extractObject = function extractObject(spec, keys) {\n var newObject = {};\n keys.forEach(function (key) {\n return newObject[key] = spec[key];\n });\n return newObject;\n}; // get initialized state\n\n\nexports.extractObject = extractObject;\n\nvar initializedState = function initializedState(spec) {\n // spec also contains listRef, trackRef\n var slideCount = _react[\"default\"].Children.count(spec.children);\n\n var listNode = spec.listRef;\n var listWidth = Math.ceil(getWidth(listNode));\n var trackNode = spec.trackRef && spec.trackRef.node;\n var trackWidth = Math.ceil(getWidth(trackNode));\n var slideWidth;\n\n if (!spec.vertical) {\n var centerPaddingAdj = spec.centerMode && parseInt(spec.centerPadding) * 2;\n\n if (typeof spec.centerPadding === \"string\" && spec.centerPadding.slice(-1) === \"%\") {\n centerPaddingAdj *= listWidth / 100;\n }\n\n slideWidth = Math.ceil((listWidth - centerPaddingAdj) / spec.slidesToShow);\n } else {\n slideWidth = listWidth;\n }\n\n var slideHeight = listNode && getHeight(listNode.querySelector('[data-index=\"0\"]'));\n var listHeight = slideHeight * spec.slidesToShow;\n var currentSlide = spec.currentSlide === undefined ? spec.initialSlide : spec.currentSlide;\n\n if (spec.rtl && spec.currentSlide === undefined) {\n currentSlide = slideCount - 1 - spec.initialSlide;\n }\n\n var lazyLoadedList = spec.lazyLoadedList || [];\n var slidesToLoad = getOnDemandLazySlides(_objectSpread(_objectSpread({}, spec), {}, {\n currentSlide: currentSlide,\n lazyLoadedList: lazyLoadedList\n }));\n lazyLoadedList = lazyLoadedList.concat(slidesToLoad);\n var state = {\n slideCount: slideCount,\n slideWidth: slideWidth,\n listWidth: listWidth,\n trackWidth: trackWidth,\n currentSlide: currentSlide,\n slideHeight: slideHeight,\n listHeight: listHeight,\n lazyLoadedList: lazyLoadedList\n };\n\n if (spec.autoplaying === null && spec.autoplay) {\n state[\"autoplaying\"] = \"playing\";\n }\n\n return state;\n};\n\nexports.initializedState = initializedState;\n\nvar slideHandler = function slideHandler(spec) {\n var waitForAnimate = spec.waitForAnimate,\n animating = spec.animating,\n fade = spec.fade,\n infinite = spec.infinite,\n index = spec.index,\n slideCount = spec.slideCount,\n lazyLoad = spec.lazyLoad,\n currentSlide = spec.currentSlide,\n centerMode = spec.centerMode,\n slidesToScroll = spec.slidesToScroll,\n slidesToShow = spec.slidesToShow,\n useCSS = spec.useCSS;\n var lazyLoadedList = spec.lazyLoadedList;\n if (waitForAnimate && animating) return {};\n var animationSlide = index,\n finalSlide,\n animationLeft,\n finalLeft;\n var state = {},\n nextState = {};\n var targetSlide = infinite ? index : clamp(index, 0, slideCount - 1);\n\n if (fade) {\n if (!infinite && (index < 0 || index >= slideCount)) return {};\n\n if (index < 0) {\n animationSlide = index + slideCount;\n } else if (index >= slideCount) {\n animationSlide = index - slideCount;\n }\n\n if (lazyLoad && lazyLoadedList.indexOf(animationSlide) < 0) {\n lazyLoadedList = lazyLoadedList.concat(animationSlide);\n }\n\n state = {\n animating: true,\n currentSlide: animationSlide,\n lazyLoadedList: lazyLoadedList,\n targetSlide: animationSlide\n };\n nextState = {\n animating: false,\n targetSlide: animationSlide\n };\n } else {\n finalSlide = animationSlide;\n\n if (animationSlide < 0) {\n finalSlide = animationSlide + slideCount;\n if (!infinite) finalSlide = 0;else if (slideCount % slidesToScroll !== 0) finalSlide = slideCount - slideCount % slidesToScroll;\n } else if (!canGoNext(spec) && animationSlide > currentSlide) {\n animationSlide = finalSlide = currentSlide;\n } else if (centerMode && animationSlide >= slideCount) {\n animationSlide = infinite ? slideCount : slideCount - 1;\n finalSlide = infinite ? 0 : slideCount - 1;\n } else if (animationSlide >= slideCount) {\n finalSlide = animationSlide - slideCount;\n if (!infinite) finalSlide = slideCount - slidesToShow;else if (slideCount % slidesToScroll !== 0) finalSlide = 0;\n }\n\n if (!infinite && animationSlide + slidesToShow >= slideCount) {\n finalSlide = slideCount - slidesToShow;\n }\n\n animationLeft = getTrackLeft(_objectSpread(_objectSpread({}, spec), {}, {\n slideIndex: animationSlide\n }));\n finalLeft = getTrackLeft(_objectSpread(_objectSpread({}, spec), {}, {\n slideIndex: finalSlide\n }));\n\n if (!infinite) {\n if (animationLeft === finalLeft) animationSlide = finalSlide;\n animationLeft = finalLeft;\n }\n\n if (lazyLoad) {\n lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides(_objectSpread(_objectSpread({}, spec), {}, {\n currentSlide: animationSlide\n })));\n }\n\n if (!useCSS) {\n state = {\n currentSlide: finalSlide,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: finalLeft\n })),\n lazyLoadedList: lazyLoadedList,\n targetSlide: targetSlide\n };\n } else {\n state = {\n animating: true,\n currentSlide: finalSlide,\n trackStyle: getTrackAnimateCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: animationLeft\n })),\n lazyLoadedList: lazyLoadedList,\n targetSlide: targetSlide\n };\n nextState = {\n animating: false,\n currentSlide: finalSlide,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: finalLeft\n })),\n swipeLeft: null,\n targetSlide: targetSlide\n };\n }\n }\n\n return {\n state: state,\n nextState: nextState\n };\n};\n\nexports.slideHandler = slideHandler;\n\nvar changeSlide = function changeSlide(spec, options) {\n var indexOffset, previousInt, slideOffset, unevenOffset, targetSlide;\n var slidesToScroll = spec.slidesToScroll,\n slidesToShow = spec.slidesToShow,\n slideCount = spec.slideCount,\n currentSlide = spec.currentSlide,\n previousTargetSlide = spec.targetSlide,\n lazyLoad = spec.lazyLoad,\n infinite = spec.infinite;\n unevenOffset = slideCount % slidesToScroll !== 0;\n indexOffset = unevenOffset ? 0 : (slideCount - currentSlide) % slidesToScroll;\n\n if (options.message === \"previous\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : slidesToShow - indexOffset;\n targetSlide = currentSlide - slideOffset;\n\n if (lazyLoad && !infinite) {\n previousInt = currentSlide - slideOffset;\n targetSlide = previousInt === -1 ? slideCount - 1 : previousInt;\n }\n\n if (!infinite) {\n targetSlide = previousTargetSlide - slidesToScroll;\n }\n } else if (options.message === \"next\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : indexOffset;\n targetSlide = currentSlide + slideOffset;\n\n if (lazyLoad && !infinite) {\n targetSlide = (currentSlide + slidesToScroll) % slideCount + indexOffset;\n }\n\n if (!infinite) {\n targetSlide = previousTargetSlide + slidesToScroll;\n }\n } else if (options.message === \"dots\") {\n // Click on dots\n targetSlide = options.index * options.slidesToScroll;\n } else if (options.message === \"children\") {\n // Click on the slides\n targetSlide = options.index;\n\n if (infinite) {\n var direction = siblingDirection(_objectSpread(_objectSpread({}, spec), {}, {\n targetSlide: targetSlide\n }));\n\n if (targetSlide > options.currentSlide && direction === \"left\") {\n targetSlide = targetSlide - slideCount;\n } else if (targetSlide < options.currentSlide && direction === \"right\") {\n targetSlide = targetSlide + slideCount;\n }\n }\n } else if (options.message === \"index\") {\n targetSlide = Number(options.index);\n }\n\n return targetSlide;\n};\n\nexports.changeSlide = changeSlide;\n\nvar keyHandler = function keyHandler(e, accessibility, rtl) {\n if (e.target.tagName.match(\"TEXTAREA|INPUT|SELECT\") || !accessibility) return \"\";\n if (e.keyCode === 37) return rtl ? \"next\" : \"previous\";\n if (e.keyCode === 39) return rtl ? \"previous\" : \"next\";\n return \"\";\n};\n\nexports.keyHandler = keyHandler;\n\nvar swipeStart = function swipeStart(e, swipe, draggable) {\n e.target.tagName === \"IMG\" && safePreventDefault(e);\n if (!swipe || !draggable && e.type.indexOf(\"mouse\") !== -1) return \"\";\n return {\n dragging: true,\n touchObject: {\n startX: e.touches ? e.touches[0].pageX : e.clientX,\n startY: e.touches ? e.touches[0].pageY : e.clientY,\n curX: e.touches ? e.touches[0].pageX : e.clientX,\n curY: e.touches ? e.touches[0].pageY : e.clientY\n }\n };\n};\n\nexports.swipeStart = swipeStart;\n\nvar swipeMove = function swipeMove(e, spec) {\n // spec also contains, trackRef and slideIndex\n var scrolling = spec.scrolling,\n animating = spec.animating,\n vertical = spec.vertical,\n swipeToSlide = spec.swipeToSlide,\n verticalSwiping = spec.verticalSwiping,\n rtl = spec.rtl,\n currentSlide = spec.currentSlide,\n edgeFriction = spec.edgeFriction,\n edgeDragged = spec.edgeDragged,\n onEdge = spec.onEdge,\n swiped = spec.swiped,\n swiping = spec.swiping,\n slideCount = spec.slideCount,\n slidesToScroll = spec.slidesToScroll,\n infinite = spec.infinite,\n touchObject = spec.touchObject,\n swipeEvent = spec.swipeEvent,\n listHeight = spec.listHeight,\n listWidth = spec.listWidth;\n if (scrolling) return;\n if (animating) return safePreventDefault(e);\n if (vertical && swipeToSlide && verticalSwiping) safePreventDefault(e);\n var swipeLeft,\n state = {};\n var curLeft = getTrackLeft(spec);\n touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX;\n touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY;\n touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2)));\n var verticalSwipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2)));\n\n if (!verticalSwiping && !swiping && verticalSwipeLength > 10) {\n return {\n scrolling: true\n };\n }\n\n if (verticalSwiping) touchObject.swipeLength = verticalSwipeLength;\n var positionOffset = (!rtl ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1);\n if (verticalSwiping) positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;\n var dotCount = Math.ceil(slideCount / slidesToScroll);\n var swipeDirection = getSwipeDirection(spec.touchObject, verticalSwiping);\n var touchSwipeLength = touchObject.swipeLength;\n\n if (!infinite) {\n if (currentSlide === 0 && (swipeDirection === \"right\" || swipeDirection === \"down\") || currentSlide + 1 >= dotCount && (swipeDirection === \"left\" || swipeDirection === \"up\") || !canGoNext(spec) && (swipeDirection === \"left\" || swipeDirection === \"up\")) {\n touchSwipeLength = touchObject.swipeLength * edgeFriction;\n\n if (edgeDragged === false && onEdge) {\n onEdge(swipeDirection);\n state[\"edgeDragged\"] = true;\n }\n }\n }\n\n if (!swiped && swipeEvent) {\n swipeEvent(swipeDirection);\n state[\"swiped\"] = true;\n }\n\n if (!vertical) {\n if (!rtl) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n } else {\n swipeLeft = curLeft - touchSwipeLength * positionOffset;\n }\n } else {\n swipeLeft = curLeft + touchSwipeLength * (listHeight / listWidth) * positionOffset;\n }\n\n if (verticalSwiping) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n }\n\n state = _objectSpread(_objectSpread({}, state), {}, {\n touchObject: touchObject,\n swipeLeft: swipeLeft,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: swipeLeft\n }))\n });\n\n if (Math.abs(touchObject.curX - touchObject.startX) < Math.abs(touchObject.curY - touchObject.startY) * 0.8) {\n return state;\n }\n\n if (touchObject.swipeLength > 10) {\n state[\"swiping\"] = true;\n safePreventDefault(e);\n }\n\n return state;\n};\n\nexports.swipeMove = swipeMove;\n\nvar swipeEnd = function swipeEnd(e, spec) {\n var dragging = spec.dragging,\n swipe = spec.swipe,\n touchObject = spec.touchObject,\n listWidth = spec.listWidth,\n touchThreshold = spec.touchThreshold,\n verticalSwiping = spec.verticalSwiping,\n listHeight = spec.listHeight,\n swipeToSlide = spec.swipeToSlide,\n scrolling = spec.scrolling,\n onSwipe = spec.onSwipe,\n targetSlide = spec.targetSlide,\n currentSlide = spec.currentSlide,\n infinite = spec.infinite;\n\n if (!dragging) {\n if (swipe) safePreventDefault(e);\n return {};\n }\n\n var minSwipe = verticalSwiping ? listHeight / touchThreshold : listWidth / touchThreshold;\n var swipeDirection = getSwipeDirection(touchObject, verticalSwiping); // reset the state of touch related state variables.\n\n var state = {\n dragging: false,\n edgeDragged: false,\n scrolling: false,\n swiping: false,\n swiped: false,\n swipeLeft: null,\n touchObject: {}\n };\n\n if (scrolling) {\n return state;\n }\n\n if (!touchObject.swipeLength) {\n return state;\n }\n\n if (touchObject.swipeLength > minSwipe) {\n safePreventDefault(e);\n\n if (onSwipe) {\n onSwipe(swipeDirection);\n }\n\n var slideCount, newSlide;\n var activeSlide = infinite ? currentSlide : targetSlide;\n\n switch (swipeDirection) {\n case \"left\":\n case \"up\":\n newSlide = activeSlide + getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 0;\n break;\n\n case \"right\":\n case \"down\":\n newSlide = activeSlide - getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 1;\n break;\n\n default:\n slideCount = activeSlide;\n }\n\n state[\"triggerSlideHandler\"] = slideCount;\n } else {\n // Adjust the track back to it's original position.\n var currentLeft = getTrackLeft(spec);\n state[\"trackStyle\"] = getTrackAnimateCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: currentLeft\n }));\n }\n\n return state;\n};\n\nexports.swipeEnd = swipeEnd;\n\nvar getNavigableIndexes = function getNavigableIndexes(spec) {\n var max = spec.infinite ? spec.slideCount * 2 : spec.slideCount;\n var breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0;\n var counter = spec.infinite ? spec.slidesToShow * -1 : 0;\n var indexes = [];\n\n while (breakpoint < max) {\n indexes.push(breakpoint);\n breakpoint = counter + spec.slidesToScroll;\n counter += Math.min(spec.slidesToScroll, spec.slidesToShow);\n }\n\n return indexes;\n};\n\nexports.getNavigableIndexes = getNavigableIndexes;\n\nvar checkNavigable = function checkNavigable(spec, index) {\n var navigables = getNavigableIndexes(spec);\n var prevNavigable = 0;\n\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n};\n\nexports.checkNavigable = checkNavigable;\n\nvar getSlideCount = function getSlideCount(spec) {\n var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0;\n\n if (spec.swipeToSlide) {\n var swipedSlide;\n var slickList = spec.listRef;\n var slides = slickList.querySelectorAll && slickList.querySelectorAll(\".slick-slide\") || [];\n Array.from(slides).every(function (slide) {\n if (!spec.vertical) {\n if (slide.offsetLeft - centerOffset + getWidth(slide) / 2 > spec.swipeLeft * -1) {\n swipedSlide = slide;\n return false;\n }\n } else {\n if (slide.offsetTop + getHeight(slide) / 2 > spec.swipeLeft * -1) {\n swipedSlide = slide;\n return false;\n }\n }\n\n return true;\n });\n\n if (!swipedSlide) {\n return 0;\n }\n\n var currentIndex = spec.rtl === true ? spec.slideCount - spec.currentSlide : spec.currentSlide;\n var slidesTraversed = Math.abs(swipedSlide.dataset.index - currentIndex) || 1;\n return slidesTraversed;\n } else {\n return spec.slidesToScroll;\n }\n};\n\nexports.getSlideCount = getSlideCount;\n\nvar checkSpecKeys = function checkSpecKeys(spec, keysArray) {\n return keysArray.reduce(function (value, key) {\n return value && spec.hasOwnProperty(key);\n }, true) ? null : console.error(\"Keys Missing:\", spec);\n};\n\nexports.checkSpecKeys = checkSpecKeys;\n\nvar getTrackCSS = function getTrackCSS(spec) {\n checkSpecKeys(spec, [\"left\", \"variableWidth\", \"slideCount\", \"slidesToShow\", \"slideWidth\"]);\n var trackWidth, trackHeight;\n var trackChildren = spec.slideCount + 2 * spec.slidesToShow;\n\n if (!spec.vertical) {\n trackWidth = getTotalSlides(spec) * spec.slideWidth;\n } else {\n trackHeight = trackChildren * spec.slideHeight;\n }\n\n var style = {\n opacity: 1,\n transition: \"\",\n WebkitTransition: \"\"\n };\n\n if (spec.useTransform) {\n var WebkitTransform = !spec.vertical ? \"translate3d(\" + spec.left + \"px, 0px, 0px)\" : \"translate3d(0px, \" + spec.left + \"px, 0px)\";\n var transform = !spec.vertical ? \"translate3d(\" + spec.left + \"px, 0px, 0px)\" : \"translate3d(0px, \" + spec.left + \"px, 0px)\";\n var msTransform = !spec.vertical ? \"translateX(\" + spec.left + \"px)\" : \"translateY(\" + spec.left + \"px)\";\n style = _objectSpread(_objectSpread({}, style), {}, {\n WebkitTransform: WebkitTransform,\n transform: transform,\n msTransform: msTransform\n });\n } else {\n if (spec.vertical) {\n style[\"top\"] = spec.left;\n } else {\n style[\"left\"] = spec.left;\n }\n }\n\n if (spec.fade) style = {\n opacity: 1\n };\n if (trackWidth) style.width = trackWidth;\n if (trackHeight) style.height = trackHeight; // Fallback for IE8\n\n if (window && !window.addEventListener && window.attachEvent) {\n if (!spec.vertical) {\n style.marginLeft = spec.left + \"px\";\n } else {\n style.marginTop = spec.left + \"px\";\n }\n }\n\n return style;\n};\n\nexports.getTrackCSS = getTrackCSS;\n\nvar getTrackAnimateCSS = function getTrackAnimateCSS(spec) {\n checkSpecKeys(spec, [\"left\", \"variableWidth\", \"slideCount\", \"slidesToShow\", \"slideWidth\", \"speed\", \"cssEase\"]);\n var style = getTrackCSS(spec); // useCSS is true by default so it can be undefined\n\n if (spec.useTransform) {\n style.WebkitTransition = \"-webkit-transform \" + spec.speed + \"ms \" + spec.cssEase;\n style.transition = \"transform \" + spec.speed + \"ms \" + spec.cssEase;\n } else {\n if (spec.vertical) {\n style.transition = \"top \" + spec.speed + \"ms \" + spec.cssEase;\n } else {\n style.transition = \"left \" + spec.speed + \"ms \" + spec.cssEase;\n }\n }\n\n return style;\n};\n\nexports.getTrackAnimateCSS = getTrackAnimateCSS;\n\nvar getTrackLeft = function getTrackLeft(spec) {\n if (spec.unslick) {\n return 0;\n }\n\n checkSpecKeys(spec, [\"slideIndex\", \"trackRef\", \"infinite\", \"centerMode\", \"slideCount\", \"slidesToShow\", \"slidesToScroll\", \"slideWidth\", \"listWidth\", \"variableWidth\", \"slideHeight\"]);\n var slideIndex = spec.slideIndex,\n trackRef = spec.trackRef,\n infinite = spec.infinite,\n centerMode = spec.centerMode,\n slideCount = spec.slideCount,\n slidesToShow = spec.slidesToShow,\n slidesToScroll = spec.slidesToScroll,\n slideWidth = spec.slideWidth,\n listWidth = spec.listWidth,\n variableWidth = spec.variableWidth,\n slideHeight = spec.slideHeight,\n fade = spec.fade,\n vertical = spec.vertical;\n var slideOffset = 0;\n var targetLeft;\n var targetSlide;\n var verticalOffset = 0;\n\n if (fade || spec.slideCount === 1) {\n return 0;\n }\n\n var slidesToOffset = 0;\n\n if (infinite) {\n slidesToOffset = -getPreClones(spec); // bring active slide to the beginning of visual area\n // if next scroll doesn't have enough children, just reach till the end of original slides instead of shifting slidesToScroll children\n\n if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {\n slidesToOffset = -(slideIndex > slideCount ? slidesToShow - (slideIndex - slideCount) : slideCount % slidesToScroll);\n } // shift current slide to center of the frame\n\n\n if (centerMode) {\n slidesToOffset += parseInt(slidesToShow / 2);\n }\n } else {\n if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {\n slidesToOffset = slidesToShow - slideCount % slidesToScroll;\n }\n\n if (centerMode) {\n slidesToOffset = parseInt(slidesToShow / 2);\n }\n }\n\n slideOffset = slidesToOffset * slideWidth;\n verticalOffset = slidesToOffset * slideHeight;\n\n if (!vertical) {\n targetLeft = slideIndex * slideWidth * -1 + slideOffset;\n } else {\n targetLeft = slideIndex * slideHeight * -1 + verticalOffset;\n }\n\n if (variableWidth === true) {\n var targetSlideIndex;\n var trackElem = trackRef && trackRef.node;\n targetSlideIndex = slideIndex + getPreClones(spec);\n targetSlide = trackElem && trackElem.childNodes[targetSlideIndex];\n targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0;\n\n if (centerMode === true) {\n targetSlideIndex = infinite ? slideIndex + getPreClones(spec) : slideIndex;\n targetSlide = trackElem && trackElem.children[targetSlideIndex];\n targetLeft = 0;\n\n for (var slide = 0; slide < targetSlideIndex; slide++) {\n targetLeft -= trackElem && trackElem.children[slide] && trackElem.children[slide].offsetWidth;\n }\n\n targetLeft -= parseInt(spec.centerPadding);\n targetLeft += targetSlide && (listWidth - targetSlide.offsetWidth) / 2;\n }\n }\n\n return targetLeft;\n};\n\nexports.getTrackLeft = getTrackLeft;\n\nvar getPreClones = function getPreClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n\n if (spec.variableWidth) {\n return spec.slideCount;\n }\n\n return spec.slidesToShow + (spec.centerMode ? 1 : 0);\n};\n\nexports.getPreClones = getPreClones;\n\nvar getPostClones = function getPostClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n\n return spec.slideCount;\n};\n\nexports.getPostClones = getPostClones;\n\nvar getTotalSlides = function getTotalSlides(spec) {\n return spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec);\n};\n\nexports.getTotalSlides = getTotalSlides;\n\nvar siblingDirection = function siblingDirection(spec) {\n if (spec.targetSlide > spec.currentSlide) {\n if (spec.targetSlide > spec.currentSlide + slidesOnRight(spec)) {\n return \"left\";\n }\n\n return \"right\";\n } else {\n if (spec.targetSlide < spec.currentSlide - slidesOnLeft(spec)) {\n return \"right\";\n }\n\n return \"left\";\n }\n};\n\nexports.siblingDirection = siblingDirection;\n\nvar slidesOnRight = function slidesOnRight(_ref) {\n var slidesToShow = _ref.slidesToShow,\n centerMode = _ref.centerMode,\n rtl = _ref.rtl,\n centerPadding = _ref.centerPadding;\n\n // returns no of slides on the right of active slide\n if (centerMode) {\n var right = (slidesToShow - 1) / 2 + 1;\n if (parseInt(centerPadding) > 0) right += 1;\n if (rtl && slidesToShow % 2 === 0) right += 1;\n return right;\n }\n\n if (rtl) {\n return 0;\n }\n\n return slidesToShow - 1;\n};\n\nexports.slidesOnRight = slidesOnRight;\n\nvar slidesOnLeft = function slidesOnLeft(_ref2) {\n var slidesToShow = _ref2.slidesToShow,\n centerMode = _ref2.centerMode,\n rtl = _ref2.rtl,\n centerPadding = _ref2.centerPadding;\n\n // returns no of slides on the left of active slide\n if (centerMode) {\n var left = (slidesToShow - 1) / 2 + 1;\n if (parseInt(centerPadding) > 0) left += 1;\n if (!rtl && slidesToShow % 2 === 0) left += 1;\n return left;\n }\n\n if (rtl) {\n return slidesToShow - 1;\n }\n\n return 0;\n};\n\nexports.slidesOnLeft = slidesOnLeft;\n\nvar canUseDOM = function canUseDOM() {\n return !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\n};\n\nexports.canUseDOM = canUseDOM;","/** @license React v17.0.2\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var l=require(\"object-assign\"),n=60103,p=60106;exports.Fragment=60107;exports.StrictMode=60108;exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;var u=60115,v=60116;\nif(\"function\"===typeof Symbol&&Symbol.for){var w=Symbol.for;n=w(\"react.element\");p=w(\"react.portal\");exports.Fragment=w(\"react.fragment\");exports.StrictMode=w(\"react.strict_mode\");exports.Profiler=w(\"react.profiler\");q=w(\"react.provider\");r=w(\"react.context\");t=w(\"react.forward_ref\");exports.Suspense=w(\"react.suspense\");u=w(\"react.memo\");v=w(\"react.lazy\")}var x=\"function\"===typeof Symbol&&Symbol.iterator;\nfunction y(a){if(null===a||\"object\"!==typeof a)return null;a=x&&a[x]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}function z(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;c