@evermade/overflow-slider 3.3.1 → 4.0.0

package/dist/core/slider.esm.js

@@ -1,499 +0,0 @@
-import details from './details.esm.js';
-import { generateId, objectsAreEqual, getOutermostChildrenEdgeMarginSum } from './utils.esm.js';
-
-function Slider(container, options, plugins) {
-    let slider;
-    let subs = {};
-    function init() {
-        slider.container = container;
-        // ensure container has id
-        let containerId = container.getAttribute('id');
-        if (containerId === null) {
-            containerId = generateId('overflow-slider');
-            container.setAttribute('id', containerId);
-        }
-        setSlides();
-        setDetails(true);
-        setActiveSlideIdx();
-        slider.on('contentsChanged', () => {
-            setSlides();
-            setDetails();
-            setActiveSlideIdx();
-        });
-        slider.on('containerSizeChanged', () => setDetails());
-        let requestId = 0;
-        const setDetailsDebounce = () => {
-            if (requestId) {
-                window.cancelAnimationFrame(requestId);
-            }
-            requestId = window.requestAnimationFrame(() => {
-                setDetails();
-                setActiveSlideIdx();
-            });
-        };
-        slider.on('scroll', setDetailsDebounce);
-        addEventListeners();
-        setDataAttributes();
-        setCSSVariables();
-        if (plugins) {
-            for (const plugin of plugins) {
-                plugin(slider);
-            }
-        }
-        slider.on('detailsChanged', () => {
-            setDataAttributes();
-            setCSSVariables();
-        });
-        slider.emit('created');
-        slider.container.setAttribute('data-ready', 'true');
-    }
-    function setDetails(isInit = false) {
-        const oldDetails = slider.details;
-        const newDetails = details(slider);
-        slider.details = newDetails;
-        if (!isInit && !objectsAreEqual(oldDetails, newDetails)) {
-            slider.emit('detailsChanged');
-        }
-        else if (isInit) {
-            slider.emit('detailsChanged');
-        }
-    }
-    function setSlides() {
-        slider.slides = Array.from(slider.container.querySelectorAll(slider.options.slidesSelector));
-    }
-    function addEventListeners() {
-        // changes to DOM
-        const observer = new MutationObserver(() => slider.emit('contentsChanged'));
-        observer.observe(slider.container, { childList: true });
-        // container size changes
-        const resizeObserver = new ResizeObserver(() => slider.emit('containerSizeChanged'));
-        resizeObserver.observe(slider.container);
-        // scroll event with debouncing
-        let scrollTimeout;
-        let nativeScrollTimeout;
-        let programmaticScrollTimeout;
-        let scrollLeft = slider.container.scrollLeft;
-        let nativeScrollLeft = slider.container.scrollLeft;
-        let programmaticScrollLeft = slider.container.scrollLeft;
-        let isScrolling = false;
-        let isUserScrolling = false;
-        let isProgrammaticScrolling = false;
-        // all types of scroll
-        slider.container.addEventListener('scroll', () => {
-            const newScrollLeft = slider.container.scrollLeft;
-            if (Math.floor(scrollLeft) !== Math.floor(newScrollLeft)) {
-                if (!isScrolling) {
-                    isScrolling = true;
-                    slider.emit('scrollStart');
-                }
-                scrollLeft = newScrollLeft;
-                clearTimeout(scrollTimeout);
-                scrollTimeout = setTimeout(() => {
-                    isScrolling = false;
-                    slider.emit('scrollEnd');
-                }, 50);
-                slider.emit('scroll');
-            }
-            // keep up nativeScrolling to take into account scroll-snap
-            if (isUserScrolling) {
-                nativeScrollHandler();
-            }
-        });
-        // user initted scroll (touchmove, mouse wheel, etc.)
-        const nativeScrollHandler = () => {
-            const newScrollLeft = slider.container.scrollLeft;
-            if (Math.floor(nativeScrollLeft) !== Math.floor(newScrollLeft) && !isProgrammaticScrolling) {
-                if (!isUserScrolling) {
-                    slider.emit('nativeScrollStart');
-                    isUserScrolling = true;
-                }
-                slider.emit('nativeScroll');
-                nativeScrollLeft = newScrollLeft;
-                clearTimeout(nativeScrollTimeout);
-                nativeScrollTimeout = setTimeout(() => {
-                    isUserScrolling = false;
-                    slider.emit('nativeScrollEnd');
-                    // update programmaticScrollLeft to match nativeScrollLeft
-                    // this prevents programmaticScroll triggering with no real change to scrollLeft
-                    programmaticScrollLeft = nativeScrollLeft;
-                }, 50);
-            }
-        };
-        slider.container.addEventListener('touchmove', nativeScrollHandler);
-        slider.container.addEventListener('mousewheel', nativeScrollHandler);
-        slider.container.addEventListener('wheel', nativeScrollHandler);
-        // programmatic scroll (scrollTo, etc.)
-        slider.on('programmaticScrollStart', () => {
-            isProgrammaticScrolling = true;
-        });
-        slider.container.addEventListener('scroll', () => {
-            const newScrollLeft = slider.container.scrollLeft;
-            if (Math.floor(programmaticScrollLeft) !== Math.floor(newScrollLeft) && !isUserScrolling && isProgrammaticScrolling) {
-                programmaticScrollLeft = newScrollLeft;
-                clearTimeout(programmaticScrollTimeout);
-                programmaticScrollTimeout = setTimeout(() => {
-                    isProgrammaticScrolling = false;
-                    slider.emit('programmaticScrollEnd');
-                    // update nativeScrollLeft to match programmaticScrollLeft
-                    // this prevents nativeScroll triggering with no real change to scrollLeft
-                    nativeScrollLeft = programmaticScrollLeft;
-                }, 50);
-                slider.emit('programmaticScroll');
-            }
-        });
-        // Fix issues on scroll snapping not working on programmatic scroll (it's not smooth)
-        // by disabling scroll snap if scrolling is programmatic
-        slider.on('programmaticScrollStart', () => {
-            slider.container.style.scrollSnapType = 'none';
-        });
-        // restore scroll snap if user scroll starts
-        slider.on('nativeScrollStart', () => {
-            slider.container.style.scrollSnapType = '';
-        });
-        // Listen for mouse down and touch start events on the document
-        // This handles both mouse clicks and touch interactions
-        let wasInteractedWith = false;
-        slider.container.addEventListener('mousedown', () => {
-            wasInteractedWith = true;
-        });
-        slider.container.addEventListener('touchstart', () => {
-            wasInteractedWith = true;
-        }, { passive: true });
-        slider.container.addEventListener('focusin', (e) => {
-            // move target parents as long as they are not the container
-            // but only if focus didn't start from mouse or touch
-            if (!wasInteractedWith) {
-                let target = e.target;
-                while (target.parentElement !== slider.container) {
-                    if (target.parentElement) {
-                        target = target.parentElement;
-                    }
-                    else {
-                        break;
-                    }
-                }
-                ensureSlideIsInView(target, 'auto');
-            }
-            wasInteractedWith = false;
-        });
-    }
-    function setCSSVariables() {
-        slider.container.style.setProperty('--slider-container-width', `${slider.details.containerWidth}px`);
-        slider.container.style.setProperty('--slider-scrollable-width', `${slider.details.scrollableAreaWidth}px`);
-        slider.container.style.setProperty('--slider-slides-count', `${slider.details.slideCount}`);
-    }
-    function setDataAttributes() {
-        slider.container.setAttribute('data-has-overflow', slider.details.hasOverflow ? 'true' : 'false');
-        if (slider.options.rtl) {
-            slider.container.setAttribute('dir', 'rtl');
-        }
-    }
-    function ensureSlideIsInView(slide, scrollBehavior = null) {
-        const behavior = scrollBehavior || slider.options.scrollBehavior;
-        const slideRect = slide.getBoundingClientRect();
-        const sliderRect = slider.container.getBoundingClientRect();
-        const containerWidth = slider.container.offsetWidth;
-        const scrollLeft = slider.container.scrollLeft;
-        const slideStart = slideRect.left - sliderRect.left + scrollLeft;
-        const slideEnd = slideStart + slideRect.width;
-        let scrollTarget = null;
-        if (Math.floor(slideStart) < Math.floor(scrollLeft)) {
-            scrollTarget = slideStart;
-        }
-        else if (Math.floor(slideEnd) > Math.floor(scrollLeft) + Math.floor(containerWidth)) {
-            scrollTarget = slideEnd - containerWidth;
-        }
-        else if (Math.floor(slideStart) === 0) {
-            scrollTarget = 0;
-        }
-        else {
-            scrollTarget = slideStart;
-        }
-        if (scrollTarget !== null) {
-            setTimeout((scrollTarget) => {
-                slider.emit('programmaticScrollStart');
-                slider.container.scrollTo({ left: scrollTarget, behavior: behavior });
-            }, 50, scrollTarget);
-        }
-    }
-    function setActiveSlideIdx() {
-        const sliderRect = slider.container.getBoundingClientRect();
-        const scrollLeft = slider.getScrollLeft();
-        const slides = slider.slides;
-        let activeSlideIdx = 0;
-        let scrolledPastLastSlide = false;
-        if (slider.options.rtl) {
-            const scrolledDistance = slider.getInclusiveScrollWidth() - scrollLeft - slider.getInclusiveClientWidth();
-            const slidePositions = [];
-            for (let i = slides.length - 1; i >= 0; i--) {
-                const slideRect = slides[i].getBoundingClientRect();
-                const slideEnd = Math.abs(slideRect.left) - Math.abs(sliderRect.left) + scrolledDistance;
-                slidePositions.push({
-                    slide: slides[i],
-                    slideEnd: slideEnd,
-                });
-            }
-            let closestSlide = null;
-            let closestDistance = null;
-            for (let i = 0; i < slidePositions.length; i++) {
-                const distance = Math.abs(slidePositions[i].slideEnd - scrolledDistance);
-                if (closestDistance === null || distance < closestDistance) {
-                    closestDistance = distance;
-                    closestSlide = slidePositions[i].slide;
-                }
-            }
-            if (closestSlide) {
-                activeSlideIdx = slides.indexOf(closestSlide);
-            }
-            else {
-                activeSlideIdx = slides.length - 1;
-            }
-        }
-        else {
-            for (let i = 0; i < slides.length; i++) {
-                const slideRect = slides[i].getBoundingClientRect();
-                const slideStart = slideRect.left - sliderRect.left + scrollLeft + getGapSize();
-                if (Math.floor(slideStart) >= Math.floor(scrollLeft)) {
-                    activeSlideIdx = i;
-                    break;
-                }
-                if (i === slides.length - 1) {
-                    scrolledPastLastSlide = true;
-                }
-            }
-        }
-        if (scrolledPastLastSlide) {
-            activeSlideIdx = slides.length - 1;
-        }
-        const oldActiveSlideIdx = slider.activeSlideIdx;
-        slider.activeSlideIdx = activeSlideIdx;
-        if (oldActiveSlideIdx !== activeSlideIdx) {
-            slider.emit('activeSlideChanged');
-        }
-    }
-    function moveToSlide(idx) {
-        const slide = slider.slides[idx];
-        if (slide) {
-            ensureSlideIsInView(slide);
-        }
-    }
-    function moveToSlideInDirection(direction) {
-        const activeSlideIdx = slider.activeSlideIdx;
-        if (direction === 'prev') {
-            if (activeSlideIdx > 0) {
-                moveToSlide(activeSlideIdx - 1);
-            }
-        }
-        else if (direction === 'next') {
-            if (activeSlideIdx < slider.slides.length - 1) {
-                moveToSlide(activeSlideIdx + 1);
-            }
-        }
-    }
-    function getInclusiveScrollWidth() {
-        return slider.container.scrollWidth + getOutermostChildrenEdgeMarginSum(slider.container);
-    }
-    function getInclusiveClientWidth() {
-        return slider.container.clientWidth + getOutermostChildrenEdgeMarginSum(slider.container);
-    }
-    function getScrollLeft() {
-        return slider.options.rtl ? Math.abs(slider.container.scrollLeft) : slider.container.scrollLeft;
-    }
-    function setScrollLeft(value) {
-        slider.container.scrollLeft = slider.options.rtl ? -value : value;
-    }
-    function getGapSize() {
-        let gapSize = 0;
-        if (slider.slides.length > 1) {
-            const firstSlideRect = slider.slides[0].getBoundingClientRect();
-            const secondSlideRect = slider.slides[1].getBoundingClientRect();
-            gapSize = slider.options.rtl ? Math.abs(Math.floor(secondSlideRect.right - firstSlideRect.left)) : Math.floor(secondSlideRect.left - firstSlideRect.right);
-        }
-        return gapSize;
-    }
-    function getLeftOffset() {
-        let offset = 0;
-        const fullWidthOffset = slider.container.getAttribute('data-full-width-offset');
-        if (fullWidthOffset) {
-            offset = parseInt(fullWidthOffset);
-        }
-        return Math.floor(offset);
-    }
-    function moveToDirection(direction = "prev") {
-        const scrollStrategy = slider.options.scrollStrategy;
-        const scrollLeft = slider.container.scrollLeft;
-        const sliderRect = slider.container.getBoundingClientRect();
-        const containerWidth = slider.container.offsetWidth;
-        let targetScrollPosition = scrollLeft;
-        const realDirection = slider.options.rtl ? (direction === 'prev' ? 'next' : 'prev') : direction;
-        if (realDirection === 'prev') {
-            targetScrollPosition = Math.max(0, scrollLeft - slider.container.offsetWidth);
-        }
-        else if (realDirection === 'next') {
-            targetScrollPosition = Math.min(slider.getInclusiveScrollWidth(), scrollLeft + slider.container.offsetWidth);
-        }
-        if (scrollStrategy === 'fullSlide') {
-            let fullSlideTargetScrollPosition = null;
-            // extend targetScrollPosition to include gap
-            if (realDirection === 'prev') {
-                fullSlideTargetScrollPosition = Math.max(0, targetScrollPosition - getGapSize());
-            }
-            else {
-                fullSlideTargetScrollPosition = Math.min(slider.getInclusiveScrollWidth(), targetScrollPosition + getGapSize());
-            }
-            if (realDirection === 'next') {
-                let partialSlideFound = false;
-                for (let slide of slider.slides) {
-                    const slideRect = slide.getBoundingClientRect();
-                    const slideStart = slideRect.left - sliderRect.left + scrollLeft;
-                    const slideEnd = slideStart + slideRect.width;
-                    if (Math.floor(slideStart) < Math.floor(targetScrollPosition) && Math.floor(slideEnd) > Math.floor(targetScrollPosition)) {
-                        fullSlideTargetScrollPosition = slideStart;
-                        partialSlideFound = true;
-                        break;
-                    }
-                }
-                if (!partialSlideFound) {
-                    fullSlideTargetScrollPosition = Math.min(targetScrollPosition, slider.getInclusiveScrollWidth() - slider.container.offsetWidth);
-                }
-                if (fullSlideTargetScrollPosition) {
-                    if (Math.floor(fullSlideTargetScrollPosition) > Math.floor(scrollLeft)) {
-                        // make sure fullSlideTargetScrollPosition is possible considering the container width
-                        const maxScrollPosition = Math.floor(slider.getInclusiveScrollWidth()) - Math.floor(containerWidth);
-                        targetScrollPosition = Math.min(fullSlideTargetScrollPosition, maxScrollPosition);
-                    }
-                    else {
-                        // cannot snap to slide, move one page worth of distance
-                        targetScrollPosition = Math.min(slider.getInclusiveScrollWidth(), scrollLeft + containerWidth);
-                    }
-                }
-            }
-            else {
-                let partialSlideFound = false;
-                for (let slide of slider.slides) {
-                    const slideRect = slide.getBoundingClientRect();
-                    const slideStart = slideRect.left - sliderRect.left + scrollLeft;
-                    const slideEnd = slideStart + slideRect.width;
-                    if (Math.floor(slideStart) < Math.floor(scrollLeft) && Math.floor(slideEnd) > Math.floor(scrollLeft)) {
-                        fullSlideTargetScrollPosition = slideEnd - containerWidth;
-                        partialSlideFound = true;
-                        break;
-                    }
-                }
-                if (!partialSlideFound) {
-                    fullSlideTargetScrollPosition = Math.max(0, scrollLeft - containerWidth);
-                }
-                if (fullSlideTargetScrollPosition && Math.floor(fullSlideTargetScrollPosition) < Math.floor(scrollLeft)) {
-                    targetScrollPosition = fullSlideTargetScrollPosition;
-                }
-            }
-        }
-        // add left offset
-        const offsettedTargetScrollPosition = targetScrollPosition - getLeftOffset();
-        if (Math.floor(offsettedTargetScrollPosition) >= 0) {
-            targetScrollPosition = offsettedTargetScrollPosition;
-        }
-        slider.emit('programmaticScrollStart');
-        slider.container.style.scrollBehavior = slider.options.scrollBehavior;
-        slider.container.scrollLeft = targetScrollPosition;
-        setTimeout(() => slider.container.style.scrollBehavior = '', 50);
-    }
-    function snapToClosestSlide(direction = "prev") {
-        const isMovingForward = slider.options.rtl ? direction === 'prev' : direction === 'next';
-        const slideReference = [];
-        for (let i = 0; i < slider.slides.length; i++) {
-            const slide = slider.slides[i];
-            const slideWidth = slide.offsetWidth;
-            const slideStart = slider.options.rtl ? Math.abs(slide.offsetLeft + slideWidth - slider.details.containerWidth) : slide.offsetLeft;
-            const slideEnd = slideStart + slideWidth;
-            const slideMiddle = slideStart + slideWidth / 2;
-            const trigger = Math.min(slideMiddle, slideStart + slider.options.emulateScrollSnapMaxThreshold);
-            slideReference.push({
-                start: slideStart,
-                middle: slideMiddle,
-                end: slideEnd,
-                width: slideWidth,
-                trigger: trigger,
-                slide: slide,
-                // debug
-                offSetleft: slide.offsetLeft,
-                rect: slide.getBoundingClientRect(),
-            });
-        }
-        let snapTarget = null;
-        const scrollPosition = getScrollLeft();
-        if (isMovingForward) {
-            for (let i = 0; i < slideReference.length; i++) {
-                const item = slideReference[i];
-                if (i === 0 && Math.floor(scrollPosition) <= Math.floor(item.trigger)) {
-                    snapTarget = 0;
-                    break;
-                }
-                if (Math.floor(getScrollLeft()) <= Math.floor(item.trigger)) {
-                    snapTarget = item.start;
-                    break;
-                }
-            }
-        }
-        else {
-            for (let i = slideReference.length - 1; i >= 0; i--) {
-                const item = slideReference[i];
-                if (i === slideReference.length - 1 && Math.floor(scrollPosition) >= Math.floor(item.trigger)) {
-                    snapTarget = item.start;
-                    break;
-                }
-                if (Math.floor(getScrollLeft()) >= Math.floor(item.trigger)) {
-                    snapTarget = item.start;
-                    break;
-                }
-            }
-        }
-        if (snapTarget !== null) {
-            const offsettedSnapTarget = snapTarget - getLeftOffset();
-            if (Math.floor(offsettedSnapTarget) >= 0) {
-                snapTarget = offsettedSnapTarget;
-            }
-            const scrollBehavior = slider.options.scrollBehavior || 'smooth';
-            slider.container.scrollTo({
-                left: slider.options.rtl ? -snapTarget : snapTarget,
-                behavior: scrollBehavior
-            });
-        }
-    }
-    function on(name, cb) {
-        if (!subs[name]) {
-            subs[name] = [];
-        }
-        subs[name].push(cb);
-    }
-    function emit(name) {
-        var _a;
-        if (subs && subs[name]) {
-            subs[name].forEach(cb => {
-                cb(slider);
-            });
-        }
-        const optionCallBack = (_a = slider === null || slider === void 0 ? void 0 : slider.options) === null || _a === void 0 ? void 0 : _a[name];
-        // Type guard to check if the option callback is a function
-        if (typeof optionCallBack === 'function') {
-            optionCallBack(slider); // Type assertion here
-        }
-    }
-    slider = {
-        emit,
-        moveToDirection,
-        moveToSlide,
-        moveToSlideInDirection,
-        snapToClosestSlide,
-        getInclusiveScrollWidth,
-        getInclusiveClientWidth,
-        getScrollLeft,
-        setScrollLeft,
-        on,
-        options,
-    };
-    init();
-    return slider;
-}
-
-export { Slider as default };

