@egjs/flicking 4.14.2-beta.2 → 4.15.0

package/dist/flicking.esm.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.14.2-beta.2
+version: 4.15.0
 */
 import Component, { ComponentEvent } from '@egjs/component';
 import Axes, { PanInput } from '@egjs/axes';
@@ -5128,10 +5128,15 @@ var Renderer = /*#__PURE__*/function () {
     var flicking = getFlickingAttached(this._flicking);
     flicking.camera.applyTransform();
     if (flicking.useCSSOrder) {
-      // useCSSOrder를 사용하는 경우 DOM은 변화가 없지만 대신 CSS Order가 추가 된다.
-      var panels_1 = flicking.panels;
+      // `useCSSOrder`를 사용하는 경우 DOM은 변화가 없지만 대신 css `order`값을 주입
+      var renderedPanels_1 = flicking.renderer.panels.filter(function (panel) {
+        return panel.rendered;
+      });
       this._strategy.getRenderingIndexesByOrder(flicking).forEach(function (domIndex, index) {
-        panels_1[domIndex].element.style.order = "" + index;
+        if (renderedPanels_1[domIndex].element) {
+          // 방어 코드 추가
+          renderedPanels_1[domIndex].element.style.order = "" + index;
+        }
       });
     }
   };
@@ -5178,7 +5183,7 @@ var VanillaRenderer = /*#__PURE__*/function (_super) {
     // We're using reversed panels here as last panel should be the last element of camera element
     var reversedElements = [];
     if (flicking.useCSSOrder) {
-      // useCSSOrder를 사용하는 경우 원본 그대로 렌더링
+      // useCSSOrder를 사용하는 경우 DOM은 변화가 없지만 대신 css `order`값을 주입
       reversedElements = this.getRenderedPanels().map(function (panel) {
         return panel.element;
       }).reverse();
@@ -7911,6 +7916,8 @@ var Flicking = /*#__PURE__*/function (_super) {
             }
 
             if (this._isResizing) {
+              // resize를 연속으로 발생하면 무시하기에 마지막 viewport를 사이즈를 알 수 없음.
+              // resize를 1번 더 실행할 수 잇는 스케줄링 등록
               this._scheduleResize = true;
               return [2 /*return*/];
             }
@@ -7981,6 +7988,7 @@ var Flicking = /*#__PURE__*/function (_super) {
               element: viewport.element
             }));
             this._isResizing = false;
+            // 연속으로 resize를 호출하는 경우를 대비하기 위해서 스케줄링 반영
             if (this._scheduleResize) {
               this.resize();
             }
@@ -8203,7 +8211,7 @@ var Flicking = /*#__PURE__*/function (_super) {
    * Flicking.VERSION;  // ex) 4.0.0
    * ```
    */
-  Flicking.VERSION = "4.14.2-beta.2";
+  Flicking.VERSION = "4.15.0";
   return Flicking;
 }(Component);