@egjs/flicking 4.11.5-beta.1 → 4.11.5-beta.3

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.11.5-beta.1
+version: 4.11.5-beta.3
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@egjs/component'), require('@egjs/axes'), require('@egjs/imready')) :
@@ -12,7 +12,7 @@ version: 4.11.5-beta.1
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Flicking = factory(global.eg.Component, global.eg.Axes, global.eg.ImReady));
 })(this, (function (Component, Axes, ImReady) { 'use strict';
 
-    /******************************************************************************
+    /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -26,7 +26,7 @@ version: 4.11.5-beta.1
     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 @@ version: 4.11.5-beta.1
       }
       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 @@ version: 4.11.5-beta.1
       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.
@@ -955,10 +951,6 @@ version: 4.11.5-beta.1
       return Viewport;
     }();
 
-    /**
-     * A component that detects size change and trigger resize method when the autoResize option is used
-     * @ko autoResize 옵션을 사용할 때 크기 변화를 감지하고 Flicking의 resize를 호출하는 컴포넌트
-     */
     var AutoResizer = /*#__PURE__*/function () {
       function AutoResizer(flicking) {
         var _this = this;
@@ -1021,13 +1013,9 @@ version: 4.11.5-beta.1
         }
         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.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);
         }
@@ -1046,12 +1034,6 @@ version: 4.11.5-beta.1
         this._enabled = false;
         return this;
       };
-      __proto.observe = function (element) {
-        if (this._resizeObserver) {
-          this._resizeObserver.observe(element);
-        }
-        return this;
-      };
       return AutoResizer;
     }();
 
@@ -3793,6 +3775,7 @@ version: 4.11.5-beta.1
         var _this = this;
         var _b = (_a === void 0 ? {} : _a).align,
           align = _b === void 0 ? ALIGN.CENTER : _b;
+        this._lookedOffset = 0;
         this._checkTranslateSupport = function () {
           var e_1, _a;
           var transforms = ["webkitTransform", "msTransform", "MozTransform", "OTransform", "transform"];
@@ -4152,6 +4135,8 @@ version: 4.11.5-beta.1
        */
       __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;
@@ -4159,10 +4144,15 @@ version: 4.11.5-beta.1
         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();
         }
@@ -4421,6 +4411,7 @@ version: 4.11.5-beta.1
       };
       __proto._resetInternalValues = function () {
         this._position = 0;
+        this._lookedOffset = 0;
         this._alignPos = 0;
         this._offset = 0;
         this._circularOffset = 0;
@@ -4859,11 +4850,6 @@ version: 4.11.5-beta.1
         var activePanel = control.activePanel;
         // Update camera & control
         this._updateCameraAndControl();
-        if (flicking.autoResize && flicking.useResizeObserver) {
-          panelsAdded.forEach(function (panel) {
-            flicking.autoResizer.observe(panel.element);
-          });
-        }
         void this.render();
         if (!flicking.animating) {
           if (!activePanel || activePanel.removed) {
@@ -6279,19 +6265,6 @@ version: 4.11.5-beta.1
         enumerable: false,
         configurable: true
       });
-      Object.defineProperty(__proto, "autoResizer", {
-        /**
-         * {@link AutoResizer} instance of the Flicking
-         * @ko 현재 Flicking에 활성화된 {@link AutoResizer} 인스턴스
-         * @internal
-         * @readonly
-         */
-        get: function () {
-          return this._autoResizer;
-        },
-        enumerable: false,
-        configurable: true
-      });
       Object.defineProperty(__proto, "initialized", {
         // Internal States
         /**
@@ -7144,9 +7117,6 @@ version: 4.11.5-beta.1
         // OTHERS
         set: function (val) {
           this._autoResize = val;
-          if (!this._initialized) {
-            return;
-          }
           if (val) {
             this._autoResizer.enable();
           } else {
@@ -7169,7 +7139,7 @@ version: 4.11.5-beta.1
         },
         set: function (val) {
           this._useResizeObserver = val;
-          if (this._initialized && this._autoResize) {
+          if (this._autoResize) {
             this._autoResizer.enable();
           }
         },
@@ -7966,7 +7936,7 @@ version: 4.11.5-beta.1
        * Flicking.VERSION;  // ex) 4.0.0
        * ```
        */
-      Flicking.VERSION = "4.11.5-beta.1";
+      Flicking.VERSION = "4.11.5-beta.3";
       return Flicking;
     }(Component);