package/dist/core/slider.min.js

@@ -1 +0,0 @@
-import t from"./details.min.js";import{generateId as e,objectsAreEqual as o,getOutermostChildrenEdgeMarginSum as n}from"./utils.min.js";function l(l,i,r){let a,s={};function c(e=!1){const n=a.details,l=t(a);a.details=l,e||o(n,l)?e&&a.emit("detailsChanged"):a.emit("detailsChanged")}function f(){a.slides=Array.from(a.container.querySelectorAll(a.options.slidesSelector))}function d(){a.container.style.setProperty("--slider-container-width",`${a.details.containerWidth}px`),a.container.style.setProperty("--slider-scrollable-width",`${a.details.scrollableAreaWidth}px`),a.container.style.setProperty("--slider-slides-count",`${a.details.slideCount}`)}function h(){a.container.setAttribute("data-has-overflow",a.details.hasOverflow?"true":"false"),a.options.rtl&&a.container.setAttribute("dir","rtl")}function u(t,e=null){const o=e||a.options.scrollBehavior,n=t.getBoundingClientRect(),l=a.container.getBoundingClientRect(),i=a.container.offsetWidth,r=a.container.scrollLeft,s=n.left-l.left+r,c=s+n.width;let f=null;f=Math.floor(s)<Math.floor(r)?s:Math.floor(c)>Math.floor(r)+Math.floor(i)?c-i:0===Math.floor(s)?0:s,null!==f&&setTimeout((t=>{a.emit("programmaticScrollStart"),a.container.scrollTo({left:t,behavior:o})}),50,f)}function g(){const t=a.container.getBoundingClientRect(),e=a.getScrollLeft(),o=a.slides;let n=0,l=!1;if(a.options.rtl){const l=a.getInclusiveScrollWidth()-e-a.getInclusiveClientWidth(),i=[];for(let e=o.length-1;e>=0;e--){const n=o[e].getBoundingClientRect(),r=Math.abs(n.left)-Math.abs(t.left)+l;i.push({slide:o[e],slideEnd:r})}let r=null,s=null;for(let t=0;t<i.length;t++){const e=Math.abs(i[t].slideEnd-l);(null===s||e<s)&&(s=e,r=i[t].slide)}n=r?o.indexOf(r):o.length-1}else for(let i=0;i<o.length;i++){const r=o[i].getBoundingClientRect().left-t.left+e+v();if(Math.floor(r)>=Math.floor(e)){n=i;break}i===o.length-1&&(l=!0)}l&&(n=o.length-1);const i=a.activeSlideIdx;a.activeSlideIdx=n,i!==n&&a.emit("activeSlideChanged")}function m(t){const e=a.slides[t];e&&u(e)}function M(){return a.options.rtl?Math.abs(a.container.scrollLeft):a.container.scrollLeft}function v(){let t=0;if(a.slides.length>1){const e=a.slides[0].getBoundingClientRect(),o=a.slides[1].getBoundingClientRect();t=a.options.rtl?Math.abs(Math.floor(o.right-e.left)):Math.floor(o.left-e.right)}return t}function p(){let t=0;const e=a.container.getAttribute("data-full-width-offset");return e&&(t=parseInt(e)),Math.floor(t)}return a={emit:function(t){var e;s&&s[t]&&s[t].forEach((t=>{t(a)}));const o=null===(e=null==a?void 0:a.options)||void 0===e?void 0:e[t];"function"==typeof o&&o(a)},moveToDirection:function(t="prev"){const e=a.options.scrollStrategy,o=a.container.scrollLeft,n=a.container.getBoundingClientRect(),l=a.container.offsetWidth;let i=o;const r=a.options.rtl?"prev"===t?"next":"prev":t;if("prev"===r?i=Math.max(0,o-a.container.offsetWidth):"next"===r&&(i=Math.min(a.getInclusiveScrollWidth(),o+a.container.offsetWidth)),"fullSlide"===e){let t=null;if(t="prev"===r?Math.max(0,i-v()):Math.min(a.getInclusiveScrollWidth(),i+v()),"next"===r){let e=!1;for(let l of a.slides){const r=l.getBoundingClientRect(),a=r.left-n.left+o,s=a+r.width;if(Math.floor(a)<Math.floor(i)&&Math.floor(s)>Math.floor(i)){t=a,e=!0;break}}if(e||(t=Math.min(i,a.getInclusiveScrollWidth()-a.container.offsetWidth)),t)if(Math.floor(t)>Math.floor(o)){const e=Math.floor(a.getInclusiveScrollWidth())-Math.floor(l);i=Math.min(t,e)}else i=Math.min(a.getInclusiveScrollWidth(),o+l)}else{let e=!1;for(let i of a.slides){const r=i.getBoundingClientRect(),a=r.left-n.left+o,s=a+r.width;if(Math.floor(a)<Math.floor(o)&&Math.floor(s)>Math.floor(o)){t=s-l,e=!0;break}}e||(t=Math.max(0,o-l)),t&&Math.floor(t)<Math.floor(o)&&(i=t)}}const s=i-p();Math.floor(s)>=0&&(i=s),a.emit("programmaticScrollStart"),a.container.style.scrollBehavior=a.options.scrollBehavior,a.container.scrollLeft=i,setTimeout((()=>a.container.style.scrollBehavior=""),50)},moveToSlide:m,moveToSlideInDirection:function(t){const e=a.activeSlideIdx;"prev"===t?e>0&&m(e-1):"next"===t&&e<a.slides.length-1&&m(e+1)},snapToClosestSlide:function(t="prev"){const e=a.options.rtl?"prev"===t:"next"===t,o=[];for(let t=0;t<a.slides.length;t++){const e=a.slides[t],n=e.offsetWidth,l=a.options.rtl?Math.abs(e.offsetLeft+n-a.details.containerWidth):e.offsetLeft,i=l+n,r=l+n/2,s=Math.min(r,l+a.options.emulateScrollSnapMaxThreshold);o.push({start:l,middle:r,end:i,width:n,trigger:s,slide:e,offSetleft:e.offsetLeft,rect:e.getBoundingClientRect()})}let n=null;const l=M();if(e)for(let t=0;t<o.length;t++){const e=o[t];if(0===t&&Math.floor(l)<=Math.floor(e.trigger)){n=0;break}if(Math.floor(M())<=Math.floor(e.trigger)){n=e.start;break}}else for(let t=o.length-1;t>=0;t--){const e=o[t];if(t===o.length-1&&Math.floor(l)>=Math.floor(e.trigger)){n=e.start;break}if(Math.floor(M())>=Math.floor(e.trigger)){n=e.start;break}}if(null!==n){const t=n-p();Math.floor(t)>=0&&(n=t);const e=a.options.scrollBehavior||"smooth";a.container.scrollTo({left:a.options.rtl?-n:n,behavior:e})}},getInclusiveScrollWidth:function(){return a.container.scrollWidth+n(a.container)},getInclusiveClientWidth:function(){return a.container.clientWidth+n(a.container)},getScrollLeft:M,setScrollLeft:function(t){a.container.scrollLeft=a.options.rtl?-t:t},on:function(t,e){s[t]||(s[t]=[]),s[t].push(e)},options:i},function(){a.container=l;let t=l.getAttribute("id");null===t&&(t=e("overflow-slider"),l.setAttribute("id",t)),f(),c(!0),g(),a.on("contentsChanged",(()=>{f(),c(),g()})),a.on("containerSizeChanged",(()=>c()));let o=0;if(a.on("scroll",(()=>{o&&window.cancelAnimationFrame(o),o=window.requestAnimationFrame((()=>{c(),g()}))})),function(){new MutationObserver((()=>a.emit("contentsChanged"))).observe(a.container,{childList:!0});let t,e,o;new ResizeObserver((()=>a.emit("containerSizeChanged"))).observe(a.container);let n=a.container.scrollLeft,l=a.container.scrollLeft,i=a.container.scrollLeft,r=!1,s=!1,c=!1;a.container.addEventListener("scroll",(()=>{const e=a.container.scrollLeft;Math.floor(n)!==Math.floor(e)&&(r||(r=!0,a.emit("scrollStart")),n=e,clearTimeout(t),t=setTimeout((()=>{r=!1,a.emit("scrollEnd")}),50),a.emit("scroll")),s&&f()}));const f=()=>{const t=a.container.scrollLeft;Math.floor(l)===Math.floor(t)||c||(s||(a.emit("nativeScrollStart"),s=!0),a.emit("nativeScroll"),l=t,clearTimeout(e),e=setTimeout((()=>{s=!1,a.emit("nativeScrollEnd"),i=l}),50))};a.container.addEventListener("touchmove",f),a.container.addEventListener("mousewheel",f),a.container.addEventListener("wheel",f),a.on("programmaticScrollStart",(()=>{c=!0})),a.container.addEventListener("scroll",(()=>{const t=a.container.scrollLeft;Math.floor(i)!==Math.floor(t)&&!s&&c&&(i=t,clearTimeout(o),o=setTimeout((()=>{c=!1,a.emit("programmaticScrollEnd"),l=i}),50),a.emit("programmaticScroll"))})),a.on("programmaticScrollStart",(()=>{a.container.style.scrollSnapType="none"})),a.on("nativeScrollStart",(()=>{a.container.style.scrollSnapType=""}));let d=!1;a.container.addEventListener("mousedown",(()=>{d=!0})),a.container.addEventListener("touchstart",(()=>{d=!0}),{passive:!0}),a.container.addEventListener("focusin",(t=>{if(!d){let e=t.target;for(;e.parentElement!==a.container&&e.parentElement;)e=e.parentElement;u(e,"auto")}d=!1}))}(),h(),d(),r)for(const t of r)t(a);a.on("detailsChanged",(()=>{h(),d()})),a.emit("created"),a.container.setAttribute("data-ready","true")}(),a}export{l as default};

