@egjs/flicking 3.9.1 → 3.9.3

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.1
+version: 3.9.3
 */
 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 = {
@@ -984,6 +985,7 @@ function () {
     this.length = newPanels.filter(function (panel) {
       return Boolean(panel);
     }).length;
+    this.chainAllPanels();
   };
 
   __proto.has = function (index) {
@@ -1249,6 +1251,11 @@ function () {
     var allPanelsCount = allPanels.length;
 
     if (allPanelsCount <= 1) {
+      if (allPanelsCount === 1) {
+        allPanels[0].prevSibling = null;
+        allPanels[0].nextSibling = null;
+      }
+
       return;
     }
 
@@ -3372,6 +3379,11 @@ 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;
@@ -5050,12 +5062,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 +5104,7 @@ function (_super) {
    */
 
 
-  Flicking.VERSION = "3.9.1";
+  Flicking.VERSION = "3.9.3";
   /**
    * Direction constant - "PREV" or "NEXT"
    * @ko 방향 상수 - "PREV" 또는 "NEXT"