\n \n
\n \n \n {\n setShowMenu(!showMenu)\n }}\n className={styles.hamburger}\n >\n 
\n
\n {showMenu && (\n \n \n Blog\n \n \n About us\n \n\n {/* */}\n
\n \n
\n )}\n \n {\" \"}\n \n
\n \n \n About us\n \n \n Blog\n \n \n
\n \n {children} \n
\n )\n}\n\nLayout.propTypes = {\n children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","import React from \"react\"\n\nimport * as styles from \"./button.module.css\"\nimport { Link } from \"gatsby\"\n\nconst Button = ({ text, background, link }) => {\n return (\n \n \n {children}\n
\n )\n}\n\nexport default AbsoluteContainer\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"featuresSection\":\"newFeature-module--featuresSection--3h2wN\",\"featuresParentDiv\":\"newFeature-module--featuresParentDiv--4x4pk\",\"featuresContents\":\"newFeature-module--featuresContents--d6oRF\",\"wrapper\":\"newFeature-module--wrapper--16eyN\",\"features\":\"newFeature-module--features--3B9yR\",\"stepsContainer\":\"newFeature-module--stepsContainer--5ZEFe\",\"paragraphContainer\":\"newFeature-module--paragraphContainer--2w9q0\",\"paragraph\":\"newFeature-module--paragraph--2SIZQ\",\"steps\":\"newFeature-module--steps--1mkCv\",\"headingContainer\":\"newFeature-module--headingContainer--3sV1D\",\"yellowHeading\":\"newFeature-module--yellowHeading--2-vvg\",\"mobileHeading\":\"newFeature-module--mobileHeading--2OBI0\",\"imgContainer\":\"newFeature-module--imgContainer--7M586\",\"yellowBorder\":\"newFeature-module--yellowBorder--2ef1S\",\"darkBorder\":\"newFeature-module--darkBorder--3tqz6\",\"lightBorder\":\"newFeature-module--lightBorder--1z_PM\",\"heading\":\"newFeature-module--heading--1VSXA\",\"subtitle\":\"newFeature-module--subtitle--2_mps\",\"yellow\":\"newFeature-module--yellow--2JcA_\",\"darkGrey\":\"newFeature-module--darkGrey--3unsB\",\"lightGrey\":\"newFeature-module--lightGrey--2b_VM\",\"title\":\"newFeature-module--title--ApYbj\",\"subtitle2\":\"newFeature-module--subtitle2--1c8bI\",\"step\":\"newFeature-module--step--3xr0T\",\"desktopHeading\":\"newFeature-module--desktopHeading--fc8cQ\"};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar _slider = _interopRequireDefault(require(\"./slider\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nvar _default = _slider[\"default\"];\nexports[\"default\"] = _default;","module.exports = __webpack_public_path__ + \"static/host-meeting-4868d63326078bdae0694845dd6a1569.png\";","import React from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\nimport Button from \"../../reusable/button\"\n\nimport * as styles from \"./hero.module.css\"\n\nimport animation from \"../../../assets/images/animation-fast.gif\"\n\nconst HeroSection = () => {\n return (\n \n \n \n
\n )\n}\n\nexport default HeroSection\n","import React from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\nimport Button from \"../../reusable/button\"\n\nimport * as styles from \"./oneClick.module.css\"\n\nconst oneClickList = [\n \"One click to see your Tapestry\",\n \"Select phrases and images\",\n \"Capture your conversation's essence\",\n \"People align around visuals\",\n \"It's fun and enhances productivity\",\n]\n\nconst OneClick = () => {\n return (\n \n
\n \n \n
\n \n
\n \n 
\n
\n \n
\n Create
\nthe future together
\n\n Create the future together\n
\n\n \n \n
\n )\n}\n\nexport default OneClick\n","import React from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\nimport Button from \"../../reusable/button\"\n\nimport * as styles from \"./inspire.module.css\"\n\nconst inspireData = [\n \"Visuals promote shared vision\",\n \"Metaphors support sense-making\",\n \"Ideas become tangible\",\n \"Words capture ideas; images free them\",\n //\"Art releases positive emotions\",\n]\n\nconst Inspire = () => {\n return (\n \n
\n \n
\n \n
\n \n \n
\n Visual facilitation
\n\n energizes meetings\n
\n\n \n Visual facilitation{\" \"}\n \n energizes meetings\n
\n- \n {oneClickList.map((item, index) => (\n
- \n {item}\n \n ))}\n
\n \n \n
\n )\n}\n\nexport default Inspire\n","import React from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\n\nimport * as styles from \"./meetings.module.css\"\n\nconst meetingsData = [\n \"Images aid cognition and memory\",\n \"Art releases positive emotions\",\n \"Visual notes inspire reflection\",\n \"Navigate transcripts with ease\",\n// \"Post-meeting review adds value and saves time\",\n]\n\nconst Meetings = () => {\n return (\n \n
\n \n \n
\n \n
\n \n
\n Inspire
\n\n creativity and engagement\n
\n\n Inspire creativity and engagement\n
\n- \n {inspireData.map((item, index) => (\n
- \n {item}\n \n ))}\n
\n \n \n
\n )\n}\n\nexport default Meetings\n","import React from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\n\nimport * as styles from \"./newFeature.module.css\"\n\nimport hostMeeting from \"../../../assets/images/host-meeting.png\"\nimport meeting from \"../../../assets/images/get-tapestry.png\"\nimport share from \"../../../assets/images/share-Tapestry.png\"\n\nconst features = [\n {\n step: \"1\",\n heading: \"Host \",\n subtitle: \"your meeting\",\n lineColor: \"lineYellow\",\n border: \"yellow\",\n img: hostMeeting,\n },\n {\n step: \"2\",\n heading: \"Get your Tapestry\",\n subtitle: \"capturing the conversation\",\n lineColor: \"lineDark\",\n border: \"dark\",\n img: meeting,\n },\n {\n step: \"3\",\n heading: \"Spread the ideas\",\n subtitle: \"align insights into actions\",\n lineColor: \"lineLight\",\n border: \"light\",\n img: share,\n },\n]\n\nconst getColorClass = colorText => {\n const colorsData = [\n { color: \"lineYellow\", class: \"yellow\" },\n { color: \"lineDark\", class: \"darkGrey\" },\n { color: \"lineLight\", class: \"lightGrey\" },\n { color: \"yellow\", class: \"yellowBorder\" },\n { color: \"dark\", class: \"darkBorder\" },\n { color: \"light\", class: \"lightBorder\" },\n ]\n let className\n colorsData.map(item => {\n if (colorText === item.color) className = item.class\n })\n return className\n}\n\nconst Features = () => {\n return (\n \n
\n \n
\n \n
\n \n \n
\n Tapestries
\nmake ideas stick
\n\n Tapestries \n make ideas stick\n
\n- \n {meetingsData.map((item, index) => (\n
- \n {item}\n \n ))}\n
\n \n
\n \n \n \n \n )\n}\n\nexport default Features\n","import React from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\nimport Button from \"../../reusable/button\"\n\nimport * as styles from \"./howItWork.module.css\"\n\nimport computer from \"../../../assets/images/tapestries.png\"\n\nconst HowItWorks = () => {\n return (\n \n
\n \n
\n ))}\n \n \n 
\n
\n \n {features.map((item, index) => (\n
\n \n \n
\n \n
\n {item.step}
\n\n
\n {item.heading}
\n{item.subtitle}
\n\n \n {item.heading}{\" \"}\n \n {item.subtitle}\n
\n\n
\n \n
\n \n Transform
\nyour meeting experience
\n\n \n \n
\n )\n}\n\nexport default HowItWorks\n","import React from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\nimport Button from \"../../reusable/button\"\n\nimport steps from \"../../../assets/images/steps.png\"\n\nimport * as styles from \"./steps.module.css\"\n\nconst Steps = () => {\n return (\n \n
\n \n
\n How it works
\n\n
\n \n \n \n
\n )\n}\n\nexport default Steps\n","import React from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\nimport Button from \"../../reusable/button\"\n\nimport star from \"../../../assets/images/Star-2.png\"\nimport eye from \"../../../assets/images/Eye.png\"\nimport computer from \"../../../assets/images/meet.png\"\nimport chatbot from \"../../../assets/images/chatbot.png\"\n\nimport * as styles from \"./visualBlog.module.css\"\n\nconst blogData = [\n { image: computer, title: \"Why Art Humanizes Meetings\", date: \"11.2022\" },\n { image: eye, title: \"Visual Community\", date: \"01.2023\" },\n {\n image: chatbot,\n title: \"Prepare for the Chatbot Revolution\",\n date: \"02.2023\",\n },\n {\n image: star,\n title: \"This week’s Visual Goldstar Winner \",\n date: \"03.2023\",\n },\n]\nconst VisualBlog = () => {\n return (\n \n 
\n
\n \n \n \n
\n )\n}\n\nexport default VisualBlog\n","import React from \"react\"\n\nimport * as style from \"./carouselSlide.module.css\"\n\nconst CarouselSlide = ({ carouselData }) => {\n return (\n \n \n
\n {/* */}\n Our visual
\nblog
\n \n\n {blogData.map((item, index) => (\n
\n \n
\n ))}\n \n 
\n
\n \n
\n {item.title}
\n{item.date}
\n\n {/*
\n )\n}\n\nexport default CarouselSlide\n","import React from \"react\"\n\nimport \"slick-carousel/slick/slick.css\"\nimport \"slick-carousel/slick/slick-theme.css\"\nimport Slider from \"react-slick\"\n\nimport CarouselSlide from \"../carouselSlide\"\nimport Container from \"../../reusable/absoluteContainer\"\n\nimport * as style from \"./carousel.module.css\"\n\nconst carouselData = [\n {\n heading: \"Excitement\",\n subHeading: \"from users\",\n boldDescription: \"\\u201CTapestry helps people think differently.\",\n description:\n \" It helps with dry topics to give people a jolt … You watch your ideas come to life.\\u201D\",\n designation: \"Chief Marketing Officer\",\n\n organisation: \"Software company\",\n },\n {\n heading: \"Excitement\",\n subHeading: \"from users\",\n boldDescription: \"\\u201CI could use it tomorrow.\",\n description: \" There is a big push for us to be more creative.\\u201D\",\n designation: \"Senior Value Consultant\",\n organisation: \"HR solutions company\",\n },\n {\n heading: \"Excitement\",\n subHeading: \"from users\",\n boldDescription: \"\\u201CTapestry is amazing\\u201D\",\n //description: \" There is a big push for us to be more creative.\",\n designation: \"CEO\",\n organisation: \"Futures think tank\",\n },\n {\n heading: \"Excitement\",\n subHeading: \"from users\",\n boldDescription: \"\\u201CTapestry is an anchoring heuristic.\",\n description:\n \" It brings the emotional aspects that are missing in online meetings.\\u201D\",\n designation: \"Behavioral Health Medical Director\",\n organisation: \"Mid-states healthcare group\",\n },\n {\n heading: \"Excitement\",\n subHeading: \"from users\",\n boldDescription: \"\\u201CInnovation is part of my job.\",\n description:\n //\" People struggle to get new ideas. A visual grounds the conversation. I have ongoing strategy meetings, a weekly check in. Afterwards, I do not want to read the whole transcript. I want to see the highlights.”\",\n \" Visual grounds the conversation and helps generate ideas. After strategy sessions, I want the highlights.\",\n designation: \"Director of Product management\",\n organisation: \"Market-leading SaaS Company\",\n },\n]\n\nvar settings = {\n dots: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: true,\n autoplaySpeed: 2700,\n}\n\nconst Carousel = () => {\n return (\n \n
\n {carouselData.heading}
\n{carouselData.subHeading}
\n\n
*/}\n \n {carouselData.heading} {carouselData.subHeading}\n
\n\n
\n \n {carouselData.boldDescription}\n {carouselData.description}\n
\n\n
\n {carouselData.designation}
\n{carouselData.organisation}
\n\n \n \n
\n )\n}\n\nexport default Carousel\n","import React from \"react\"\n\nimport * as styles from \"./accordionContent.module.css\"\n\nconst AccordionContents = ({ data, handleToggle, active }) => {\n const { title, id, content } = data\n\n return (\n \n \n
\n \n \n \n
\n \n
\n\n Excitement
\n\n from customers\n
\n\n handleToggle(id)}\n >\n
\n {active === id && (\n \n {active === id ?
\n -
: \"+\"}\n {title}
\n\n \n
\n )}\n \n )\n}\n\nexport default AccordionContents\n","import React, { useState } from \"react\"\n\nimport Container from \"../../reusable/absoluteContainer\"\nimport AccordionContents from \"../accordionContent\"\n\nimport * as styles from \"./accordion.module.css\"\n\nconst accordionData = [\n {\n id: 1,\n title: \" What kind of meetings benefit from Tapestry?\",\n content:\n \"Any meeting where ideas are exchanged: brainstorming, planning, decision-making, team-building, onboarding, personal sharing.\",\n },\n {\n id: 2,\n title: \"What is the business value?\",\n content:\n \"People stay engaged when a picture of their conversation shows up during the meeting with key quotes and evocative images–especially needed at a time when employee engagement is at a low point.\",\n },\n {\n id: 3,\n title: \"How does Tapestry help collaboration?\",\n content:\n \"Instead of focusing on individual voices, meeting participants see how their ideas fit together into a coherent picture that offers a fresh big-picture perspective.\",\n },\n {\n id: 4,\n title: \"How is Tapestry used?\",\n content:\n \"Tapestry pops up in an online meeting window with a visual story in words and images at a key point in the meeting. A facilitator can briefly interpret the metaphors, creating a reflective moment for the group. Then the group discussion shifts to a deeper and more creative zone.\",\n },\n {\n id: 5,\n title: \"How does Tapestry help productivity?\",\n content:\n \"People see their work as part of the larger picture and this provides recognition, which contributes to motivation. Tapestry is a pleasant surprise during the meeting that contributes to work satisfaction. Participants have a copy of the Tapestry as a takeaway that will help them remember the meeting.\",\n },\n\n {\n id: 6,\n title: \"At what point in a meeting is a Tapestry used?\",\n content:\n \"At any point in a meeting when (1) energy is lagging, and/or (2) leaders want to refocus the conversation, and/or (3) it’s time to summarize key points, and/or (4) they are ready to move from brainstorming to solutions.\",\n },\n {\n id: 7,\n title: \"Who uses Tapestry?\",\n content:\n \"Any meeting where ideas are exchanged: brainstorming, planning, decision-making, team-building, onboarding, personal sharing.\",\n },\n {\n id: 8,\n title: \"Where can I read a science-based study?\",\n content:\n 'This article in Art and Object provides an overview of new findings in the field of neuroaesthetics on how art helps brain health.',\n },\n // {\n // id: 7,\n // title: \"How do you gauge Tapestry's effectiveness?\",\n // content:\n // \"Any meeting where ideas are exchanged: brainstorming, planning, decision-making, team-building, onboarding, personal sharing.\",\n // },\n]\n\nconst Accordion = () => {\n const [active, setActive] = useState(null)\n\n const handleToggle = index => {\n if (active === index) {\n setActive(null)\n } else {\n setActive(index)\n }\n }\n\n return (\n\n \n \n
\n )\n}\n\nexport default Accordion\n","import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport HeroSection from \"../components/newHome/hero\"\nimport OneClick from \"../components/newHome/oneClick\"\nimport Inspire from \"../components/newHome/inspire\"\nimport Meetings from \"../components/newHome/meetings\"\nimport NewFeature from \"../components/newHome/newFeatures\"\nimport HowItWorks from \"../components/newHome/howItWork\"\nimport Steps from \"../components/newHome/steps\"\nimport VisualBlog from \"../components/newHome/visualBlog\"\nimport Carousel from \"../components/newHome/carousel\"\nimport Accordion from \"../components/newHome/accordion\"\nimport ThanYou from \"../components/newHome/thankYou\"\n\nimport \"../styles/global.css\"\n\nconst Home = () => {\n return (\n \n
\n \n
\n \n
\n FAQs
\n\n {accordionData.map(item => (\n
\n \n \n 
\n \n
\n )\n}\n\nexport default NewFooter\n","\"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;\nvar _react = _interopRequireDefault(require(\"react\"));\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n enumerableOnly && (symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n })), keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = null != arguments[i] ? arguments[i] : {};\n i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n return target;\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction clamp(number, lowerBound, upperBound) {\n return Math.max(lowerBound, Math.min(number, upperBound));\n}\nvar safePreventDefault = function safePreventDefault(event) {\n var passiveEvents = [\"onTouchStart\", \"onTouchMove\", \"onWheel\"];\n if (!passiveEvents.includes(event._reactName)) {\n event.preventDefault();\n }\n};\nexports.safePreventDefault = safePreventDefault;\nvar getOnDemandLazySlides = function getOnDemandLazySlides(spec) {\n var onDemandSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n if (spec.lazyLoadedList.indexOf(slideIndex) < 0) {\n onDemandSlides.push(slideIndex);\n }\n }\n return onDemandSlides;\n}; // return list of slides that need to be present\n\nexports.getOnDemandLazySlides = getOnDemandLazySlides;\nvar getRequiredLazySlides = function getRequiredLazySlides(spec) {\n var requiredSlides = [];\n var startIndex = lazyStartIndex(spec);\n var endIndex = lazyEndIndex(spec);\n for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {\n requiredSlides.push(slideIndex);\n }\n return requiredSlides;\n}; // startIndex that needs to be present\n\nexports.getRequiredLazySlides = getRequiredLazySlides;\nvar lazyStartIndex = function lazyStartIndex(spec) {\n return spec.currentSlide - lazySlidesOnLeft(spec);\n};\nexports.lazyStartIndex = lazyStartIndex;\nvar lazyEndIndex = function lazyEndIndex(spec) {\n return spec.currentSlide + lazySlidesOnRight(spec);\n};\nexports.lazyEndIndex = lazyEndIndex;\nvar lazySlidesOnLeft = function lazySlidesOnLeft(spec) {\n return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0;\n};\nexports.lazySlidesOnLeft = lazySlidesOnLeft;\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\nexports.lazySlidesOnRight = lazySlidesOnRight;\nvar getWidth = function getWidth(elem) {\n return elem && elem.offsetWidth || 0;\n};\nexports.getWidth = getWidth;\nvar getHeight = function getHeight(elem) {\n return elem && elem.offsetHeight || 0;\n};\nexports.getHeight = getHeight;\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 if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n if (swipeAngle <= 45 && swipeAngle >= 0 || swipeAngle <= 360 && swipeAngle >= 315) {\n return \"left\";\n }\n if (swipeAngle >= 135 && swipeAngle <= 225) {\n return \"right\";\n }\n if (verticalSwiping === true) {\n if (swipeAngle >= 35 && swipeAngle <= 135) {\n return \"up\";\n } else {\n return \"down\";\n }\n }\n return \"vertical\";\n}; // whether or not we can go next\n\nexports.getSwipeDirection = getSwipeDirection;\nvar canGoNext = function canGoNext(spec) {\n var canGo = true;\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 return canGo;\n}; // given an object and a list of keys, return new object with given keys\n\nexports.canGoNext = canGoNext;\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\nexports.extractObject = extractObject;\nvar initializedState = function initializedState(spec) {\n // spec also contains listRef, trackRef\n var slideCount = _react[\"default\"].Children.count(spec.children);\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 if (!spec.vertical) {\n var centerPaddingAdj = spec.centerMode && parseInt(spec.centerPadding) * 2;\n if (typeof spec.centerPadding === \"string\" && spec.centerPadding.slice(-1) === \"%\") {\n centerPaddingAdj *= listWidth / 100;\n }\n slideWidth = Math.ceil((listWidth - centerPaddingAdj) / spec.slidesToShow);\n } else {\n slideWidth = listWidth;\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 if (spec.rtl && spec.currentSlide === undefined) {\n currentSlide = slideCount - 1 - spec.initialSlide;\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 if (spec.autoplaying === null && spec.autoplay) {\n state[\"autoplaying\"] = \"playing\";\n }\n return state;\n};\nexports.initializedState = initializedState;\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 if (fade) {\n if (!infinite && (index < 0 || index >= slideCount)) return {};\n if (index < 0) {\n animationSlide = index + slideCount;\n } else if (index >= slideCount) {\n animationSlide = index - slideCount;\n }\n if (lazyLoad && lazyLoadedList.indexOf(animationSlide) < 0) {\n lazyLoadedList = lazyLoadedList.concat(animationSlide);\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 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 if (!infinite && animationSlide + slidesToShow >= slideCount) {\n finalSlide = slideCount - slidesToShow;\n }\n animationLeft = getTrackLeft(_objectSpread(_objectSpread({}, spec), {}, {\n slideIndex: animationSlide\n }));\n finalLeft = getTrackLeft(_objectSpread(_objectSpread({}, spec), {}, {\n slideIndex: finalSlide\n }));\n if (!infinite) {\n if (animationLeft === finalLeft) animationSlide = finalSlide;\n animationLeft = finalLeft;\n }\n if (lazyLoad) {\n lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides(_objectSpread(_objectSpread({}, spec), {}, {\n currentSlide: animationSlide\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 return {\n state: state,\n nextState: nextState\n };\n};\nexports.slideHandler = slideHandler;\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 if (options.message === \"previous\") {\n slideOffset = indexOffset === 0 ? slidesToScroll : slidesToShow - indexOffset;\n targetSlide = currentSlide - slideOffset;\n if (lazyLoad && !infinite) {\n previousInt = currentSlide - slideOffset;\n targetSlide = previousInt === -1 ? slideCount - 1 : previousInt;\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 if (lazyLoad && !infinite) {\n targetSlide = (currentSlide + slidesToScroll) % slideCount + indexOffset;\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 if (infinite) {\n var direction = siblingDirection(_objectSpread(_objectSpread({}, spec), {}, {\n targetSlide: targetSlide\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 return targetSlide;\n};\nexports.changeSlide = changeSlide;\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};\nexports.keyHandler = keyHandler;\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};\nexports.swipeStart = swipeStart;\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 if (!verticalSwiping && !swiping && verticalSwipeLength > 10) {\n return {\n scrolling: true\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 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 if (edgeDragged === false && onEdge) {\n onEdge(swipeDirection);\n state[\"edgeDragged\"] = true;\n }\n }\n }\n if (!swiped && swipeEvent) {\n swipeEvent(swipeDirection);\n state[\"swiped\"] = true;\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 if (verticalSwiping) {\n swipeLeft = curLeft + touchSwipeLength * positionOffset;\n }\n state = _objectSpread(_objectSpread({}, state), {}, {\n touchObject: touchObject,\n swipeLeft: swipeLeft,\n trackStyle: getTrackCSS(_objectSpread(_objectSpread({}, spec), {}, {\n left: swipeLeft\n }))\n });\n if (Math.abs(touchObject.curX - touchObject.startX) < Math.abs(touchObject.curY - touchObject.startY) * 0.8) {\n return state;\n }\n if (touchObject.swipeLength > 10) {\n state[\"swiping\"] = true;\n safePreventDefault(e);\n }\n return state;\n};\nexports.swipeMove = swipeMove;\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 if (!dragging) {\n if (swipe) safePreventDefault(e);\n return {};\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 if (scrolling) {\n return state;\n }\n if (!touchObject.swipeLength) {\n return state;\n }\n if (touchObject.swipeLength > minSwipe) {\n safePreventDefault(e);\n if (onSwipe) {\n onSwipe(swipeDirection);\n }\n var slideCount, newSlide;\n var activeSlide = infinite ? currentSlide : targetSlide;\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 case \"right\":\n case \"down\":\n newSlide = activeSlide - getSlideCount(spec);\n slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;\n state[\"currentDirection\"] = 1;\n break;\n default:\n slideCount = activeSlide;\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 return state;\n};\nexports.swipeEnd = swipeEnd;\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 while (breakpoint < max) {\n indexes.push(breakpoint);\n breakpoint = counter + spec.slidesToScroll;\n counter += Math.min(spec.slidesToScroll, spec.slidesToShow);\n }\n return indexes;\n};\nexports.getNavigableIndexes = getNavigableIndexes;\nvar checkNavigable = function checkNavigable(spec, index) {\n var navigables = getNavigableIndexes(spec);\n var prevNavigable = 0;\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 prevNavigable = navigables[n];\n }\n }\n return index;\n};\nexports.checkNavigable = checkNavigable;\nvar getSlideCount = function getSlideCount(spec) {\n var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0;\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 return true;\n });\n if (!swipedSlide) {\n return 0;\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};\nexports.getSlideCount = getSlideCount;\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};\nexports.checkSpecKeys = checkSpecKeys;\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 if (!spec.vertical) {\n trackWidth = getTotalSlides(spec) * spec.slideWidth;\n } else {\n trackHeight = trackChildren * spec.slideHeight;\n }\n var style = {\n opacity: 1,\n transition: \"\",\n WebkitTransition: \"\"\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 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 return style;\n};\nexports.getTrackCSS = getTrackCSS;\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 return style;\n};\nexports.getTrackAnimateCSS = getTrackAnimateCSS;\nvar getTrackLeft = function getTrackLeft(spec) {\n if (spec.unslick) {\n return 0;\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 if (fade || spec.slideCount === 1) {\n return 0;\n }\n var slidesToOffset = 0;\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 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 if (centerMode) {\n slidesToOffset = parseInt(slidesToShow / 2);\n }\n }\n slideOffset = slidesToOffset * slideWidth;\n verticalOffset = slidesToOffset * slideHeight;\n if (!vertical) {\n targetLeft = slideIndex * slideWidth * -1 + slideOffset;\n } else {\n targetLeft = slideIndex * slideHeight * -1 + verticalOffset;\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 if (centerMode === true) {\n targetSlideIndex = infinite ? slideIndex + getPreClones(spec) : slideIndex;\n targetSlide = trackElem && trackElem.children[targetSlideIndex];\n targetLeft = 0;\n for (var slide = 0; slide < targetSlideIndex; slide++) {\n targetLeft -= trackElem && trackElem.children[slide] && trackElem.children[slide].offsetWidth;\n }\n targetLeft -= parseInt(spec.centerPadding);\n targetLeft += targetSlide && (listWidth - targetSlide.offsetWidth) / 2;\n }\n }\n return targetLeft;\n};\nexports.getTrackLeft = getTrackLeft;\nvar getPreClones = function getPreClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n if (spec.variableWidth) {\n return spec.slideCount;\n }\n return spec.slidesToShow + (spec.centerMode ? 1 : 0);\n};\nexports.getPreClones = getPreClones;\nvar getPostClones = function getPostClones(spec) {\n if (spec.unslick || !spec.infinite) {\n return 0;\n }\n return spec.slideCount;\n};\nexports.getPostClones = getPostClones;\nvar getTotalSlides = function getTotalSlides(spec) {\n return spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec);\n};\nexports.getTotalSlides = getTotalSlides;\nvar siblingDirection = function siblingDirection(spec) {\n if (spec.targetSlide > spec.currentSlide) {\n if (spec.targetSlide > spec.currentSlide + slidesOnRight(spec)) {\n return \"left\";\n }\n return \"right\";\n } else {\n if (spec.targetSlide < spec.currentSlide - slidesOnLeft(spec)) {\n return \"right\";\n }\n return \"left\";\n }\n};\nexports.siblingDirection = siblingDirection;\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 if (rtl) {\n return 0;\n }\n return slidesToShow - 1;\n};\nexports.slidesOnRight = slidesOnRight;\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 if (rtl) {\n return slidesToShow - 1;\n }\n return 0;\n};\nexports.slidesOnLeft = slidesOnLeft;\nvar canUseDOM = function canUseDOM() {\n return !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\n};\nexports.canUseDOM = canUseDOM;","module.exports = __webpack_public_path__ + \"static/share-Tapestry-f309ac0f03f6ce355aa06aaa2259690d.png\";"],"sourceRoot":""}\n
\n \n Humanize your meetings {\" \"}\n with instant visuals\n
\n\n © 2023 Tapestry Inc. All rights reserved.\n
\n