@egjs/flicking 4.11.5-beta.0 → 4.11.5-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking",
-	"version": "4.11.5-beta.0",
+	"version": "4.11.5-beta.2",
 	"description": "Everyday 30 million people experience. It's reliable, flexible and extendable carousel.",
 	"main": "dist/flicking.cjs.js",
 	"module": "dist/flicking.esm.js",

package/src/Flicking.ts

@@ -218,7 +218,6 @@ class Flicking extends Component<FlickingEvents> {
    * @see Viewport
    */
   public get viewport() { return this._viewport; }
-  public get autoResizer() { return this._autoResizer; }
   // Internal States
   /**
    * Whether Flicking's {@link Flicking#init init()} is called.

package/src/camera/Camera.ts

@@ -32,6 +32,7 @@ class Camera {
   private _mode: CameraMode;
   private _el: HTMLElement;
   private _transform: string;
+  private _lookedOffset: number;
   private _position: number;
   private _alignPos: number;
   private _offset: number;
@@ -292,6 +293,8 @@ class Camera {
    * @return {this}
    */
   public lookAt(pos: number): void {
+    const prevOffset = this._offset;
+    const isChangedOffset = this._lookedOffset !== prevOffset;
     const flicking = getFlickingAttached(this._flicking);
     const prevPos = this._position;
 
@@ -301,10 +304,15 @@ class Camera {
     this._checkNeedPanel();
     this._checkReachEnd(prevPos, pos);
 
-    if (toggled) {
+    if (isChangedOffset || toggled) {
       void flicking.renderer.render().then(() => {
         this.updateOffset();
+        this._lookedOffset = this._offset;
       });
+    } else if (isChangedOffset) {
+      // sync offset for renderOnlyVisible on resize
+      this.updateOffset();
+      this._lookedOffset = this._offset;
     } else {
       this.applyTransform();
     }

package/src/core/AutoResizer.ts

@@ -36,11 +36,7 @@ class AutoResizer {
         ? new ResizeObserver(this._skipFirstResize)
         : new ResizeObserver(this._onResize);
 
-      [
-        flicking.viewport.element,
-        ...(flicking.camera.element ? [flicking.camera.element] : []),
-        ...flicking.panels.map(panel => panel.element),
-      ].forEach((element) => { resizeObserver.observe(element) });
+      resizeObserver.observe(flicking.viewport.element);
 
       this._resizeObserver = resizeObserver;
     } else {
@@ -72,6 +68,7 @@ class AutoResizer {
     const flicking = this._flicking;
     const resizeDebounce = flicking.resizeDebounce;
     const maxResizeDebounce = flicking.maxResizeDebounce;
+
     if (resizeDebounce <= 0) {
       void flicking.resize();
     } else {

package/src/renderer/Renderer.ts

@@ -335,10 +335,6 @@ abstract class Renderer {
     // Update camera & control
     this._updateCameraAndControl();
 
-    if (flicking.autoResize) {
-      flicking.autoResizer.enable();
-    }
-
     void this.render();
 
     if (!flicking.animating) {