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

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.11.5-beta.1
+version: 4.11.5-beta.3
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -12,7 +12,7 @@ version: 4.11.5-beta.1
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Flicking = factory());
 })(this, (function () { '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$3 = function (d, b) {
       extendStatics$3 = 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$1(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) NAVER Corp.
@@ -1362,10 +1358,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;
@@ -1428,13 +1420,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$1([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);
         }
@@ -1453,12 +1441,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;
     }();
 
@@ -2673,7 +2655,7 @@ version: 4.11.5-beta.1
     license: MIT
     author: NAVER Corp.
     repository: https://github.com/naver/egjs-axes
-    version: 3.9.1
+    version: 3.9.0
     */
 
     /*! *****************************************************************************
@@ -3011,9 +2993,6 @@ version: 4.11.5-beta.1
         });
         Object.keys(newCssProps_1).forEach(function (prop) {
           oldCssProps[prop] = element.style[prop];
-        });
-        // Old style props like user-select can be corrupted if you change the style directly in the logic above.
-        Object.keys(newCssProps_1).forEach(function (prop) {
           element.style[prop] = newCssProps_1[prop];
         });
       }
@@ -5081,7 +5060,7 @@ version: 4.11.5-beta.1
        * eg.Axes.VERSION;  // ex) 3.3.3
        * ```
        */
-      Axes.VERSION = "3.9.1";
+      Axes.VERSION = "3.9.0";
       /* eslint-enable */
       /**
        * @name TRANSFORM
@@ -5276,11 +5255,15 @@ version: 4.11.5-beta.1
           this._detachWindowEvent(this._activeEvent);
         }
         this._attachElementEvent(observer);
+        this._originalCssProps = setCssProps(this.element, this.options, this._direction);
         return this;
       };
       __proto.disconnect = function () {
         this._detachElementEvent();
         this._detachWindowEvent(this._activeEvent);
+        if (!isCssPropsFromAxes(this._originalCssProps)) {
+          revertCssProps(this.element, this._originalCssProps);
+        }
         this._direction = DIRECTION_NONE;
         return this;
       };
@@ -5298,10 +5281,7 @@ version: 4.11.5-beta.1
        * @return {PanInput} An instance of a module itself <ko>모듈 자신의 인스턴스</ko>
        */
       __proto.enable = function () {
-        if (!this._enabled) {
-          this._enabled = true;
-          this._originalCssProps = setCssProps(this.element, this.options, this._direction);
-        }
+        this._enabled = true;
         return this;
       };
       /**
@@ -5310,12 +5290,7 @@ version: 4.11.5-beta.1
        * @return {PanInput} An instance of a module itself <ko>모듈 자신의 인스턴스</ko>
        */
       __proto.disable = function () {
-        if (this._enabled) {
-          this._enabled = false;
-          if (!isCssPropsFromAxes(this._originalCssProps)) {
-            revertCssProps(this.element, this._originalCssProps);
-          }
-        }
+        this._enabled = false;
         return this;
       };
       /**
@@ -5472,7 +5447,7 @@ version: 4.11.5-beta.1
           throw new Error("Element to connect input does not exist.");
         }
         this._observer = observer;
-        this.enable();
+        this._enabled = true;
         this._activeEvent = activeEvent;
         element.addEventListener("click", this._preventClickWhenDragged, true);
         activeEvent.start.forEach(function (event) {
@@ -5496,7 +5471,7 @@ version: 4.11.5-beta.1
             element.removeEventListener(event, _this._voidFunction);
           });
         }
-        this.disable();
+        this._enabled = false;
         this._observer = null;
       };
       return PanInput;
@@ -7958,6 +7933,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"];
@@ -8317,6 +8293,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;
@@ -8324,10 +8302,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();
         }
@@ -8586,6 +8569,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;
@@ -9894,11 +9878,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) {
@@ -11314,19 +11293,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
         /**
@@ -12179,9 +12145,6 @@ version: 4.11.5-beta.1
         // OTHERS
         set: function (val) {
           this._autoResize = val;
-          if (!this._initialized) {
-            return;
-          }
           if (val) {
             this._autoResizer.enable();
           } else {
@@ -12204,7 +12167,7 @@ version: 4.11.5-beta.1
         },
         set: function (val) {
           this._useResizeObserver = val;
-          if (this._initialized && this._autoResize) {
+          if (this._autoResize) {
             this._autoResizer.enable();
           }
         },
@@ -13001,7 +12964,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);