@egjs/flicking 4.10.5 → 4.10.6

package/declaration/renderer/Renderer.d.ts

@@ -54,5 +54,6 @@ declare abstract class Renderer {
     protected _removeAllChildsFromCamera(): void;
     protected _insertPanelElements(panels: Panel[], nextSibling?: Panel | null): void;
     protected _removePanelElements(panels: Panel[]): void;
+    protected _afterRender(): void;
 }
 export default Renderer;

package/dist/flicking.esm.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.10.5
+version: 4.10.6
 */
 import Component, { ComponentEvent } from '@egjs/component';
 import Axes, { PanInput } from '@egjs/axes';
@@ -2593,11 +2593,9 @@ function () {
 
 
   __proto.animateTo = function (position, duration, axesEvent) {
-    var _a;
-
     var _this = this;
 
-    var _b;
+    var _a;
 
     var axes = this._axes;
     var state = this._stateMachine.state;
@@ -2613,7 +2611,7 @@ function () {
       flicking.camera.lookAt(position);
 
       if (state.targetPanel) {
-        flicking.control.setActive(state.targetPanel, flicking.control.activePanel, (_b = axesEvent === null || axesEvent === void 0 ? void 0 : axesEvent.isTrusted) !== null && _b !== void 0 ? _b : false);
+        flicking.control.setActive(state.targetPanel, flicking.control.activePanel, (_a = axesEvent === null || axesEvent === void 0 ? void 0 : axesEvent.isTrusted) !== null && _a !== void 0 ? _a : false);
       }
 
       return Promise.resolve();
@@ -2645,30 +2643,21 @@ function () {
       }
     };
 
-    if (duration === 0) {
-      var flicking = getFlickingAttached(this._flicking);
-      var camera = flicking.camera;
-      animate();
-      var newPos = flicking.circularEnabled ? circulatePosition(position, camera.range.min, camera.range.max) : position;
-      axes.axisManager.set((_a = {}, _a[POSITION_KEY] = newPos, _a));
-      return Promise.resolve();
-    } else {
-      return new Promise(function (resolve, reject) {
-        var animationFinishHandler = function () {
-          axes.off(EVENT.HOLD, interruptionHandler);
-          resolve();
-        };
+    return new Promise(function (resolve, reject) {
+      var animationFinishHandler = function () {
+        axes.off(EVENT.HOLD, interruptionHandler);
+        resolve();
+      };
 
-        var interruptionHandler = function () {
-          axes.off(EVENT.FINISH, animationFinishHandler);
-          reject(new FlickingError(MESSAGE.ANIMATION_INTERRUPTED, CODE.ANIMATION_INTERRUPTED));
-        };
+      var interruptionHandler = function () {
+        axes.off(EVENT.FINISH, animationFinishHandler);
+        reject(new FlickingError(MESSAGE.ANIMATION_INTERRUPTED, CODE.ANIMATION_INTERRUPTED));
+      };
 
-        axes.once(EVENT.FINISH, animationFinishHandler);
-        axes.once(EVENT.HOLD, interruptionHandler);
-        animate();
-      });
-    }
+      axes.once(EVENT.FINISH, animationFinishHandler);
+      axes.once(EVENT.HOLD, interruptionHandler);
+      animate();
+    });
   };
 
   __proto.updateDirection = function () {
@@ -4972,7 +4961,7 @@ function () {
     var el = this._el;
     var flicking = getFlickingAttached(this._flicking);
     var renderer = flicking.renderer;
-    if (renderer.rendering) return this;
+    if (renderer.rendering || !flicking.initialized) return this;
     var actualPosition = this._position - this._alignPos - this._offset + this._circularOffset;
     el.style[this._transform] = flicking.horizontal ? "translate(" + -actualPosition + "px)" : "translate(0, " + -actualPosition + "px)";
     return this;
@@ -5683,6 +5672,11 @@ function () {
     });
   };
 
+  __proto._afterRender = function () {
+    var flicking = getFlickingAttached(this._flicking);
+    flicking.camera.applyTransform();
+  };
+
   return Renderer;
 }();
 
@@ -5713,6 +5707,8 @@ function (_super) {
 
         this._resetPanelElementOrder();
 
+        this._afterRender();
+
         return [2
         /*return*/
         ];
@@ -8057,14 +8053,13 @@ function (_super) {
     }
 
     renderer.checkPanelContentsReady(renderer.panels);
+    this._initialized = true;
     return renderer.render().then(function () {
       // Done initializing & emit ready event
       _this._plugins.forEach(function (plugin) {
         return plugin.init(_this);
       });
 
-      _this._initialized = true;
-
       if (preventEventsBeforeInit) {
         _this.trigger = originalTrigger;
       }
@@ -8839,7 +8834,7 @@ function (_super) {
    */
 
 
-  Flicking.VERSION = "4.10.5";
+  Flicking.VERSION = "4.10.6";
   return Flicking;
 }(Component);