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

package/declaration/Flicking.d.ts

@@ -1,6 +1,5 @@
 import Component from "@egjs/component";
 import Viewport from "./core/Viewport";
-import AutoResizer from "./core/AutoResizer";
 import { Panel } from "./core/panel";
 import VirtualManager, { VirtualOptions } from "./core/VirtualManager";
 import { Control } from "./control";
@@ -123,7 +122,6 @@ declare class Flicking extends Component<FlickingEvents> {
     get camera(): Camera;
     get renderer(): Renderer;
     get viewport(): Viewport;
-    get autoResizer(): AutoResizer;
     get initialized(): boolean;
     get circularEnabled(): boolean;
     get virtualEnabled(): boolean;

package/declaration/camera/Camera.d.ts

@@ -12,6 +12,7 @@ declare class Camera {
     private _mode;
     private _el;
     private _transform;
+    private _lookedOffset;
     private _position;
     private _alignPos;
     private _offset;

package/dist/flicking.cjs.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.11.5-beta.0
+version: 4.11.5-beta.2
 */
 'use strict';
 
@@ -12,7 +12,7 @@ var Component = require('@egjs/component');
 var Axes = require('@egjs/axes');
 var ImReady = require('@egjs/imready');
 
-/******************************************************************************
+/*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -26,7 +26,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise */
 
 var extendStatics = function (d, b) {
   extendStatics = Object.setPrototypeOf || {
@@ -111,7 +111,7 @@ function __generator(thisArg, body) {
   }
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-    while (g && (g = 0, op[0] && (_ = 0)), _) try {
+    while (_) try {
       if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
       if (y = 0, t) op = [op[0] & 2, t.value];
       switch (op[0]) {
@@ -215,10 +215,6 @@ function __spread() {
   for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
   return ar;
 }
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
 
 /*
  * Copyright (c) 2015 NAVER Corp.
@@ -972,13 +968,9 @@ var AutoResizer = /*#__PURE__*/function () {
     }
     if (flicking.useResizeObserver && !!window.ResizeObserver) {
       var viewportSizeNot0 = viewport.width !== 0 || viewport.height !== 0;
-      var resizeObserver_1 = viewportSizeNot0 ? new ResizeObserver(this._skipFirstResize) : new ResizeObserver(this._onResize);
-      __spread([flicking.viewport.element], flicking.camera.element ? [flicking.camera.element] : [], flicking.panels.map(function (panel) {
-        return panel.element;
-      })).forEach(function (element) {
-        resizeObserver_1.observe(element);
-      });
-      this._resizeObserver = resizeObserver_1;
+      var resizeObserver = viewportSizeNot0 ? new ResizeObserver(this._skipFirstResize) : new ResizeObserver(this._onResize);
+      resizeObserver.observe(flicking.viewport.element);
+      this._resizeObserver = resizeObserver;
     } else {
       window.addEventListener("resize", this._onResize);
     }
@@ -4076,6 +4068,8 @@ var Camera = /*#__PURE__*/function () {
    */
   __proto.lookAt = function (pos) {
     var _this = this;
+    var prevOffset = this._offset;
+    var isChangedOffset = this._lookedOffset !== prevOffset;
     var flicking = getFlickingAttached(this._flicking);
     var prevPos = this._position;
     this._position = pos;
@@ -4083,10 +4077,15 @@ var Camera = /*#__PURE__*/function () {
     this._refreshVisiblePanels();
     this._checkNeedPanel();
     this._checkReachEnd(prevPos, pos);
-    if (toggled) {
+    if (isChangedOffset || toggled) {
       void flicking.renderer.render().then(function () {
         _this.updateOffset();
+        _this._lookedOffset = _this._offset;
       });
+    } else if (isChangedOffset) {
+      // sync offset for renderOnlyVisible on resize
+      this.updateOffset();
+      this._lookedOffset = this._offset;
     } else {
       this.applyTransform();
     }
@@ -4770,9 +4769,6 @@ var Renderer = /*#__PURE__*/function () {
     var activePanel = control.activePanel;
     // Update camera & control
     this._updateCameraAndControl();
-    if (flicking.autoResize) {
-      flicking.autoResizer.enable();
-    }
     void this.render();
     if (!flicking.animating) {
       if (!activePanel || activePanel.removed) {
@@ -6174,13 +6170,6 @@ var Flicking = /*#__PURE__*/function (_super) {
     enumerable: false,
     configurable: true
   });
-  Object.defineProperty(__proto, "autoResizer", {
-    get: function () {
-      return this._autoResizer;
-    },
-    enumerable: false,
-    configurable: true
-  });
   Object.defineProperty(__proto, "initialized", {
     // Internal States
     /**
@@ -7852,7 +7841,7 @@ var Flicking = /*#__PURE__*/function (_super) {
    * Flicking.VERSION;  // ex) 4.0.0
    * ```
    */
-  Flicking.VERSION = "4.11.5-beta.0";
+  Flicking.VERSION = "4.11.5-beta.2";
   return Flicking;
 }(Component);