@egjs/flicking 3.9.1 → 3.9.3

package/doc/eg.Flicking.html

@@ -101,6 +101,8 @@
     
         <li data-name="eg.Flicking.ContentErrorEvent"><a href="eg.Flicking.html#.ContentErrorEvent">ContentErrorEvent</a></li>
     
+        <li data-name="eg.Flicking.ContentLoadEvent"><a href="eg.Flicking.html#.ContentLoadEvent">ContentLoadEvent</a></li>
+    
         <li data-name="eg.Flicking.ElementLike"><a href="eg.Flicking.html#.ElementLike">ElementLike</a></li>
     
         <li data-name="eg.Flicking.FlickingEvent"><a href="eg.Flicking.html#.FlickingEvent">FlickingEvent</a></li>
@@ -270,7 +272,7 @@
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line46">line 46</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line47">line 47</a>
         </div>
         
     </div>
@@ -2250,7 +2252,7 @@ eg.Flicking.DIRECTION.NEXT; // &quot;NEXT&quot;</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line478">line 478</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line480">line 480</a>
         </div>
         
     </div>
@@ -2401,7 +2403,7 @@ eg.Flicking.DIRECTION.NEXT; // &quot;NEXT&quot;</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line595">line 595</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line597">line 597</a>
         </div>
         
     </div>
