@egjs/flicking 4.6.2 → 4.7.1

package/dist/flicking.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.6.2
+version: 4.7.1
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@egjs/component'), require('@egjs/axes'), require('@egjs/imready')) :
@@ -2306,7 +2306,7 @@ version: 4.6.2
         get: function () {
           var _a, _b;
 
-          return (_b = (_a = this._panInput) === null || _a === void 0 ? void 0 : _a.isEnable()) !== null && _b !== void 0 ? _b : false;
+          return (_b = (_a = this._panInput) === null || _a === void 0 ? void 0 : _a.isEnabled()) !== null && _b !== void 0 ? _b : false;
         },
         enumerable: false,
         configurable: true
@@ -2377,6 +2377,7 @@ version: 4.6.2
         }, _a), {
           deceleration: flicking.deceleration,
           interruptable: flicking.interruptable,
+          nested: flicking.nested,
           easing: flicking.easing
         });
         this._panInput = new Axes.PanInput(flicking.viewport.element, {
@@ -2473,7 +2474,7 @@ version: 4.6.2
         axis.circular = [controlParams.circular, controlParams.circular];
         axis.range = [controlParams.range.min, controlParams.range.max];
         axis.bounce = parseBounce(flicking.bounce, camera.size);
-        axes.axm.set((_a = {}, _a[POSITION_KEY] = controlParams.position, _a));
+        axes.axisManager.set((_a = {}, _a[POSITION_KEY] = controlParams.position, _a));
         return this;
       };
       /**
@@ -2589,7 +2590,7 @@ version: 4.6.2
           var camera = flicking.camera;
           animate();
           var newPos = flicking.circularEnabled ? circulatePosition(position, camera.range.min, camera.range.max) : position;
-          axes.axm.set((_a = {}, _a[POSITION_KEY] = newPos, _a));
+          axes.axisManager.set((_a = {}, _a[POSITION_KEY] = newPos, _a));
           return Promise.resolve();
         } else {
           return new Promise(function (resolve, reject) {
@@ -3614,6 +3615,7 @@ version: 4.6.2
         var lastAnchor = anchors[anchors.length - 1];
         var shouldBounceToFirst = position <= cameraRange.min && isBetween(firstAnchor.panel.index, indexRange.min, indexRange.max);
         var shouldBounceToLast = position >= cameraRange.max && isBetween(lastAnchor.panel.index, indexRange.min, indexRange.max);
+        var isAdjacent = adjacentAnchor && (indexRange.min <= indexRange.max ? isBetween(adjacentAnchor.index, indexRange.min, indexRange.max) : adjacentAnchor.index >= indexRange.min || adjacentAnchor.index <= indexRange.max);
 
         if (shouldBounceToFirst || shouldBounceToLast) {
           // In bounce area
@@ -3624,7 +3626,7 @@ version: 4.6.2
           // Move to anchor at position
           targetPanel = anchorAtPosition.panel;
           targetPos = anchorAtPosition.position;
-        } else if (isOverThreshold && adjacentAnchor && isBetween(adjacentAnchor.index, indexRange.min, indexRange.max)) {
+        } else if (isOverThreshold && isAdjacent) {
           // Move to adjacent anchor
           targetPanel = adjacentAnchor.panel;
           targetPos = adjacentAnchor.position;
@@ -3711,6 +3713,27 @@ version: 4.6.2
         }, null);
       };
 
+      __proto.findNearestAnchor = function (position) {
+        var anchors = this._flicking.camera.anchorPoints;
+        if (anchors.length <= 0) return null;
+        var prevDist = Infinity;
+
+        for (var anchorIdx = 0; anchorIdx < anchors.length; anchorIdx++) {
+          var anchor = anchors[anchorIdx];
+          var dist = Math.abs(anchor.position - position);
+
+          if (dist > prevDist) {
+            // Return previous anchor
+            return anchors[anchorIdx - 1];
+          }
+
+          prevDist = dist;
+        } // Return last anchor
+
+
+        return anchors[anchors.length - 1];
+      };
+
       __proto.clampToReachablePosition = function (position) {
         var camera = this._flicking.camera;
         var range = camera.range;
@@ -3840,6 +3863,28 @@ version: 4.6.2
         });
       };
 
+      __proto.findNearestAnchor = function (position) {
+        var camera = this._flicking.camera;
+        var anchors = camera.anchorPoints;
+        if (anchors.length <= 0) return null;
+        var camRange = camera.range;
+        var minDist = Infinity;
+        var minDistIndex = -1;
+
+        for (var anchorIdx = 0; anchorIdx < anchors.length; anchorIdx++) {
+          var anchor = anchors[anchorIdx];
+          var dist = Math.min(Math.abs(anchor.position - position), Math.abs(anchor.position - camRange.min + camRange.max - position), Math.abs(position - camRange.min + camRange.max - anchor.position));
+
+          if (dist < minDist) {
+            minDist = dist;
+            minDistIndex = anchorIdx;
+          }
+        } // Return last anchor
+
+
+        return anchors[minDistIndex];
+      };
+
       __proto.findAnchorIncludePosition = function (position) {
         var camera = this._flicking.camera;
         var range = camera.range;
@@ -4608,24 +4653,7 @@ version: 4.6.2
 
 
       __proto.findNearestAnchor = function (position) {
-        var anchors = this._anchors;
-        if (anchors.length <= 0) return null;
-        var prevDist = Infinity;
-
-        for (var anchorIdx = 0; anchorIdx < anchors.length; anchorIdx++) {
-          var anchor = anchors[anchorIdx];
-          var dist = Math.abs(anchor.position - position);
-
-          if (dist > prevDist) {
-            // Return previous anchor
-            return anchors[anchorIdx - 1];
-          }
-
-          prevDist = dist;
-        } // Return last anchor
-
-
-        return anchors[anchors.length - 1];
+        return this._mode.findNearestAnchor(position);
       };
       /**
        * Return {@link AnchorPoint} that matches {@link Flicking#currentPanel}
@@ -5373,7 +5401,7 @@ version: 4.6.2
         if (!resizeOnContentsReady || flicking.virtualEnabled) return;
 
         var hasContents = function (panel) {
-          return !!panel.element.querySelector("img, video");
+          return panel.element && !!panel.element.querySelector("img, video");
         };
 
         checkingPanels = checkingPanels.filter(function (panel) {
@@ -6697,52 +6725,54 @@ version: 4.6.2
             noPanelStyleOverride = _l === void 0 ? false : _l,
             _m = _b.resizeOnContentsReady,
             resizeOnContentsReady = _m === void 0 ? false : _m,
-            _o = _b.needPanelThreshold,
-            needPanelThreshold = _o === void 0 ? 0 : _o,
-            _p = _b.preventEventsBeforeInit,
-            preventEventsBeforeInit = _p === void 0 ? true : _p,
-            _q = _b.deceleration,
-            deceleration = _q === void 0 ? 0.0075 : _q,
-            _r = _b.duration,
-            duration = _r === void 0 ? 500 : _r,
-            _s = _b.easing,
-            easing = _s === void 0 ? function (x) {
+            _o = _b.nested,
+            nested = _o === void 0 ? false : _o,
+            _p = _b.needPanelThreshold,
+            needPanelThreshold = _p === void 0 ? 0 : _p,
+            _q = _b.preventEventsBeforeInit,
+            preventEventsBeforeInit = _q === void 0 ? true : _q,
+            _r = _b.deceleration,
+            deceleration = _r === void 0 ? 0.0075 : _r,
+            _s = _b.duration,
+            duration = _s === void 0 ? 500 : _s,
+            _t = _b.easing,
+            easing = _t === void 0 ? function (x) {
           return 1 - Math.pow(1 - x, 3);
-        } : _s,
-            _t = _b.inputType,
-            inputType = _t === void 0 ? ["mouse", "touch"] : _t,
-            _u = _b.moveType,
-            moveType = _u === void 0 ? "snap" : _u,
-            _v = _b.threshold,
-            threshold = _v === void 0 ? 40 : _v,
-            _w = _b.interruptable,
-            interruptable = _w === void 0 ? true : _w,
-            _x = _b.bounce,
-            bounce = _x === void 0 ? "20%" : _x,
-            _y = _b.iOSEdgeSwipeThreshold,
-            iOSEdgeSwipeThreshold = _y === void 0 ? 30 : _y,
-            _z = _b.preventClickOnDrag,
-            preventClickOnDrag = _z === void 0 ? true : _z,
-            _0 = _b.disableOnInit,
-            disableOnInit = _0 === void 0 ? false : _0,
-            _1 = _b.renderOnlyVisible,
-            renderOnlyVisible = _1 === void 0 ? false : _1,
-            _2 = _b.virtual,
-            virtual = _2 === void 0 ? null : _2,
-            _3 = _b.autoInit,
-            autoInit = _3 === void 0 ? true : _3,
-            _4 = _b.autoResize,
-            autoResize = _4 === void 0 ? true : _4,
-            _5 = _b.useResizeObserver,
-            useResizeObserver = _5 === void 0 ? true : _5,
-            _6 = _b.resizeDebounce,
-            resizeDebounce = _6 === void 0 ? 0 : _6,
-            _7 = _b.maxResizeDebounce,
-            maxResizeDebounce = _7 === void 0 ? 100 : _7,
-            _8 = _b.externalRenderer,
-            externalRenderer = _8 === void 0 ? null : _8,
-            _9 = _b.renderExternal,
-            renderExternal = _9 === void 0 ? null : _9;
+        } : _t,
+            _u = _b.inputType,
+            inputType = _u === void 0 ? ["mouse", "touch"] : _u,
+            _v = _b.moveType,
+            moveType = _v === void 0 ? "snap" : _v,
+            _w = _b.threshold,
+            threshold = _w === void 0 ? 40 : _w,
+            _x = _b.interruptable,
+            interruptable = _x === void 0 ? true : _x,
+            _y = _b.bounce,
+            bounce = _y === void 0 ? "20%" : _y,
+            _z = _b.iOSEdgeSwipeThreshold,
+            iOSEdgeSwipeThreshold = _z === void 0 ? 30 : _z,
+            _0 = _b.preventClickOnDrag,
+            preventClickOnDrag = _0 === void 0 ? true : _0,
+            _1 = _b.disableOnInit,
+            disableOnInit = _1 === void 0 ? false : _1,
+            _2 = _b.renderOnlyVisible,
+            renderOnlyVisible = _2 === void 0 ? false : _2,
+            _3 = _b.virtual,
+            virtual = _3 === void 0 ? null : _3,
+            _4 = _b.autoInit,
+            autoInit = _4 === void 0 ? true : _4,
+            _5 = _b.autoResize,
+            autoResize = _5 === void 0 ? true : _5,
+            _6 = _b.useResizeObserver,
+            useResizeObserver = _6 === void 0 ? true : _6,
+            _7 = _b.resizeDebounce,
+            resizeDebounce = _7 === void 0 ? 0 : _7,
+            _8 = _b.maxResizeDebounce,
+            maxResizeDebounce = _8 === void 0 ? 100 : _8,
+            _9 = _b.externalRenderer,
+            externalRenderer = _9 === void 0 ? null : _9,
+            _10 = _b.renderExternal,
+            renderExternal = _10 === void 0 ? null : _10;
 
         var _this = _super.call(this) || this; // Internal states
 
@@ -6760,6 +6790,7 @@ version: 4.6.2
         _this._panelsPerView = panelsPerView;
         _this._noPanelStyleOverride = noPanelStyleOverride;
         _this._resizeOnContentsReady = resizeOnContentsReady;
+        _this._nested = nested;
         _this._virtual = virtual;
         _this._needPanelThreshold = needPanelThreshold;
         _this._preventEventsBeforeInit = preventEventsBeforeInit;
@@ -7233,6 +7264,24 @@ version: 4.6.2
         enumerable: false,
         configurable: true
       });
+      Object.defineProperty(__proto, "nested", {
+        /**
+         * If you enable this option on child Flicking when the Flicking is placed inside the Flicking, the parent Flicking will move in the same direction after the child Flicking reaches the first/last panel.
+         * If the parent Flicking and child Flicking have different horizontal option, you do not need to set this option.
+         * @ko Flicking 내부에 Flicking이 배치될 때 하위 Flicking에서 이 옵션을 활성화하면 하위 Flicking이 첫/마지막 패널에 도달한 뒤부터 같은 방향으로 상위 Flicking이 움직입니다.
+         * 만약 상위 Flicking과 하위 Flicking이 서로 다른 horizontal 옵션을 가지고 있다면 이 옵션을 설정할 필요가 없습니다.
+         * @type {boolean}
+         * @default false
+         */
+        get: function () {
+          return this._nested;
+        },
+        set: function (val) {
+          this._nested = val;
+        },
+        enumerable: false,
+        configurable: true
+      });
       Object.defineProperty(__proto, "needPanelThreshold", {
         // EVENTS
 
@@ -8469,7 +8518,7 @@ version: 4.6.2
        */
 
 
-      Flicking.VERSION = "4.6.2";
+      Flicking.VERSION = "4.7.1";
       return Flicking;
     }(Component);