@egjs/flicking 4.14.2-beta.2 → 4.15.0

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.14.2-beta.2
+version: 4.15.0
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@egjs/component'), require('@egjs/axes'), require('@egjs/imready'), require('@cfcs/core')) :
@@ -5211,10 +5211,15 @@ version: 4.14.2-beta.2
         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;
+            }
           });
         }
       };
@@ -5261,7 +5266,7 @@ version: 4.14.2-beta.2
         // 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();
@@ -8008,6 +8013,8 @@ version: 4.14.2-beta.2
                 }
 
                 if (this._isResizing) {
+                  // resize를 연속으로 발생하면 무시하기에 마지막 viewport를 사이즈를 알 수 없음.
+                  // resize를 1번 더 실행할 수 잇는 스케줄링 등록
                   this._scheduleResize = true;
                   return [2 /*return*/];
                 }
@@ -8078,6 +8085,7 @@ version: 4.14.2-beta.2
                   element: viewport.element
                 }));
                 this._isResizing = false;
+                // 연속으로 resize를 호출하는 경우를 대비하기 위해서 스케줄링 반영
                 if (this._scheduleResize) {
                   this.resize();
                 }
@@ -8300,7 +8308,7 @@ version: 4.14.2-beta.2
        * Flicking.VERSION;  // ex) 4.0.0
        * ```
        */
-      Flicking.VERSION = "4.14.2-beta.2";
+      Flicking.VERSION = "4.15.0";
       return Flicking;
     }(Component);