@@ -2566,7 +2568,7 @@ flicking.append(&quot;&lt;div&gt;Panel 1&lt;/div&gt;&lt;div&gt;Panel 2&lt;/div&g
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line502">line 502</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line504">line 504</a>
         </div>
         
     </div>
@@ -2730,7 +2732,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line432">line 432</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line434">line 434</a>
         </div>
         
     </div>
@@ -2847,7 +2849,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line421">line 421</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line423">line 423</a>
         </div>
         
     </div>
@@ -2964,7 +2966,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line346">line 346</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line348">line 348</a>
         </div>
         
     </div>
@@ -3122,7 +3124,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line380">line 380</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line382">line 382</a>
         </div>
         
     </div>
@@ -3239,7 +3241,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line319">line 319</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line321">line 321</a>
         </div>
         
     </div>
@@ -3356,7 +3358,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line301">line 301</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line303">line 303</a>
         </div>
         
     </div>
@@ -3473,7 +3475,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line292">line 292</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line294">line 294</a>
         </div>
         
     </div>
@@ -3590,7 +3592,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line390">line 390</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line392">line 392</a>
         </div>
         
     </div>
@@ -3717,7 +3719,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line332">line 332</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line334">line 334</a>
         </div>
         
     </div>
@@ -3865,7 +3867,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line371">line 371</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line373">line 373</a>
         </div>
         
     </div>
@@ -3982,7 +3984,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line310">line 310</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line312">line 312</a>
         </div>
         
     </div>
@@ -4099,7 +4101,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line443">line 443</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line445">line 445</a>
         </div>
         
     </div>
@@ -4216,7 +4218,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line362">line 362</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line364">line 364</a>
         </div>
         
     </div>
@@ -4499,7 +4501,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line412">line 412</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line414">line 414</a>
         </div>
         
     </div>
@@ -4616,7 +4618,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line227">line 227</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line229">line 229</a>
         </div>
         
     </div>
@@ -4807,7 +4809,7 @@ console.log(flick.moveTo); // null</p></code></pre>
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line206">line 206</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line208">line 208</a>
         </div>
         
     </div>
@@ -5620,7 +5622,7 @@ some.trigger(&quot;hi&quot;);
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line569">line 569</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line571">line 571</a>
         </div>
         
     </div>
@@ -5784,7 +5786,7 @@ flicking.prepend(&quot;&lt;div&gt;Panel&lt;/div&gt;&quot;); // Prepended at inde
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line186">line 186</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line188">line 188</a>
         </div>
         
     </div>
@@ -5944,7 +5946,7 @@ flicking.prepend(&quot;&lt;div&gt;Panel&lt;/div&gt;&quot;); // Prepended at inde
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line644">line 644</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line646">line 646</a>
         </div>
         
     </div>
@@ -6137,7 +6139,7 @@ flicking.prepend(&quot;&lt;div&gt;Panel&lt;/div&gt;&quot;); // Prepended at inde
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line489">line 489</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line491">line 491</a>
         </div>
         
     </div>
@@ -6288,7 +6290,7 @@ flicking.prepend(&quot;&lt;div&gt;Panel&lt;/div&gt;&quot;); // Prepended at inde
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line629">line 629</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line631">line 631</a>
         </div>
         
     </div>
@@ -6488,7 +6490,7 @@ flicking.replace(3, [&quot;&lt;div&gt;Panel&lt;/div&gt;&quot;, &quot;&lt;div&gt;
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line521">line 521</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line523">line 523</a>
         </div>
         
     </div>
@@ -6605,7 +6607,7 @@ flicking.replace(3, [&quot;&lt;div&gt;Panel&lt;/div&gt;&quot;, &quot;&lt;div&gt;
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line401">line 401</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line403">line 403</a>
         </div>
         
     </div>
@@ -6766,7 +6768,7 @@ flicking.replace(3, [&quot;&lt;div&gt;Panel&lt;/div&gt;&quot;, &quot;&lt;div&gt;
     
         
         <div class="tag-source">
-            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line468">line 468</a>
+            <a href="src_Flicking.ts.html">Flicking.ts</a>, <a href="src_Flicking.ts.html#line470">line 470</a>
         </div>
         
     </div>
@@ -7661,6 +7663,115 @@ some.on(&quot;hi&quot;, (e) => {
     
 
     
+
+    
+
+
+    <!-- if data.codepen -->
+</dl>
+
+
+    
+</dd>
+
+            
+                
+
+<dt>
+    <div class="nameContainer">
+        <h4 class="name" id=".ContentLoadEvent">eg.Flicking.ContentLoadEvent<span class="type-signature type object">object</span> </h4>
+    </div>
+    
+</dt>
+<dd>
+    
+    <div class="description en">
+        <p>Event triggered when each image/video element inside Flicking has loaded. This event is only triggered with <code>resizeOnContentsReady</code> option.</p>
+    </div>
+    
+    
+    <div class="description ko">
+        <p>Flicking 내부의 이미지/비디오 엘리먼트들이 로드되었을 때마다 트리거되는 이벤트. <code>resizeOnContentsReady</code> 옵션이 활성화된 경우에만 트리거된다.</p>
+    </div>
+    
+
+    
+<dl class="details">
+    
+        <h5 class="subsection-title">Properties:</h5>
+
+        <dl>
+
+<table class="props">
+    <thead>
+	<tr>
+		
+		<th>Name</th>
+		
+		
+		<th>Type</th>
+		
+		
+		
+		
+		
+		<th class="last">Description</th>
+	</tr>
+	</thead>
+	
+	<tbody>
+	
+	
+        <tr>
+            
+                <td class="name"><code>type</code></td>
+            
+            
+            <td class="type">
+            
+                
+<span class="param-type">string</span>
+
+
+            
+            </td>
+            
+            
+            
+            
+            
+            <td class="description last">
+                
+                <div class="en"><p>Name of the event.</p></div>
+                <div class="ko"><p>이벤트명</p></div>
+                
+
+                </td>
+        </tr>
+	
+	
+	</tbody>
+</table></dl>
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
 
     
 
@@ -12659,7 +12770,7 @@ panel.update(el => {
         
 
         <footer>
-            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Fri Feb 11 2022 19:50:08 GMT+0900 (Korean Standard Time)
+            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Tue Apr 05 2022 15:59:21 GMT+0900 (Korean Standard Time)
         </footer>
     </div>
 </div>

package/doc/global.html

@@ -101,6 +101,8 @@
     
         <li data-name="eg.Flicking.ContentErrorEvent"><a href="eg.Flicking.html#.ContentErrorEvent">ContentErrorEvent</a></li>
     
+        <li data-name="eg.Flicking.ContentLoadEvent"><a href="eg.Flicking.html#.ContentLoadEvent">ContentLoadEvent</a></li>
+    
         <li data-name="eg.Flicking.ElementLike"><a href="eg.Flicking.html#.ElementLike">ElementLike</a></li>
     
         <li data-name="eg.Flicking.FlickingEvent"><a href="eg.Flicking.html#.FlickingEvent">FlickingEvent</a></li>
@@ -405,7 +407,7 @@
         
 
         <footer>
-            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Fri Feb 11 2022 19:50:08 GMT+0900 (Korean Standard Time)
+            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Tue Apr 05 2022 15:59:21 GMT+0900 (Korean Standard Time)
         </footer>
     </div>
 </div>

package/doc/index.html

@@ -101,6 +101,8 @@
     
         <li data-name="eg.Flicking.ContentErrorEvent"><a href="eg.Flicking.html#.ContentErrorEvent">ContentErrorEvent</a></li>
     
+        <li data-name="eg.Flicking.ContentLoadEvent"><a href="eg.Flicking.html#.ContentLoadEvent">ContentLoadEvent</a></li>
+    
         <li data-name="eg.Flicking.ElementLike"><a href="eg.Flicking.html#.ElementLike">ElementLike</a></li>
     
         <li data-name="eg.Flicking.FlickingEvent"><a href="eg.Flicking.html#.FlickingEvent">FlickingEvent</a></li>
@@ -491,7 +493,7 @@ THE SOFTWARE.
         
 
         <footer>
-            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Fri Feb 11 2022 19:50:08 GMT+0900 (Korean Standard Time)
+            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Tue Apr 05 2022 15:59:21 GMT+0900 (Korean Standard Time)
         </footer>
     </div>
 </div>

package/doc/node_modules_@egjs_component_src_Component.ts.html

@@ -101,6 +101,8 @@
     
         <li data-name="eg.Flicking.ContentErrorEvent"><a href="eg.Flicking.html#.ContentErrorEvent">ContentErrorEvent</a></li>
     
+        <li data-name="eg.Flicking.ContentLoadEvent"><a href="eg.Flicking.html#.ContentLoadEvent">ContentLoadEvent</a></li>
+    
         <li data-name="eg.Flicking.ElementLike"><a href="eg.Flicking.html#.ElementLike">ElementLike</a></li>
     
         <li data-name="eg.Flicking.FlickingEvent"><a href="eg.Flicking.html#.FlickingEvent">FlickingEvent</a></li>
@@ -615,7 +617,7 @@ export default Component;
         
 
         <footer>
-            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Fri Feb 11 2022 19:50:08 GMT+0900 (Korean Standard Time)
+            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Tue Apr 05 2022 15:59:21 GMT+0900 (Korean Standard Time)
         </footer>
     </div>
 </div>

package/doc/src_Flicking.ts.html

@@ -101,6 +101,8 @@
     
         <li data-name="eg.Flicking.ContentErrorEvent"><a href="eg.Flicking.html#.ContentErrorEvent">ContentErrorEvent</a></li>
     
+        <li data-name="eg.Flicking.ContentLoadEvent"><a href="eg.Flicking.html#.ContentLoadEvent">ContentLoadEvent</a></li>
+    
         <li data-name="eg.Flicking.ElementLike"><a href="eg.Flicking.html#.ElementLike">ElementLike</a></li>
     
         <li data-name="eg.Flicking.FlickingEvent"><a href="eg.Flicking.html#.FlickingEvent">FlickingEvent</a></li>
@@ -274,6 +276,7 @@ import {
   SelectEvent,
   NeedPanelEvent,
   VisibleChangeEvent,
+  ContentLoadEvent,
   ContentErrorEvent,
   MoveTypeStringOption,
   ValueOf,
@@ -298,6 +301,7 @@ class Flicking extends Component&lt;{
   select: SelectEvent;
   needPanel: NeedPanelEvent;
   visibleChange: VisibleChangeEvent;
+  contentLoad: ContentLoadEvent;
   contentError: ContentErrorEvent;
 }> {
   /**
@@ -1115,12 +1119,17 @@ class Flicking extends Component&lt;{
     if (options.resizeOnContentsReady) {
       const contentsReadyChecker = new ImReady();
 
-      contentsReadyChecker.on("preReady", () => {
+      const onContentLoad = () => {
         this.resize();
-      });
+        this.trigger(EVENTS.CONTENT_LOAD, {
+          type: EVENTS.CONTENT_LOAD,
+        });
+      };
+
+      contentsReadyChecker.on("preReady", onContentLoad);
       contentsReadyChecker.on("readyElement", e => {
         if (e.hasLoading &amp;&amp; e.isPreReadyOver) {
-          this.resize();
+          onContentLoad();
         }
       });
       contentsReadyChecker.on("error", e => {
@@ -1249,7 +1258,7 @@ export default Flicking;
         
 
         <footer>
-            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Fri Feb 11 2022 19:50:08 GMT+0900 (Korean Standard Time)
+            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Tue Apr 05 2022 15:59:21 GMT+0900 (Korean Standard Time)
         </footer>
     </div>
 </div>

package/doc/src_types.ts.html

@@ -101,6 +101,8 @@
     
         <li data-name="eg.Flicking.ContentErrorEvent"><a href="eg.Flicking.html#.ContentErrorEvent">ContentErrorEvent</a></li>
     
+        <li data-name="eg.Flicking.ContentLoadEvent"><a href="eg.Flicking.html#.ContentLoadEvent">ContentLoadEvent</a></li>
+    
         <li data-name="eg.Flicking.ElementLike"><a href="eg.Flicking.html#.ElementLike">ElementLike</a></li>
     
         <li data-name="eg.Flicking.FlickingEvent"><a href="eg.Flicking.html#.FlickingEvent">FlickingEvent</a></li>
@@ -555,6 +557,7 @@ export interface EventType {
   readonly SELECT: "select";
   readonly NEED_PANEL: "needPanel";
   readonly VISIBLE_CHANGE: "visibleChange";
+  readonly CONTENT_LOAD: "contentLoad";
   readonly CONTENT_ERROR: "contentError";
 }
 
@@ -711,6 +714,18 @@ export type VisibleChangeEvent = {
   };
 };
 
+/**
+ * Event triggered when each image/video element inside Flicking has loaded. This event is only triggered with `resizeOnContentsReady` option.
+ * @ko Flicking 내부의 이미지/비디오 엘리먼트들이 로드되었을 때마다 트리거되는 이벤트. `resizeOnContentsReady` 옵션이 활성화된 경우에만 트리거된다.
+ * @typedef
+ * @type object
+ * @memberof eg.Flicking
+ * @property {string} type Name of the event.&lt;ko>이벤트명&lt;/ko>
+ */
+export type ContentLoadEvent = {
+  type: string;
+};
+
 /**
  * Event triggered each time the image/video element inside Flicking fails to load. This event is only triggered with `resizeOnContentsReady` option.
  * @ko Flicking 내부의 이미지/비디오 엘리먼트의 로드가 실패했을때마다 발생했을 때마다 트리거되는 이벤트. `resizeOnContentsReady` 옵션이 활성화된 경우에만 트리거된다.
@@ -806,7 +821,7 @@ export type SyncResult = Pick&lt;DiffResult&lt;HTMLElement>, "added" | "changed"
         
 
         <footer>
-            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Fri Feb 11 2022 19:50:08 GMT+0900 (Korean Standard Time)
+            Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 0.3.10</a> on Tue Apr 05 2022 15:59:21 GMT+0900 (Korean Standard Time)
         </footer>
     </div>
 </div>

package/docs/build/release/{3.9.1 → 3.9.2}/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.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,6 +3373,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 +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.1";
+  Flicking.VERSION = "3.9.2";
   /**
    * Direction constant - "PREV" or "NEXT"
    * @ko 방향 상수 - "PREV" 또는 "NEXT"