@egjs/flicking 4.6.3 → 4.7.2

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.3
+version: 4.7.2
 */
 (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.3
         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.3
         }, _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.3
         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.3
           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) {
@@ -5400,7 +5401,7 @@ version: 4.6.3
         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) {
@@ -6724,52 +6725,54 @@ version: 4.6.3
             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
 
@@ -6787,6 +6790,7 @@ version: 4.6.3
         _this._panelsPerView = panelsPerView;
         _this._noPanelStyleOverride = noPanelStyleOverride;
         _this._resizeOnContentsReady = resizeOnContentsReady;
+        _this._nested = nested;
         _this._virtual = virtual;
         _this._needPanelThreshold = needPanelThreshold;
         _this._preventEventsBeforeInit = preventEventsBeforeInit;
@@ -7260,6 +7264,24 @@ version: 4.6.3
         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
 
@@ -8496,7 +8518,7 @@ version: 4.6.3
        */
 
 
-      Flicking.VERSION = "4.6.3";
+      Flicking.VERSION = "4.7.2";
       return Flicking;
     }(Component);