@sentecacommerce-theme/lib 0.12.67 → 0.13.5-alpha.1

package/dist/cjs/hooks/useCarousel/component/index.js

@@ -1,284 +1,223 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _engine2 = require("../helpers/engine");
-
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _engine = require("../helpers/engine");
 var _eventEmitter = require("../helpers/eventEmitter");
-
 var _eventStore = require("../helpers/eventStore");
-
-var _options4 = require("../helpers/options");
-
+var _options = require("../helpers/options");
 var _utils = require("../helpers/utils");
-
-function Carousel(sliderRoot, userOptions) {
-  if (userOptions === void 0) {
-    userOptions = {};
-  }
-
-  var events = (0, _eventEmitter.EventEmitter)();
-  var eventStore = (0, _eventStore.EventStore)();
-  var debouncedResize = (0, _utils.debounce)(resize, 500);
-  var reInit = reActivate;
-  var on = events.on,
-      off = events.off;
-  var engine;
-  var activated = false;
-  var options = Object.assign({}, _options4.defaultOptions);
-  var rootElementSize = 0;
-  var container;
-  var slides;
-  activate(userOptions);
-
-  function storeElements() {
-    if (!sliderRoot) throw new Error('Missing root node 😢');
-    var selector = options.containerSelector;
-    var sliderContainer = sliderRoot.querySelector(selector);
-    if (!sliderContainer) throw new Error('Missing container node 😢');
-    container = sliderContainer;
-    slides = (0, _utils.arrayFromCollection)(container.children);
-  }
-
-  function activate(partialOptions) {
-    if (partialOptions === void 0) {
-      partialOptions = {};
+function Carousel(sliderRoot, param1) {
+    var userOptions = param1 === void 0 ? {
+    } : param1;
+    var events = (0, _eventEmitter).EventEmitter();
+    var eventStore = (0, _eventStore).EventStore();
+    var debouncedResize = (0, _utils).debounce(resize, 500);
+    var reInit = reActivate;
+    var on = events.on, off = events.off;
+    var engine;
+    var activated = false;
+    var options = Object.assign({
+    }, _options.defaultOptions);
+    var rootElementSize = 0;
+    var container;
+    var slides;
+    activate(userOptions);
+    function storeElements() {
+        if (!sliderRoot) throw new Error('Missing root node 😢');
+        var selector = options.containerSelector;
+        var sliderContainer = sliderRoot.querySelector(selector);
+        if (!sliderContainer) throw new Error('Missing container node 😢');
+        container = sliderContainer;
+        slides = (0, _utils).arrayFromCollection(container.children);
     }
-
-    storeElements();
-    options = Object.assign(options, partialOptions);
-    engine = (0, _engine2.Engine)(sliderRoot, container, slides, options, events);
-    var _engine = engine,
-        axis = _engine.axis,
-        scrollBody = _engine.scrollBody,
-        translate = _engine.translate,
-        dragHandler = _engine.dragHandler,
-        slideLooper = _engine.slideLooper;
-    var _options = options,
-        loop = _options.loop,
-        draggable = _options.draggable,
-        draggableClass = _options.draggableClass,
-        selectedClass = _options.selectedClass,
-        draggingClass = _options.draggingClass;
-    rootElementSize = axis.measure(sliderRoot);
-    eventStore.add(window, 'resize', debouncedResize);
-    translate.to(scrollBody.location);
-    slides.forEach(slideFocusEvent);
-    dragHandler.addActivationEvents();
-
-    if (loop) {
-      if (!slideLooper.canLoop()) return reActivate({
-        loop: false
-      });
-      slideLooper.loop(slides);
+    function activate(param) {
+        var partialOptions = param === void 0 ? {
+        } : param;
+        storeElements();
+        options = Object.assign(options, partialOptions);
+        engine = (0, _engine).Engine(sliderRoot, container, slides, options, events);
+        var axis = engine.axis, scrollBody = engine.scrollBody, translate = engine.translate, dragHandler = engine.dragHandler, slideLooper = engine.slideLooper;
+        var loop = options.loop, draggable = options.draggable, draggableClass = options.draggableClass, selectedClass = options.selectedClass, draggingClass = options.draggingClass;
+        rootElementSize = axis.measure(sliderRoot);
+        eventStore.add(window, 'resize', debouncedResize);
+        translate.to(scrollBody.location);
+        slides.forEach(slideFocusEvent);
+        dragHandler.addActivationEvents();
+        if (loop) {
+            if (!slideLooper.canLoop()) return reActivate({
+                loop: false
+            });
+            slideLooper.loop(slides);
+        }
+        if (draggable && slides.length) {
+            if (draggableClass) {
+                (0, _utils).addClass(sliderRoot, draggableClass);
+            }
+            if (draggingClass) {
+                events.on('pointerDown', toggleDraggingClass);
+                events.on('pointerUp', toggleDraggingClass);
+            }
+        } else {
+            events.on('pointerDown', dragHandler.removeInteractionEvents);
+        }
+        if (selectedClass) {
+            toggleSelectedClass();
+            events.on('select', toggleSelectedClass);
+            events.on('pointerUp', toggleSelectedClass);
+        }
+        if (!activated) {
+            setTimeout(function() {
+                return events.emit('init');
+            }, 0);
+            activated = true;
+        }
     }
-
-    if (draggable && slides.length) {
-      if (draggableClass) {
-        (0, _utils.addClass)(sliderRoot, draggableClass);
-      }
-
-      if (draggingClass) {
-        events.on('pointerDown', toggleDraggingClass);
-        events.on('pointerUp', toggleDraggingClass);
-      }
-    } else {
-      events.on('pointerDown', dragHandler.removeInteractionEvents);
+    function toggleDraggingClass(evt) {
+        var draggingClass = options.draggingClass;
+        if (evt === 'pointerDown') (0, _utils).addClass(sliderRoot, draggingClass);
+        else (0, _utils).removeClass(sliderRoot, draggingClass);
     }
-
-    if (selectedClass) {
-      toggleSelectedClass();
-      events.on('select', toggleSelectedClass);
-      events.on('pointerUp', toggleSelectedClass);
+    function toggleSelectedClass() {
+        var selectedClass = options.selectedClass;
+        var inView = slidesInView(true);
+        var notInView = slidesNotInView(true);
+        notInView.forEach(function(i) {
+            return (0, _utils).removeClass(slides[i], selectedClass);
+        });
+        inView.forEach(function(i) {
+            return (0, _utils).addClass(slides[i], selectedClass);
+        });
     }
-
-    if (!activated) {
-      setTimeout(function () {
-        return events.emit('init');
-      }, 0);
-      activated = true;
+    function slideFocusEvent(slide, index) {
+        var focus = function() {
+            var groupIndex = Math.floor(index / options.slidesToScroll);
+            var selectedGroup = index ? groupIndex : index;
+            sliderRoot.scrollLeft = 0;
+            scrollTo(selectedGroup);
+        };
+        eventStore.add(slide, 'focus', focus, true);
     }
-  }
-
-  function toggleDraggingClass(evt) {
-    var _options2 = options,
-        draggingClass = _options2.draggingClass;
-    if (evt === 'pointerDown') (0, _utils.addClass)(sliderRoot, draggingClass);else (0, _utils.removeClass)(sliderRoot, draggingClass);
-  }
-
-  function toggleSelectedClass() {
-    var _options3 = options,
-        selectedClass = _options3.selectedClass;
-    var inView = slidesInView(true);
-    var notInView = slidesNotInView(true);
-    notInView.forEach(function (i) {
-      return (0, _utils.removeClass)(slides[i], selectedClass);
-    });
-    inView.forEach(function (i) {
-      return (0, _utils.addClass)(slides[i], selectedClass);
-    });
-  }
-
-  function slideFocusEvent(slide, index) {
-    var focus = function focus() {
-      var groupIndex = Math.floor(index / options.slidesToScroll);
-      var selectedGroup = index ? groupIndex : index;
-      sliderRoot.scrollLeft = 0;
-      scrollTo(selectedGroup);
-    };
-
-    eventStore.add(slide, 'focus', focus, true);
-  }
-
-  function reActivate(partialOptions) {
-    if (partialOptions === void 0) {
-      partialOptions = {};
+    function reActivate(param) {
+        var partialOptions = param === void 0 ? {
+        } : param;
+        var startIndex = selectedScrollSnap();
+        var newOptions = Object.assign({
+            startIndex: startIndex
+        }, partialOptions);
+        deActivate();
+        activate(newOptions);
+        events.emit('reInit');
+    }
+    function deActivate() {
+        engine.dragHandler.removeActivationEvents();
+        engine.dragHandler.removeInteractionEvents();
+        engine.animation.stop();
+        eventStore.removeAll();
+        engine.translate.clear();
+        engine.slideLooper.clear(slides);
+        (0, _utils).removeClass(sliderRoot, options.draggableClass);
+        slides.forEach(function(s) {
+            return (0, _utils).removeClass(s, options.selectedClass);
+        });
+        events.off('select', toggleSelectedClass);
+        events.off('pointerUp', toggleSelectedClass);
+        events.off('pointerDown', toggleDraggingClass);
+        events.off('pointerUp', toggleDraggingClass);
+    }
+    function destroy() {
+        if (!activated) return;
+        deActivate();
+        activated = false;
+        engine = {
+        };
+        events.emit('destroy');
+    }
+    function resize() {
+        var newRootElementSize = engine.axis.measure(sliderRoot);
+        if (rootElementSize !== newRootElementSize) reActivate();
+        events.emit('resize');
+    }
+    function slidesInView(param) {
+        var target = param === void 0 ? false : param;
+        var location = engine[target ? 'target' : 'location'].get();
+        var type = options.loop ? 'removeOffset' : 'constrain';
+        return engine.slidesInView.check(engine.limit[type](location));
+    }
+    function slidesNotInView(param) {
+        var target = param === void 0 ? false : param;
+        var inView = slidesInView(target);
+        return engine.snapIndexes.filter(function(i) {
+            return inView.indexOf(i) === -1;
+        });
+    }
+    function scrollTo(index) {
+        engine.scrollBody.useDefaultMass().useDefaultSpeed();
+        engine.scrollTo.index(index, 0);
+    }
+    function scrollNext() {
+        var next = engine.index.clone().add(1);
+        engine.scrollBody.useDefaultMass().useDefaultSpeed();
+        engine.scrollTo.index(next.get(), -1);
+    }
+    function scrollPrev() {
+        var prev = engine.index.clone().add(-1);
+        engine.scrollBody.useDefaultMass().useDefaultSpeed();
+        engine.scrollTo.index(prev.get(), 1);
     }
-
-    var startIndex = selectedScrollSnap();
-    var newOptions = Object.assign({
-      startIndex: startIndex
-    }, partialOptions);
-    deActivate();
-    activate(newOptions);
-    events.emit('reInit');
-  }
-
-  function deActivate() {
-    engine.dragHandler.removeActivationEvents();
-    engine.dragHandler.removeInteractionEvents();
-    engine.animation.stop();
-    eventStore.removeAll();
-    engine.translate.clear();
-    engine.slideLooper.clear(slides);
-    (0, _utils.removeClass)(sliderRoot, options.draggableClass);
-    slides.forEach(function (s) {
-      return (0, _utils.removeClass)(s, options.selectedClass);
-    });
-    events.off('select', toggleSelectedClass);
-    events.off('pointerUp', toggleSelectedClass);
-    events.off('pointerDown', toggleDraggingClass);
-    events.off('pointerUp', toggleDraggingClass);
-  }
-
-  function destroy() {
-    if (!activated) return;
-    deActivate();
-    activated = false;
-    engine = {};
-    events.emit('destroy');
-  }
-
-  function resize() {
-    var newRootElementSize = engine.axis.measure(sliderRoot);
-    if (rootElementSize !== newRootElementSize) reActivate();
-    events.emit('resize');
-  }
-
-  function slidesInView(target) {
-    if (target === void 0) {
-      target = false;
+    function canScrollNext() {
+        var next = engine.index.clone().add(1);
+        return next.get() !== selectedScrollSnap();
     }
-
-    var location = engine[target ? 'target' : 'location'].get();
-    var type = options.loop ? 'removeOffset' : 'constrain';
-    return engine.slidesInView.check(engine.limit[type](location));
-  }
-
-  function slidesNotInView(target) {
-    if (target === void 0) {
-      target = false;
+    function canScrollPrev() {
+        var prev = engine.index.clone().add(-1);
+        return prev.get() !== selectedScrollSnap();
     }
-
-    var inView = slidesInView(target);
-    return engine.snapIndexes.filter(function (i) {
-      return inView.indexOf(i) === -1;
-    });
-  }
-
-  function scrollTo(index) {
-    engine.scrollBody.useDefaultMass().useDefaultSpeed();
-    engine.scrollTo.index(index, 0);
-  }
-
-  function scrollNext() {
-    var next = engine.index.clone().add(1);
-    engine.scrollBody.useDefaultMass().useDefaultSpeed();
-    engine.scrollTo.index(next.get(), -1);
-  }
-
-  function scrollPrev() {
-    var prev = engine.index.clone().add(-1);
-    engine.scrollBody.useDefaultMass().useDefaultSpeed();
-    engine.scrollTo.index(prev.get(), 1);
-  }
-
-  function canScrollNext() {
-    var next = engine.index.clone().add(1);
-    return next.get() !== selectedScrollSnap();
-  }
-
-  function canScrollPrev() {
-    var prev = engine.index.clone().add(-1);
-    return prev.get() !== selectedScrollSnap();
-  }
-
-  var scrollSnapList = function scrollSnapList() {
-    return engine.scrollSnaps.map(engine.scrollProgress.get);
-  };
-
-  var scrollProgress = function scrollProgress() {
-    return engine.scrollProgress.get(engine.location.get());
-  };
-
-  var selectedScrollSnap = function selectedScrollSnap() {
-    return engine.index.get();
-  };
-
-  var previousScrollSnap = function previousScrollSnap() {
-    return engine.indexPrevious.get();
-  };
-
-  var clickAllowed = function clickAllowed() {
-    return engine.dragHandler.clickAllowed();
-  };
-
-  var dangerouslyGetEngine = function dangerouslyGetEngine() {
-    return engine;
-  };
-
-  var containerNode = function containerNode() {
-    return container;
-  };
-
-  var slideNodes = function slideNodes() {
-    return slides;
-  };
-
-  return {
-    canScrollNext: canScrollNext,
-    canScrollPrev: canScrollPrev,
-    clickAllowed: clickAllowed,
-    containerNode: containerNode,
-    dangerouslyGetEngine: dangerouslyGetEngine,
-    destroy: destroy,
-    off: off,
-    on: on,
-    previousScrollSnap: previousScrollSnap,
-    reInit: reInit,
-    scrollNext: scrollNext,
-    scrollPrev: scrollPrev,
-    scrollProgress: scrollProgress,
-    scrollSnapList: scrollSnapList,
-    scrollTo: scrollTo,
-    selectedScrollSnap: selectedScrollSnap,
-    slideNodes: slideNodes,
-    slidesInView: slidesInView,
-    slidesNotInView: slidesNotInView
-  };
+    var scrollSnapList = function() {
+        return engine.scrollSnaps.map(engine.scrollProgress.get);
+    };
+    var scrollProgress = function() {
+        return engine.scrollProgress.get(engine.location.get());
+    };
+    var selectedScrollSnap = function() {
+        return engine.index.get();
+    };
+    var previousScrollSnap = function() {
+        return engine.indexPrevious.get();
+    };
+    var clickAllowed = function() {
+        return engine.dragHandler.clickAllowed();
+    };
+    var dangerouslyGetEngine = function() {
+        return engine;
+    };
+    var containerNode = function() {
+        return container;
+    };
+    var slideNodes = function() {
+        return slides;
+    };
+    return {
+        canScrollNext: canScrollNext,
+        canScrollPrev: canScrollPrev,
+        clickAllowed: clickAllowed,
+        containerNode: containerNode,
+        dangerouslyGetEngine: dangerouslyGetEngine,
+        destroy: destroy,
+        off: off,
+        on: on,
+        previousScrollSnap: previousScrollSnap,
+        reInit: reInit,
+        scrollNext: scrollNext,
+        scrollPrev: scrollPrev,
+        scrollProgress: scrollProgress,
+        scrollSnapList: scrollSnapList,
+        scrollTo: scrollTo,
+        selectedScrollSnap: selectedScrollSnap,
+        slideNodes: slideNodes,
+        slidesInView: slidesInView,
+        slidesNotInView: slidesNotInView
+    };
 }
-
 var _default = Carousel;
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map
+exports.default = _default;

package/dist/cjs/hooks/useCarousel/helpers/alignment.js

@@ -1,41 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.Alignment = Alignment;
-
 function Alignment(params) {
-  var viewSize = params.viewSize,
-      align = params.align;
-
-  var start = function start() {
-    return 0;
-  };
-
-  var center = function center(n) {
-    return (viewSize - n) / 2;
-  };
-
-  var end = function end(n) {
-    return viewSize - n;
-  };
-
-  var percent = function percent() {
-    return viewSize * Number(align);
-  };
-
-  var predefined = {
-    start: start,
-    center: center,
-    end: end
-  };
-
-  var measure = function measure(n) {
-    if (typeof align === 'number') return percent();
-    return predefined[align](n);
-  };
-
-  return {
-    measure: measure
-  };
+    var viewSize = params.viewSize, align = params.align;
+    var start = function() {
+        return 0;
+    };
+    var center = function(n) {
+        return (viewSize - n) / 2;
+    };
+    var end = function(n) {
+        return viewSize - n;
+    };
+    var percent = function() {
+        return viewSize * Number(align);
+    };
+    var predefined = {
+        start: start,
+        center: center,
+        end: end
+    };
+    var measure = function(n) {
+        if (typeof align === 'number') return percent();
+        return predefined[align](n);
+    };
+    return {
+        measure: measure
+    };
 }
-//# sourceMappingURL=alignment.js.map

package/dist/cjs/hooks/useCarousel/helpers/animation.js

@@ -1,32 +1,26 @@
-"use strict";
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.Animation = Animation;
-
 function Animation(callback) {
-  var run = requestAnimationFrame.bind(window);
-  var end = cancelAnimationFrame.bind(window);
-  var animationFrame = 0;
-
-  var ifAnimating = function ifAnimating(active, cb) {
-    return function () {
-      if (active === !!animationFrame) cb();
+    var run = requestAnimationFrame.bind(window);
+    var end = cancelAnimationFrame.bind(window);
+    var animationFrame = 0;
+    var ifAnimating = function(active, cb) {
+        return function() {
+            if (active === !!animationFrame) cb();
+        };
+    };
+    var start = function() {
+        animationFrame = run(callback);
+    };
+    var stop = function() {
+        end(animationFrame);
+        animationFrame = 0;
+    };
+    return {
+        proceed: ifAnimating(true, start),
+        start: ifAnimating(false, start),
+        stop: ifAnimating(true, stop)
     };
-  };
-
-  var start = function start() {
-    animationFrame = run(callback);
-  };
-
-  var stop = function stop() {
-    end(animationFrame);
-    animationFrame = 0;
-  };
-
-  return {
-    proceed: ifAnimating(true, start),
-    start: ifAnimating(false, start),
-    stop: ifAnimating(true, stop)
-  };
 }
-//# sourceMappingURL=animation.js.map

package/dist/cjs/hooks/useCarousel/helpers/axis.js

@@ -1,24 +1,17 @@
-"use strict";
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.Axis = Axis;
-
 function Axis(axis) {
-  var scroll = axis === 'y' ? 'y' : 'x';
-  var cross = axis === 'y' ? 'x' : 'y';
-
-  var measure = function measure(node) {
-    var _node$getBoundingClie = node.getBoundingClientRect(),
-        width = _node$getBoundingClie.width,
-        height = _node$getBoundingClie.height;
-
-    return scroll === 'x' ? width : height;
-  };
-
-  return {
-    cross: cross,
-    measure: measure,
-    scroll: scroll
-  };
+    var scroll = axis === 'y' ? 'y' : 'x';
+    var cross = axis === 'y' ? 'x' : 'y';
+    var measure = function(node) {
+        var ref = node.getBoundingClientRect(), width = ref.width, height = ref.height;
+        return scroll === 'x' ? width : height;
+    };
+    return {
+        cross: cross,
+        measure: measure,
+        scroll: scroll
+    };
 }
-//# sourceMappingURL=axis.js.map