@egjs/flicking 4.11.4 → 4.11.5-beta.0

package/declaration/Flicking.d.ts

@@ -1,5 +1,6 @@
 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";
@@ -122,6 +123,7 @@ 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/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.4
+version: 4.11.5-beta.0
 */
 'use strict';
 
@@ -972,9 +972,13 @@ var AutoResizer = /*#__PURE__*/function () {
     }
     if (flicking.useResizeObserver && !!window.ResizeObserver) {
       var viewportSizeNot0 = viewport.width !== 0 || viewport.height !== 0;
-      var resizeObserver = viewportSizeNot0 ? new ResizeObserver(this._skipFirstResize) : new ResizeObserver(this._onResize);
-      resizeObserver.observe(flicking.viewport.element);
-      this._resizeObserver = resizeObserver;
+      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;
     } else {
       window.addEventListener("resize", this._onResize);
     }
@@ -4766,6 +4770,9 @@ 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) {
@@ -6167,6 +6174,13 @@ 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
     /**
@@ -7838,7 +7852,7 @@ var Flicking = /*#__PURE__*/function (_super) {
    * Flicking.VERSION;  // ex) 4.0.0
    * ```
    */
-  Flicking.VERSION = "4.11.4";
+  Flicking.VERSION = "4.11.5-beta.0";
   return Flicking;
 }(Component);