@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/carousel/index.js

@@ -1,631 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Carousel = void 0;
-const react_1 = __importStar(require("react"));
-const draggable_1 = require("./draggable");
-const lodash_1 = require("lodash");
-const fp_1 = require("lodash/fp");
-const bounds_of_1 = require("../helpers/bounds-of");
-const point_1 = require("../helpers/point");
-const max_index_of_1 = require("../helpers/max-index-of");
-const get_relative_pos_1 = require("../helpers/get-relative-pos");
-const find_child_element_1 = require("../helpers/find-child-element");
-const arrow_button_1 = require("../arrow-button");
-const is_browser_1 = require("../helpers/is-browser");
-const bind_1 = __importDefault(require("classnames/bind"));
-const carousel_module_scss_1 = __importDefault(require("./carousel.module.scss"));
-const CLONE_FACTOR = 3;
-const cx = bind_1.default.bind(carousel_module_scss_1.default);
-const isAuto = (0, fp_1.eq)('auto');
-// не по умолчанию так как проблемы с storybook: https://github.com/styleguidist/react-docgen-typescript/issues/334
-/**
- * Карусель.
- */
-class Carousel extends react_1.Component {
-    /**
-     * Конструктор.
-     * @param props Свойства.
-     */
-    constructor(props) {
-        const { items, infinite = true, targetIndex = 0 } = props;
-        super(props);
-        // state & data
-        this.infinite = Boolean(infinite);
-        this.dragStartClient = (0, point_1.Point)();
-        this.dragStartOffset = (0, point_1.Point)();
-        this.currentIndex = (0, lodash_1.inRange)(targetIndex, (0, lodash_1.size)(items)) ? targetIndex : 0;
-        this.state = {
-            currentOffset: 0,
-            isAllItemsVisible: false,
-        };
-        // refs
-        this.rootElementRef = (0, react_1.createRef)(); // для слежки за изменением размера
-        this.containerRef = (0, react_1.createRef)(); // для определения размеров списка элементов
-        this.wrapperRef = (0, react_1.createRef)(); // для определения viewport'а карусели
-        // bound methods
-        this.takeDragControl = this.takeDragControl.bind(this);
-        this.moveBackward = this.moveBackward.bind(this);
-        this.moveForward = this.moveForward.bind(this);
-        this.onDragEnd = this.onDragEnd.bind(this);
-        this.onDragMove = this.onDragMove.bind(this);
-        this.onDragStart = this.onDragStart.bind(this);
-        // stubs
-        this.offWindowResize = lodash_1.noop;
-        this.toggleDragTransition = lodash_1.noop;
-        this.setDragOffset = lodash_1.noop;
-        this.isGrabbed = lodash_1.stubFalse;
-        this.isTransitionEnabled = lodash_1.stubFalse;
-    }
-    /**
-     * Возвращает элемент списка.
-     * @param item Элемент списка.
-     * @param index Индекс.
-     * @return Элемент списка.
-     */
-    static defaultRenderItem(item, index) {
-        return react_1.default.createElement("div", { key: index }, String(item));
-    }
-    /**
-     * Возвращает кнопку управления.
-     * @param data Данные для вывода кнопки.
-     * @param data.canUse Можно ли использовать кнопку.
-     * @param data.onUse Выполнится при нажатии на кнопку.
-     * @param props Свойства ArrowButton.
-     * @return Кнопка управления.
-     */
-    static defaultRenderControl({ canUse, onUse, type, vertical }, props = { size: 's' }) {
-        const forward = vertical ? 'down' : 'right';
-        const backward = vertical ? 'up' : 'left';
-        return (react_1.default.createElement(arrow_button_1.ArrowButton, Object.assign({}, props, { className: cx('control', vertical && 'vertical', type, props.className), direction: type === 'forward' ? forward : backward, onClick: onUse, disabled: !canUse })));
-    }
-    /**
-     * Возвращает функцию для поиска наиболее отдаленного элемента карусели от стартовой границы viewport'а.
-     * @param data Данные.
-     * @param data.viewport Область видимости галереи.
-     * @param data.vertical Показывает, что прокрутка выполняется по вертикали.
-     * @return Функция для поиска наиболее отдаленного элемента.
-     */
-    static makeFurthestSiblingChecker({ vertical, viewport, }) {
-        // eslint-disable-next-line require-jsdoc
-        let checker = () => false;
-        if (viewport) {
-            checker = vertical
-                ? (sibling) => (0, bounds_of_1.boundsOf)(sibling).top >= viewport.top
-                : (sibling) => (0, bounds_of_1.boundsOf)(sibling).left >= viewport.left;
-        }
-        return checker;
-    }
-    /**
-     * Возвращает функцию для поиска наиболее близкого элемента карусели к viewport'у.
-     * @param data Данные.
-     * @param data.viewport Область видимости галереи.
-     * @param data.vertical Показывает, что прокрутка выполняется по вертикали.
-     * @param data.backward Показывает, что прокрутка выполняется к началу списка.
-     * @return Функция для поиска наиболее близкого элемента.
-     */
-    static makeNearestSiblingChecker({ viewport, vertical, backward, }) {
-        const verticalBoundKey = backward ? 'bottom' : 'top';
-        const horizontalBoundKey = backward ? 'right' : 'left';
-        // eslint-disable-next-line require-jsdoc
-        let checker = () => false;
-        if (viewport) {
-            checker = vertical
-                ? (sibling) => viewport.top < (0, bounds_of_1.boundsOf)(sibling)[verticalBoundKey]
-                : (sibling) => viewport.left < (0, bounds_of_1.boundsOf)(sibling)[horizontalBoundKey];
-        }
-        return checker;
-    }
-    /**
-     * Геттер элемента списка.
-     * @return Элемент списка или null.
-     */
-    get listElement() {
-        return this.containerRef.current;
-    }
-    /**
-     * Выполняет подписку на глобальное событие "resize".
-     * Запускает прокрутку до текущего элемента.
-     * Обновляет информацию о состоянии отображения элементов.
-     */
-    componentDidMount() {
-        const { autoplay, onReady } = this.props;
-        this.observeResize(window.ResizeObserver);
-        this.toggleMounted(true);
-        this.forceUpdate(() => {
-            this.scrollToItem({ needTransition: false });
-            this.updateItemsVisibility();
-        });
-        autoplay && this.enableAutoplay();
-        onReady && onReady(this.currentIndex);
-    }
-    /**
-     * Подписывается на изменение размера корневого элемента.
-     * @param Observer Класс ResizeObserver.
-     */
-    observeResize(Observer) {
-        if (Observer && this.rootElementRef.current) {
-            const observer = new Observer(() => this.handleResize());
-            observer.observe(this.rootElementRef.current);
-            this.offWindowResize = () => observer.disconnect();
-        }
-    }
-    /**
-     * Корректирует смещение при изменении размеров.
-     */
-    handleResize() {
-        const wasEnabled = this.isTransitionEnabled();
-        wasEnabled && this.toggleDragTransition(false);
-        this.scrollToItem({ needTransition: false });
-        this.updateItemsVisibility();
-        wasEnabled && this.toggleDragTransition(true);
-    }
-    /**
-     * По необходимости обновляет индекс текущего элемента.
-     * Обновляет информацию о состоянии отображения элементов.
-     * @param prevProps Предыдущие свойства.
-     */
-    componentDidUpdate(prevProps) {
-        const { autoplay, targetIndex } = this.props;
-        const { autoplay: prevAutoplay, targetIndex: prevTargetIndex } = prevProps;
-        if (targetIndex !== prevTargetIndex) {
-            this.setCurrentIndex(targetIndex || 0);
-            this.toggleDragTransition(true);
-        }
-        if (!autoplay !== !prevAutoplay) {
-            autoplay ? this.enableAutoplay() : this.disableAutoplay();
-        }
-        this.updateItemsVisibility();
-    }
-    /**
-     * Выполняет отписку от глобального события "resize".
-     * Отключает таймер автоматической прокрутки.
-     */
-    componentWillUnmount() {
-        this.offWindowResize();
-        this.disableAutoplay();
-        this.toggleMounted(false);
-    }
-    /**
-     * Включает автоматическую прокрутку.
-     */
-    enableAutoplay() {
-        const { autoplayTimeout = 3000 } = this.props;
-        this.toggleAutoMove(true);
-        this.timerId = window.setInterval(() => {
-            this.canAutoMove && this.moveForward();
-        }, autoplayTimeout);
-    }
-    /**
-     * Отключает автоматическую прокрутку.
-     */
-    disableAutoplay() {
-        this.timerId && clearInterval(this.timerId);
-    }
-    /**
-     * Переключает флаг возможности автоматической прокрутки.
-     * @param canAutoMove Флаг возможности автоматической прокрутки.
-     */
-    toggleAutoMove(canAutoMove) {
-        this.canAutoMove = Boolean(canAutoMove);
-    }
-    /**
-     * Переключает флаг, определяющий, что компонент смонтирован.
-     * @param mounted Флаг.
-     */
-    toggleMounted(mounted) {
-        this.mounted = Boolean(mounted);
-    }
-    /**
-     * Определяет, можно ли перетаскивать карусель.
-     * @return Можно ли перетаскивать карусель?
-     */
-    canDrag() {
-        const { isAllItemsVisible } = this.state;
-        const { draggable = 'auto' } = this.props;
-        const autoDraggable = isAuto(draggable);
-        return (autoDraggable && !isAllItemsVisible) || draggable === true;
-    }
-    /**
-     * Обновляет информацию о состоянии отображения элементов.
-     */
-    updateItemsVisibility() {
-        const isAllItemsVisible = this.isAllItemsVisible();
-        if (isAllItemsVisible !== this.state.isAllItemsVisible) {
-            this.setState({ isAllItemsVisible });
-        }
-    }
-    /**
-     * По возможности выполняет прокрутку карусели вперед.
-     */
-    moveForward() {
-        const { step = 3 } = this.props;
-        this.infinite ? this.moveInfinite(step, true) : this.moveForwardFinite(step);
-    }
-    /**
-     * Выполняет конечную прокрутку карусели вперед.
-     * @param step На сколько элементов надо прокрутить карусель.
-     */
-    moveForwardFinite(step) {
-        var _a, _b;
-        const { currentIndex } = this;
-        const newIndex = currentIndex + step;
-        this.toggleDragTransition(true);
-        this.setCurrentIndex(newIndex < (0, lodash_1.size)((_a = this.listElement) === null || _a === void 0 ? void 0 : _a.children)
-            ? newIndex
-            : (0, max_index_of_1.maxIndexOf)((_b = this.listElement) === null || _b === void 0 ? void 0 : _b.children));
-    }
-    /**
-     * По возможности выполняет прокрутку карусели назад.
-     */
-    moveBackward() {
-        const { step = 3 } = this.props;
-        this.infinite ? this.moveInfinite(step, false) : this.moveBackwardFinite(step);
-    }
-    /**
-     * Выполняет конечную прокрутку карусели назад.
-     * @param step На сколько элементов надо прокрутить карусель.
-     */
-    moveBackwardFinite(step) {
-        const newIndex = (0, find_child_element_1.findChildIndex)({
-            target: this.listElement,
-            startIndex: this.currentIndex,
-            defaultResult: this.currentIndex,
-            increment: -1,
-            // ищем элемент который находится ниже/правее чем верхняя/левая граница viewport'а
-            isSuitable: Carousel.makeFurthestSiblingChecker({
-                viewport: this.getViewport(),
-                vertical: Boolean(this.props.vertical),
-            }),
-            // при нахождении первого непрошедшего проверку останавливаем цикл
-            needBreakLoop: passed => !passed,
-        });
-        this.toggleDragTransition(true);
-        this.setCurrentIndex(newIndex !== -1 && newIndex - step >= 0 ? newIndex - step : 0);
-    }
-    /**
-     * Выполняет прокрутку в бесконечном режиме.
-     * @param step Количество элементов для прокрутки.
-     * @param forward Нужно выполнить прокрутку вперед?
-     */
-    moveInfinite(step, forward) {
-        const { currentIndex } = this;
-        const { currentOffset } = this.state;
-        const { items, vertical } = this.props;
-        const realItemsCount = (0, lodash_1.size)(items);
-        const listEl = this.listElement;
-        const needMoveForward = forward && currentIndex >= realItemsCount;
-        const needMoveBackward = !forward && currentIndex < realItemsCount;
-        if (listEl && (needMoveForward || needMoveBackward)) {
-            const itemsSize = listEl[vertical ? 'scrollHeight' : 'scrollWidth'] / CLONE_FACTOR;
-            const newOffset = currentOffset + (forward ? itemsSize : -itemsSize);
-            const newIndex = currentIndex + (forward ? -realItemsCount : realItemsCount);
-            this.setCurrentOffset(newOffset, { withStateUpdate: false });
-            // отключаем плавность и смещаем карусель без видимых изменений
-            this.toggleDragTransition(false);
-            this.setCurrentIndex(newIndex, { needTransition: false });
-            // включаем плавность и перемещаемся к следующему элементу
-            this.toggleDragTransition(true);
-            this.setCurrentIndex(this.currentIndex + (forward ? step : -step));
-        }
-        else {
-            forward ? this.moveForwardFinite(step) : this.moveBackwardFinite(step);
-        }
-    }
-    /**
-     * Сохраняет смещение элементов карусели и позицию при захвате мышкой.
-     * Отключает плавную прокрутку.
-     * @param dragEvent Событие.
-     */
-    onDragStart(dragEvent) {
-        this.disableAutoplay();
-        this.saveDragStartData(dragEvent);
-        this.toggleDragTransition(false);
-    }
-    /**
-     * При необходимости запускает корректировку смещения.
-     * @param dragEvent Событие.
-     */
-    onDragMove(dragEvent) {
-        this.infinite && this.correctInfiniteOffset(dragEvent);
-    }
-    /**
-     * Корректирует смещение в бесконечном режиме.
-     * @param dragEvent Событие.
-     */
-    correctInfiniteOffset(dragEvent) {
-        var _a, _b;
-        const { vertical } = this.props;
-        const { offset, client } = dragEvent;
-        const { dragStartClient } = this;
-        const { forward, backward } = this.defineDirection(dragStartClient, client);
-        const viewport = this.getViewport();
-        const listEl = this.listElement;
-        const lastItem = (_a = this.listElement) === null || _a === void 0 ? void 0 : _a.lastElementChild;
-        if (viewport && listEl && lastItem) {
-            const offsetValue = offset[vertical ? 'y' : 'x'];
-            const lastItemStartBound = (_b = (0, bounds_of_1.boundsOf)(lastItem)) === null || _b === void 0 ? void 0 : _b[vertical ? 'top' : 'left'];
-            const viewportStartBound = viewport[vertical ? 'top' : 'left'];
-            const viewportEndBound = viewport[vertical ? 'bottom' : 'right'];
-            const itemsSize = listEl[vertical ? 'scrollHeight' : 'scrollWidth'] / CLONE_FACTOR;
-            if (forward && lastItemStartBound < viewportEndBound) {
-                const newOffset = offsetValue + itemsSize;
-                dragEvent.preventDefault();
-                this.setCurrentOffset(newOffset, { withStateUpdate: false });
-                this.saveDragStartData(dragEvent);
-            }
-            else if (backward && viewportStartBound < this.findRealItemsStartBound()) {
-                const newOffset = offsetValue - itemsSize;
-                dragEvent.preventDefault();
-                this.setCurrentOffset(newOffset, { withStateUpdate: false });
-                this.saveDragStartData(dragEvent);
-            }
-        }
-    }
-    /**
-     * Определяет начальную границу (левую или верхнюю) списка не клонированных элементов.
-     * @return Начальную граница.
-     */
-    findRealItemsStartBound() {
-        let result = NaN;
-        if (this.listElement) {
-            const { vertical, items } = this.props;
-            const index = this.infinite ? (0, lodash_1.size)(items) : 0;
-            const firstNotCloneItem = this.listElement.children[index];
-            if (firstNotCloneItem) {
-                result = (0, bounds_of_1.boundsOf)(firstNotCloneItem)[vertical ? 'top' : 'left'];
-            }
-        }
-        return result;
-    }
-    /**
-     * Выполняет прокрутку к элементу, который наиболее близок к стартовой границе viewport'а.
-     * @param dragEvent Событие.
-     */
-    onDragEnd({ offset: endOffset, client: endClient }) {
-        const { dragStartOffset: startOffset, dragStartClient: startClient } = this;
-        if (this.listElement && !(0, lodash_1.isEqual)(startOffset, endOffset)) {
-            const { backward } = this.defineDirection(startClient, endClient);
-            const lastIndex = (0, max_index_of_1.maxIndexOf)(this.listElement.children);
-            const edgeIndex = backward ? 0 : lastIndex;
-            // ищем элемент, который находится ближе всего к начальной границе viewport'а
-            const newIndex = (0, find_child_element_1.findChildIndex)({
-                target: this.listElement,
-                startIndex: backward ? lastIndex : 0,
-                increment: backward ? -1 : +1,
-                isSuitable: Carousel.makeNearestSiblingChecker({
-                    viewport: this.getViewport(),
-                    vertical: Boolean(this.props.vertical),
-                    backward,
-                }),
-                // если прокрутили вперед, завершаем поиск когда нашли первый прошедший проверку, иначе - первый непрошедший
-                needBreakLoop: passed => (backward ? !passed : passed),
-            });
-            this.setCurrentIndex(newIndex !== -1 ? newIndex : edgeIndex);
-            this.toggleDragTransition(true);
-        }
-        this.props.autoplay && this.canDrag() && this.enableAutoplay();
-        this.updateItemsVisibility();
-    }
-    /**
-     * Определяет информацию о направлении между двумя точками.
-     * @param start Точка.
-     * @param end Точка.
-     * @return Информация.
-     */
-    defineDirection(start, end) {
-        const { vertical } = this.props;
-        const key = vertical ? 'y' : 'x';
-        const delta = start[key] - end[key];
-        return { forward: delta > 0, backward: delta < 0 };
-    }
-    /**
-     * Устанавливает индекс элемента к которому прокручена карусель.
-     * @param newIndex Индекс элемента к которому прокручена карусель.
-     * @param options Опции.
-     * @param options.withScroll Нужна ли прокрутка.
-     * @param options.needTransition Нужна ли анимация при прокрутке.
-     */
-    setCurrentIndex(newIndex, { withScroll = true, needTransition = true } = {}) {
-        const { onChangeTargetIndex } = this.props;
-        this.currentIndex = newIndex;
-        withScroll && this.scrollToItem({ targetIndex: newIndex, needTransition });
-        onChangeTargetIndex && onChangeTargetIndex(this.currentIndex);
-    }
-    /**
-     * Прокручивает галерею к заданному элементу по индексу.
-     * @param options Свойства.
-     * @param options.targetIndex Индекс.
-     * @param options.needTransition Нужна ли плавная анимация прокрутки.
-     */
-    scrollToItem({ targetIndex = this.currentIndex, needTransition = true } = {}) {
-        var _a;
-        const listEl = this.listElement;
-        const viewport = this.getViewport();
-        const targetItemEl = (_a = this.listElement) === null || _a === void 0 ? void 0 : _a.children[targetIndex];
-        if (viewport && listEl && targetItemEl) {
-            this.toggleDragTransition(needTransition);
-            if (this.isAllItemsVisible()) {
-                this.setCurrentOffset(0);
-            }
-            else {
-                const { vertical } = this.props;
-                const targetItemPos = (0, get_relative_pos_1.getRelativePos)(targetItemEl);
-                const viewportEndBound = vertical ? viewport.bottom : viewport.right;
-                const nextItemsEndBound = vertical
-                    ? viewport.top + listEl.scrollHeight - targetItemPos.y
-                    : viewport.left + listEl.scrollWidth - targetItemPos.x;
-                if (nextItemsEndBound >= viewportEndBound) {
-                    const itemBound = vertical ? targetItemPos.y : targetItemPos.x;
-                    this.setCurrentOffset(-itemBound);
-                }
-                else {
-                    const maxItemsEndBound = vertical
-                        ? viewport.top + listEl.scrollHeight
-                        : viewport.left + listEl.scrollWidth;
-                    this.setCurrentOffset(viewportEndBound - maxItemsEndBound);
-                }
-            }
-        }
-    }
-    /**
-     * Определяет, видны ли все элементы галереи.
-     * @return Видны ли все элементы галереи.
-     */
-    isAllItemsVisible() {
-        const realItemsSize = this.getRealItemsSize();
-        const viewportSize = this.getViewportSize();
-        return Math.round(viewportSize) >= realItemsSize;
-    }
-    /**
-     * Определяет минимально возможное смещение списка элементов карусели.
-     * @return Минимально возможное смещение.
-     */
-    defineMinOffset() {
-        const { vertical } = this.props;
-        const viewport = this.getViewport();
-        const listEl = this.listElement;
-        let minOffset = NaN;
-        if (viewport && listEl) {
-            const viewportEndBound = vertical ? viewport.bottom : viewport.right;
-            const maxItemsEndBound = vertical
-                ? viewport.top + listEl.scrollHeight
-                : viewport.left + listEl.scrollWidth;
-            minOffset = viewportEndBound - maxItemsEndBound;
-        }
-        return minOffset;
-    }
-    /**
-     * Возвращает длину/ширину списка элементов (в зависимости от ориентации карусели).
-     * @return Длина/ширина списка элементов.
-     */
-    getRealItemsSize() {
-        const listEl = this.listElement;
-        let result = 0;
-        if (listEl) {
-            const { items, vertical } = this.props;
-            const firstChild = listEl.children[0];
-            const lastChild = listEl.children[(0, lodash_1.size)(items) - 1];
-            if (firstChild && lastChild) {
-                const startBound = (0, bounds_of_1.boundsOf)(firstChild)[vertical ? 'top' : 'left'];
-                const endBound = (0, bounds_of_1.boundsOf)(lastChild)[vertical ? 'bottom' : 'right'];
-                result = endBound - startBound;
-            }
-        }
-        return result;
-    }
-    /**
-     * Возвращает длину/ширину области видимости карусели (в зависимости от ориентации).
-     * @return Длина/ширина области видимости.
-     */
-    getViewportSize() {
-        const { vertical } = this.props;
-        const viewport = this.getViewport();
-        return viewport ? viewport[vertical ? 'height' : 'width'] : 0;
-    }
-    /**
-     * Возвращает данные прямоугольной области видимости карусели.
-     * @return Данные прямоугольной области видимости карусели.
-     */
-    getViewport() {
-        return (0, is_browser_1.isBrowser)() ? (0, bounds_of_1.boundsOf)(this.wrapperRef.current) : null;
-    }
-    /**
-     * Сохраняет смещение карусели и позицию из события при старте захвата.
-     * @param dragEvent Нестандартное событие из компонента Draggable.
-     * @param dragEvent.offset Смещение.
-     * @param dragEvent.client Позиция.
-     */
-    saveDragStartData({ offset, client }) {
-        this.dragStartOffset = offset;
-        this.dragStartClient = client;
-    }
-    /**
-     * Сохраняет в состоянии смещение карусели.
-     * @param newOffset Смещение.
-     * @param options Опции.
-     */
-    setCurrentOffset(newOffset, { withStateUpdate = true } = {}) {
-        const { vertical } = this.props;
-        this.setDragOffset(!vertical ? newOffset : 0, vertical ? newOffset : 0);
-        withStateUpdate && this.setState({ currentOffset: newOffset });
-    }
-    /**
-     * Получает управление от Draggable.
-     * @param control Функции управления Draggable.
-     */
-    takeDragControl(control) {
-        this.toggleDragTransition = control.toggleTransition;
-        this.setDragOffset = control.setOffset;
-        this.isGrabbed = control.isGrabbed;
-        this.isTransitionEnabled = control.isTransitionEnabled;
-    }
-    /** @inheritdoc */
-    render() {
-        const { currentOffset, isAllItemsVisible } = this.state;
-        const { autoplay, autoplayHoverPause, vertical, containerProps = {}, viewportElementProps = {}, withControls = 'auto', renderControl = Carousel.defaultRenderControl, controlProps, } = this.props;
-        const needShowControls = (isAuto(withControls) && !isAllItemsVisible) || withControls === true;
-        return (react_1.default.createElement("div", Object.assign({ ref: this.rootElementRef }, containerProps, { className: cx('carousel-wrapper', containerProps.className), onMouseEnter: () => {
-                autoplay && autoplayHoverPause && this.toggleAutoMove(false);
-            }, onMouseLeave: () => {
-                autoplay && autoplayHoverPause && !this.isGrabbed() && this.toggleAutoMove(true);
-            } }),
-            react_1.default.createElement(draggable_1.Draggable, { active: this.canDrag(), axis: vertical ? 'y' : 'x', transitionDuration: 320, containerProps: Object.assign(Object.assign({}, viewportElementProps), { ref: this.wrapperRef, className: cx('full-size', viewportElementProps.className) }), takeControl: this.takeDragControl, onDragStart: this.onDragStart, onDragMove: this.onDragMove, onDragEnd: this.onDragEnd, children: react_1.default.createElement("div", { className: cx(['carousel-items-container', vertical && 'vertical']), ref: this.containerRef, children: this.renderItems() }) }),
-            needShowControls && (react_1.default.createElement(react_1.default.Fragment, null,
-                renderControl({
-                    type: 'backward',
-                    onUse: this.moveBackward,
-                    canUse: this.infinite || currentOffset < 0,
-                    vertical,
-                }, controlProps),
-                renderControl({
-                    type: 'forward',
-                    onUse: this.moveForward,
-                    canUse: this.infinite || currentOffset > this.defineMinOffset(),
-                    vertical,
-                }, controlProps)))));
-    }
-    /**
-     * Формирует список элементов карусели с учетом необходимости клонирования.
-     * @return Список элементов карусели.
-     */
-    renderItems() {
-        const { isAllItemsVisible } = this.state;
-        const { items = [], renderItem = Carousel.defaultRenderItem } = this.props;
-        const realItemsCount = (0, lodash_1.size)(items);
-        const needClone = this.infinite && this.mounted && !isAllItemsVisible;
-        const loopLimit = realItemsCount * (needClone ? CLONE_FACTOR : 1);
-        const result = [];
-        for (let realIndex = 0; realIndex < loopLimit; realIndex++) {
-            const index = realIndex % realItemsCount;
-            result.push(react_1.default.createElement(react_1.default.Fragment, { key: realIndex }, renderItem(items[index], realIndex)));
-        }
-        return result;
-    }
-}
-exports.Carousel = Carousel;
+var carousel_1 = require("./carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return carousel_1.Carousel; } });
+//# sourceMappingURL=index.js.map

package/carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/carousel/index.ts"],"names":[],"mappings":";;;AACA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}