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

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.0
+version: 4.11.5-beta.2
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -12,7 +12,7 @@ version: 4.11.5-beta.0
     (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.0
     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.0
       }
       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.0
       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.
@@ -1424,13 +1420,9 @@ version: 4.11.5-beta.0
         }
         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.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);
         }
@@ -2663,7 +2655,7 @@ version: 4.11.5-beta.0
     license: MIT
     author: NAVER Corp.
     repository: https://github.com/naver/egjs-axes
-    version: 3.9.1
+    version: 3.9.0
     */
 
     /*! *****************************************************************************
@@ -3001,9 +2993,6 @@ version: 4.11.5-beta.0
         });
         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];
         });
       }
@@ -5071,7 +5060,7 @@ version: 4.11.5-beta.0
        * eg.Axes.VERSION;  // ex) 3.3.3
        * ```
        */
-      Axes.VERSION = "3.9.1";
+      Axes.VERSION = "3.9.0";
       /* eslint-enable */
       /**
        * @name TRANSFORM
@@ -5266,11 +5255,15 @@ version: 4.11.5-beta.0
           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;
       };
@@ -5288,10 +5281,7 @@ version: 4.11.5-beta.0
        * @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;
       };
       /**
@@ -5300,12 +5290,7 @@ version: 4.11.5-beta.0
        * @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;
       };
       /**
@@ -5462,7 +5447,7 @@ version: 4.11.5-beta.0
           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) {
@@ -5486,7 +5471,7 @@ version: 4.11.5-beta.0
             element.removeEventListener(event, _this._voidFunction);
           });
         }
-        this.disable();
+        this._enabled = false;
         this._observer = null;
       };
       return PanInput;
@@ -8307,6 +8292,8 @@ version: 4.11.5-beta.0
        */
       __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;
@@ -8314,10 +8301,15 @@ version: 4.11.5-beta.0
         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();
         }
@@ -9884,9 +9876,6 @@ version: 4.11.5-beta.0
         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) {
@@ -11302,13 +11291,6 @@ version: 4.11.5-beta.0
         enumerable: false,
         configurable: true
       });
-      Object.defineProperty(__proto, "autoResizer", {
-        get: function () {
-          return this._autoResizer;
-        },
-        enumerable: false,
-        configurable: true
-      });
       Object.defineProperty(__proto, "initialized", {
         // Internal States
         /**
@@ -12980,7 +12962,7 @@ version: 4.11.5-beta.0
        * Flicking.VERSION;  // ex) 4.0.0
        * ```
        */
-      Flicking.VERSION = "4.11.5-beta.0";
+      Flicking.VERSION = "4.11.5-beta.2";
       return Flicking;
     }(Component);