package/docs/dist/core/details.esm.js

@@ -1,35 +0,0 @@
-function details(slider) {
-    var _a;
-    let instance;
-    let hasOverflow = false;
-    let slideCount = 0;
-    let containerWidth = 0;
-    let scrollableAreaWidth = 0;
-    let amountOfPages = 0;
-    let currentPage = 1;
-    if (Math.floor(slider.getInclusiveScrollWidth()) > Math.floor(slider.getInclusiveClientWidth())) {
-        hasOverflow = true;
-    }
-    slideCount = (_a = slider.slides.length) !== null && _a !== void 0 ? _a : 0;
-    containerWidth = slider.container.offsetWidth;
-    scrollableAreaWidth = slider.getInclusiveScrollWidth();
-    amountOfPages = Math.ceil(scrollableAreaWidth / containerWidth);
-    if (Math.floor(slider.getScrollLeft()) >= 0) {
-        currentPage = Math.floor(slider.getScrollLeft() / containerWidth);
-        // consider as last page if the scrollLeft + containerWidth is equal to scrollWidth
-        if (Math.floor(slider.getScrollLeft() + containerWidth) === Math.floor(scrollableAreaWidth)) {
-            currentPage = amountOfPages - 1;
-        }
-    }
-    instance = {
-        hasOverflow,
-        slideCount,
-        containerWidth,
-        scrollableAreaWidth,
-        amountOfPages,
-        currentPage,
-    };
-    return instance;
-}
-
-export { details as default };

