@egjs/flicking 4.10.0 → 4.10.2

package/dist/flicking.pkgd.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() :
@@ -6456,10 +6456,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 () {
@@ -6468,6 +6468,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
@@ -6625,6 +6639,7 @@ version: 4.10.0
         });
         this._panInput = new PanInput(flicking.viewport.element, {
           inputType: flicking.inputType,
+          threshold: 1,
           iOSEdgeSwipeThreshold: flicking.iOSEdgeSwipeThreshold,
           scale: flicking.horizontal ? [-1, 0] : [0, -1],
           releaseOnScroll: true
@@ -6906,6 +6921,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;
@@ -7252,6 +7276,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;
@@ -9099,13 +9133,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;
       };
       /**
@@ -9342,6 +9372,7 @@ version: 4.10.0
           this._circularEnabled = canSetCircularMode;
         } else {
           this._mode = flicking.bound ? new BoundCameraMode(flicking) : new LinearCameraMode(flicking);
+          this._circularEnabled = false;
         }
       };
 
@@ -11400,6 +11431,8 @@ version: 4.10.0
         // Options Setter
         set: function (val) {
           this._align = val;
+
+          this._updateAlignPos();
         },
         enumerable: false,
         configurable: true
@@ -11694,6 +11727,7 @@ version: 4.10.0
 
         if (!flicking.circularEnabled) {
           this._toggleDirection = DIRECTION.NONE;
+          this._togglePosition = 0;
           this._toggled = false;
           return this;
         }
@@ -12527,6 +12561,7 @@ version: 4.10.0
           this._align = val;
           this._renderer.align = val;
           this._camera.align = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -12559,6 +12594,10 @@ version: 4.10.0
         },
         set: function (val) {
           this._horizontal = val;
+
+          this._control.controller.updateDirection();
+
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -12575,6 +12614,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._circular = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -12611,6 +12651,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._bound = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -12627,6 +12668,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._adaptive = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -12643,6 +12685,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._panelsPerView = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -12661,6 +12704,7 @@ version: 4.10.0
         },
         set: function (val) {
           this._noPanelStyleOverride = val;
+          void this.resize();
         },
         enumerable: false,
         configurable: true
@@ -12679,6 +12723,10 @@ version: 4.10.0
         },
         set: function (val) {
           this._resizeOnContentsReady = val;
+
+          if (val) {
+            this._renderer.checkPanelContentsReady(this._renderer.panels);
+          }
         },
         enumerable: false,
         configurable: true
@@ -12697,6 +12745,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
@@ -12751,6 +12804,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
@@ -12768,6 +12826,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
@@ -12805,6 +12868,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
@@ -12845,6 +12913,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
@@ -12877,6 +12957,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
@@ -12918,6 +13003,8 @@ version: 4.10.0
         },
         set: function (val) {
           this._bounce = val;
+
+          this._control.updateInput();
         },
         enumerable: false,
         configurable: true
@@ -12934,6 +13021,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
@@ -13013,6 +13105,7 @@ version: 4.10.0
         // PERFORMANCE
         set: function (val) {
           this._renderOnlyVisible = val;
+          void this._renderer.render();
         },
         enumerable: false,
         configurable: true
@@ -14022,7 +14115,7 @@ version: 4.10.0
        */
 
 
-      Flicking.VERSION = "4.10.0";
+      Flicking.VERSION = "4.10.2";
       return Flicking;
     }(Component);