@egjs/flicking 4.10.0 → 4.10.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.10.0
+version: 4.10.2
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@egjs/component'), require('@egjs/axes'), require('@egjs/imready')) :
@@ -2252,10 +2252,10 @@ version: 4.10.0
       var __proto = AxesController.prototype;
       Object.defineProperty(__proto, "axes", {
         /**
-         * An {@link https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html Axes} instance
-         * @ko {@link https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html Axes}의 인스턴스
-         * @type {Axes}
-         * @see https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html
+         * An {@link https://naver.github.io/egjs-axes/docs/api/Axes Axes} instance
+         * @ko {@link https://naver.github.io/egjs-axes/docs/api/Axes Axes}의 인스턴스
+         * @type {Axes | null}
+         * @see https://naver.github.io/egjs-axes/docs/api/Axes
          * @readonly
          */
         get: function () {
@@ -2264,6 +2264,20 @@ version: 4.10.0
         enumerable: false,
         configurable: true
       });
+      Object.defineProperty(__proto, "panInput", {
+        /**
+         * An {@link https://naver.github.io/egjs-axes/docs/api/PanInput PanInput} instance
+         * @ko {@link https://naver.github.io/egjs-axes/docs/api/PanInput PanInput}의 인스턴스
+         * @type {PanInput | null}
+         * @see https://naver.github.io/egjs-axes/docs/api/PanInput
+         * @readonly
+         */
+        get: function () {
+          return this._panInput;
+        },
+        enumerable: false,
+        configurable: true
+      });
       Object.defineProperty(__proto, "stateMachine", {
         /**
          * @internal
@@ -2421,6 +2435,7 @@ version: 4.10.0
         });
         this._panInput = new Axes.PanInput(flicking.viewport.element, {
           inputType: flicking.inputType,
+          threshold: 1,
           iOSEdgeSwipeThreshold: flicking.iOSEdgeSwipeThreshold,
           scale: flicking.horizontal ? [-1, 0] : [0, -1],
           releaseOnScroll: true
@@ -2702,6 +2717,15 @@ version: 4.10.0
         }
       };
 
+      __proto.updateDirection = function () {
+        var flicking = getFlickingAttached(this._flicking);
+        var axes = this._axes;
+        var panInput = this._panInput;
+        axes.disconnect(panInput);
+        axes.connect(flicking.horizontal ? [POSITION_KEY, ""] : ["", POSITION_KEY], panInput);
+        panInput.options.scale = flicking.horizontal ? [-1, 0] : [0, -1];
+      };
+
       __proto._resetInternalValues = function () {
         this._flicking = null;
         this._axes = null;
@@ -3048,6 +3072,16 @@ version: 4.10.0
           }));
         }
       };
+      /**
+       * @internal
+       */
+
+
+      __proto.copy = function (control) {
+        this._flicking = control._flicking;
+        this._activePanel = control._activePanel;
+        this._controller = control._controller;
+      };
 
       __proto._triggerIndexChangeEvent = function (panel, position, axesEvent) {
         var _a;
@@ -4895,13 +4929,9 @@ version: 4.10.0
         this._updateMode();
 
         this._range = this._mode.getRange();
-
-        if (this._circularEnabled) {
-          panels.forEach(function (panel) {
-            return panel.updateCircularToggleDirection();
-          });
-        }
-
+        panels.forEach(function (panel) {
+          return panel.updateCircularToggleDirection();
+        });
         return this;
       };
       /**
@@ -5138,6 +5168,7 @@ version: 4.10.0
           this._circularEnabled = canSetCircularMode;
         } else {
           this._mode = flicking.bound ? new BoundCameraMode(flicking) : new LinearCameraMode(flicking);
+          this._circularEnabled = false;
         }
       };
 
@@ -6179,6 +6210,8 @@ version: 4.10.0
         // Options Setter
         set: function (val) {
           this._align = val;
+
+          this._updateAlignPos();
         },
         enumerable: false,
         configurable: true
@@ -6473,6 +6506,7 @@ version: 4.10.0
 
         if (!flicking.circularEnabled) {
           this._toggleDirection = DIRECTION.NONE;
+          this._togglePosition = 0;
           this._toggled = false;
           return this;
         }
@@ -7306,6 +7340,7 @@ version: 4.10.0
           this._align = val;
           this._renderer.align = val;
           this._camera.align = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -7338,6 +7373,10 @@ version: 4.10.0
         },
         set: function (val) {
           this._horizontal = val;
+
+          this._control.controller.updateDirection();
+
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -7354,6 +7393,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._circular = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -7390,6 +7430,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._bound = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -7406,6 +7447,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._adaptive = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -7422,6 +7464,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._panelsPerView = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -7440,6 +7483,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._noPanelStyleOverride = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -7458,6 +7502,10 @@ version: 4.10.0
         },
         set: function (val) {
           this._resizeOnContentsReady = val;
+
+          if (val) {
+            this._renderer.checkPanelContentsReady(this._renderer.panels);
+          }
         },
         enumerable: false,
         configurable: true
@@ -7476,6 +7524,11 @@ version: 4.10.0
         },
         set: function (val) {
           this._nested = val;
+          var axes = this._control.controller.axes;
+
+          if (axes) {
+            axes.options.nested = val;
+          }
         },
         enumerable: false,
         configurable: true
@@ -7530,6 +7583,11 @@ version: 4.10.0
         // ANIMATION
         set: function (val) {
           this._deceleration = val;
+          var axes = this._control.controller.axes;
+
+          if (axes) {
+            axes.options.deceleration = val;
+          }
         },
         enumerable: false,
         configurable: true
@@ -7547,6 +7605,11 @@ version: 4.10.0
         },
         set: function (val) {
           this._easing = val;
+          var axes = this._control.controller.axes;
+
+          if (axes) {
+            axes.options.easing = val;
+          }
         },
         enumerable: false,
         configurable: true
@@ -7584,6 +7647,11 @@ version: 4.10.0
         // INPUT
         set: function (val) {
           this._inputType = val;
+          var panInput = this._control.controller.panInput;
+
+          if (panInput) {
+            panInput.options.inputType = val;
+          }
         },
         enumerable: false,
         configurable: true
@@ -7624,6 +7692,18 @@ version: 4.10.0
         },
         set: function (val) {
           this._moveType = val;
+          var prevControl = this._control;
+
+          var newControl = this._createControl();
+
+          var activePanel = prevControl.activePanel;
+          newControl.copy(prevControl);
+          var prevProgressInPanel = activePanel ? this._camera.getProgressInPanel(activePanel) : 0;
+          this._control = newControl;
+
+          this._control.updatePosition(prevProgressInPanel);
+
+          this._control.updateInput();
         },
         enumerable: false,
         configurable: true
@@ -7656,6 +7736,11 @@ version: 4.10.0
         },
         set: function (val) {
           this._interruptable = val;
+          var axes = this._control.controller.axes;
+
+          if (axes) {
+            axes.options.interruptable = val;
+          }
         },
         enumerable: false,
         configurable: true
@@ -7697,6 +7782,8 @@ version: 4.10.0
         },
         set: function (val) {
           this._bounce = val;
+
+          this._control.updateInput();
         },
         enumerable: false,
         configurable: true
@@ -7713,6 +7800,11 @@ version: 4.10.0
         },
         set: function (val) {
           this._iOSEdgeSwipeThreshold = val;
+          var panInput = this._control.controller.panInput;
+
+          if (panInput) {
+            panInput.options.iOSEdgeSwipeThreshold = val;
+          }
         },
         enumerable: false,
         configurable: true
@@ -7792,6 +7884,7 @@ version: 4.10.0
         // PERFORMANCE
         set: function (val) {
           this._renderOnlyVisible = val;
+          void this._renderer.render();
         },
         enumerable: false,
         configurable: true
@@ -8801,7 +8894,7 @@ version: 4.10.0
        */
 
 
-      Flicking.VERSION = "4.10.0";
+      Flicking.VERSION = "4.10.2";
       return Flicking;
     }(Component);