@egjs/flicking 3.9.0 → 3.9.2

package/declaration/Flicking.d.ts

@@ -1,6 +1,6 @@
 import Component from "@egjs/component";
 import { DiffResult } from "@egjs/list-differ";
-import { FlickingOptions, FlickingEvent, Direction, EventType, FlickingPanel, FlickingStatus, Plugin, ElementLike, DestroyOption, BeforeSyncResult, SyncResult, ChangeEvent, SelectEvent, NeedPanelEvent, VisibleChangeEvent, ContentErrorEvent } from "./types";
+import { FlickingOptions, FlickingEvent, Direction, EventType, FlickingPanel, FlickingStatus, Plugin, ElementLike, DestroyOption, BeforeSyncResult, SyncResult, ChangeEvent, SelectEvent, NeedPanelEvent, VisibleChangeEvent, ContentLoadEvent, ContentErrorEvent } from "./types";
 declare class Flicking extends Component<{
     holdStart: FlickingEvent;
     holdEnd: FlickingEvent;
@@ -12,6 +12,7 @@ declare class Flicking extends Component<{
     select: SelectEvent;
     needPanel: NeedPanelEvent;
     visibleChange: VisibleChangeEvent;
+    contentLoad: ContentLoadEvent;
     contentError: ContentErrorEvent;
 }> {
     static VERSION: string;

package/declaration/types.d.ts

@@ -110,6 +110,7 @@ export interface EventType {
     readonly SELECT: "select";
     readonly NEED_PANEL: "needPanel";
     readonly VISIBLE_CHANGE: "visibleChange";
+    readonly CONTENT_LOAD: "contentLoad";
     readonly CONTENT_ERROR: "contentError";
 }
 export declare type FlickingEvent = {
@@ -173,6 +174,9 @@ export declare type VisibleChangeEvent = {
         max: number;
     };
 };
+export declare type ContentLoadEvent = {
+    type: string;
+};
 export declare type ContentErrorEvent = {
     type: string;
     element: HTMLElement;

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: 3.9.0
+version: 3.9.2
 */
 import Component from '@egjs/component';
 import ImReady from '@egjs/imready';
@@ -140,6 +140,7 @@ var EVENTS = {
   SELECT: "select",
   NEED_PANEL: "needPanel",
   VISIBLE_CHANGE: "visibleChange",
+  CONTENT_LOAD: "contentLoad",
   CONTENT_ERROR: "contentError"
 };
 var AXES_EVENTS = {
@@ -3372,11 +3373,16 @@ function () {
     var panels = panelManager.originalPanels();
     var reversedPanels = panels.concat().reverse();
     var sumOriginalPanelSize = lastPanel.getPosition() + lastPanel.getSize() - firstPanel.getPosition() + gap;
+
+    if (sumOriginalPanelSize <= 0) {
+      return;
+    }
+
     var relativeAnchorPosition = firstPanel.getRelativeAnchorPosition();
     var relativeHangerPosition = this.getRelativeHangerPosition();
     var areaPrev = (relativeHangerPosition - relativeAnchorPosition) % sumOriginalPanelSize;
     var sizeSum = 0;
-    var panelAtLeftBoundary;
+    var panelAtLeftBoundary = null;
 
     for (var _i = 0, reversedPanels_1 = reversedPanels; _i < reversedPanels_1.length; _i++) {
       var panel = reversedPanels_1[_i];
@@ -3395,7 +3401,7 @@ function () {
 
     var areaNext = (viewportSize - relativeHangerPosition + relativeAnchorPosition) % sumOriginalPanelSize;
     sizeSum = 0;
-    var panelAtRightBoundary;
+    var panelAtRightBoundary = null;
 
     for (var _a = 0, panels_1 = panels; _a < panels_1.length; _a++) {
       var panel = panels_1[_a];
@@ -3413,7 +3419,7 @@ function () {
     } // Need one more set of clones on prev area of original panel 0
 
 
-    var needCloneOnPrev = panelAtLeftBoundary.getIndex() !== 0 && panelAtLeftBoundary.getIndex() <= panelAtRightBoundary.getIndex(); // Visible count of panel 0 on first screen
+    var needCloneOnPrev = panelAtLeftBoundary && panelAtRightBoundary && panelAtLeftBoundary.getIndex() !== 0 && panelAtLeftBoundary.getIndex() <= panelAtRightBoundary.getIndex(); // Visible count of panel 0 on first screen
 
     var panel0OnFirstscreen = Math.ceil((relativeHangerPosition + firstPanel.getSize() - relativeAnchorPosition) / sumOriginalPanelSize) + Math.ceil((viewportSize - relativeHangerPosition + relativeAnchorPosition) / sumOriginalPanelSize) - 1; // duplication
 
@@ -5050,12 +5056,19 @@ function (_super) {
 
     if (options.resizeOnContentsReady) {
       var contentsReadyChecker = new ImReady();
-      contentsReadyChecker.on("preReady", function () {
+
+      var onContentLoad_1 = function () {
         _this.resize();
-      });
+
+        _this.trigger(EVENTS.CONTENT_LOAD, {
+          type: EVENTS.CONTENT_LOAD
+        });
+      };
+
+      contentsReadyChecker.on("preReady", onContentLoad_1);
       contentsReadyChecker.on("readyElement", function (e) {
         if (e.hasLoading && e.isPreReadyOver) {
-          _this.resize();
+          onContentLoad_1();
         }
       });
       contentsReadyChecker.on("error", function (e) {
@@ -5085,7 +5098,7 @@ function (_super) {
    */
 
 
-  Flicking.VERSION = "3.9.0";
+  Flicking.VERSION = "3.9.2";
   /**
    * Direction constant - "PREV" or "NEXT"
    * @ko 방향 상수 - "PREV" 또는 "NEXT"