react-multi-carousel-18/lib/utils/elementWidth.js

Production-ready, lightweight fully customizable React carousel component that rocks supports multiple items and SSR(Server-side rendering) with typescript.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getItemClientSideWidth=exports.getPartialVisibilityGutter=exports.getWidthFromDeviceType=void 0;let hasWarnAboutTypo=!1;function getPartialVisibilityGutter(responsive,partialVisible,serverSideDeviceType,clientSideDeviceType){let gutter=0;clientSideDeviceType=clientSideDeviceType||serverSideDeviceType;return partialVisible&&clientSideDeviceType&&(!hasWarnAboutTypo&&"production"!==process.env.NODE_ENV&&responsive[clientSideDeviceType].paritialVisibilityGutter&&(hasWarnAboutTypo=!0,console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")),gutter=responsive[clientSideDeviceType].partialVisibilityGutter||responsive[clientSideDeviceType].paritialVisibilityGutter),gutter}function getWidthFromDeviceType(deviceType,responsive){let itemWidth;return responsive[deviceType]&&(responsive=responsive[deviceType]["items"],itemWidth=(100/responsive).toFixed(1)),itemWidth}function getItemClientSideWidth(props,slidesToShow,containerWidth){return Math.round(containerWidth/(slidesToShow+(props.centerMode?1:0)))}exports.getPartialVisibilityGutter=getPartialVisibilityGutter,exports.getWidthFromDeviceType=getWidthFromDeviceType,exports.getItemClientSideWidth=getItemClientSideWidth;