package/docs/dist/core/details.min.js

@@ -1 +0,0 @@
-function t(t){var l;let e,o=!1,r=0,a=0,i=0,n=0,f=1;return Math.floor(t.getInclusiveScrollWidth())>Math.floor(t.getInclusiveClientWidth())&&(o=!0),r=null!==(l=t.slides.length)&&void 0!==l?l:0,a=t.container.offsetWidth,i=t.getInclusiveScrollWidth(),n=Math.ceil(i/a),Math.floor(t.getScrollLeft())>=0&&(f=Math.floor(t.getScrollLeft()/a),Math.floor(t.getScrollLeft()+a)===Math.floor(i)&&(f=n-1)),e={hasOverflow:o,slideCount:r,containerWidth:a,scrollableAreaWidth:i,amountOfPages:n,currentPage:f},e}export{t as default};

package/docs/dist/core/overflow-slider.esm.js

@@ -1,29 +0,0 @@
-import Slider from './slider.esm.js';
-
-function OverflowSlider(container, options, plugins) {
-    try {
-        // check that container HTML element
-        if (!(container instanceof Element)) {
-            throw new Error(`Container must be HTML element, found ${typeof container}`);
-        }
-        const defaults = {
-            scrollBehavior: "smooth",
-            scrollStrategy: "fullSlide",
-            slidesSelector: ":scope > *",
-            emulateScrollSnap: false,
-            emulateScrollSnapMaxThreshold: 64,
-            rtl: false,
-        };
-        const sliderOptions = Object.assign(Object.assign({}, defaults), options);
-        // disable smooth scrolling if user prefers reduced motion
-        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
-            sliderOptions.scrollBehavior = "auto";
-        }
-        return Slider(container, sliderOptions, plugins);
-    }
-    catch (e) {
-        console.error(e);
-    }
-}
-
-export { OverflowSlider as default };

package/docs/dist/core/overflow-slider.min.js

@@ -1 +0,0 @@
-import e from"./slider.min.js";function o(o,r,t){try{if(!(o instanceof Element))throw new Error("Container must be HTML element, found "+typeof o);const l={scrollBehavior:"smooth",scrollStrategy:"fullSlide",slidesSelector:":scope > *",emulateScrollSnap:!1,emulateScrollSnapMaxThreshold:64,rtl:!1},s=Object.assign(Object.assign({},l),r);return window.matchMedia("(prefers-reduced-motion: reduce)").matches&&(s.scrollBehavior="auto"),e(o,s,t)}catch(e){console.error(e)}}export{o as default};