@egjs/flicking 4.9.0 → 4.9.3-beta.0

package/declaration/control/AxesController.d.ts

@@ -27,6 +27,7 @@ declare class AxesController {
     destroy(): void;
     enable(): this;
     disable(): this;
+    release(): this;
     update(controlParams: ControlParams): this;
     addPreventClickHandler(): this;
     removePreventClickHandler(): this;

package/declaration/control/Control.d.ts

@@ -19,6 +19,7 @@ declare abstract class Control {
     destroy(): void;
     enable(): this;
     disable(): this;
+    release(): this;
     updatePosition(progressInPanel: number): void;
     updateInput(): this;
     resetActive(): this;

package/declaration/core/panel/Panel.d.ts

@@ -60,7 +60,7 @@ declare class Panel {
     markForHide(): void;
     resize(cached?: {
         size: number;
-        height: number;
+        height?: number;
         margin: {
             prev: number;
             next: number;

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.9.0
+version: 4.9.3-beta.0
 */
 import Component, { ComponentEvent } from '@egjs/component';
 import Axes, { PanInput } from '@egjs/axes';
@@ -2450,6 +2450,20 @@ function () {
     (_a = this._panInput) === null || _a === void 0 ? void 0 : _a.disable();
     return this;
   };
+  /**
+   * Releases ongoing user input (mouse/touch)
+   * @ko 사용자의 현재 입력(마우스/터치)를 중단시킵니다
+   * @chainable
+   * @return {this}
+   */
+
+
+  __proto.release = function () {
+    var _a;
+
+    (_a = this._panInput) === null || _a === void 0 ? void 0 : _a.release();
+    return this;
+  };
   /**
    * Update {@link https://naver.github.io/egjs-axes/ @egjs/axes}'s state
    * @ko {@link https://naver.github.io/egjs-axes/ @egjs/axes}의 상태를 갱신합니다
@@ -2761,6 +2775,19 @@ function () {
 
     return this;
   };
+  /**
+   * Releases ongoing user input (mouse/touch)
+   * @ko 사용자의 현재 입력(마우스/터치)를 중단시킵니다
+   * @chainable
+   * @return {this}
+   */
+
+
+  __proto.release = function () {
+    this._controller.release();
+
+    return this;
+  };
   /**
    * Update position after resizing
    * @ko resize 이후에 position을 업데이트합니다
@@ -5482,11 +5509,13 @@ function () {
     } : {
       height: panelSize
     };
-    var firstPanelSizeObj = {
+
+    var firstPanelSizeObj = __assign({
       size: panelSize,
-      height: referencePanel.height,
       margin: referencePanel.margin
-    };
+    }, !flicking.horizontal && {
+      height: referencePanel.height
+    });
 
     if (!flicking.noPanelStyleOverride) {
       this._strategy.updatePanelSizes(flicking, panelSizeObj);
@@ -6020,6 +6049,8 @@ function () {
 
 
   __proto.resize = function (cached) {
+    var _a;
+
     var el = this.element;
     var flicking = this._flicking;
     var horizontal = flicking.horizontal,
@@ -6028,7 +6059,13 @@ function () {
     if (cached) {
       this._size = cached.size;
       this._margin = __assign({}, cached.margin);
-      this._height = cached.height;
+      this._height = (_a = cached.height) !== null && _a !== void 0 ? _a : getElementSize({
+        el: el,
+        horizontal: false,
+        useFractionalSize: useFractionalSize,
+        useOffset: true,
+        style: getStyle(el)
+      });
     } else {
       var elStyle = getStyle(el);
       this._size = getElementSize({
@@ -7990,6 +8027,10 @@ function (_super) {
       return Promise.reject(new FlickingError(MESSAGE.ANIMATION_ALREADY_PLAYING, CODE.ANIMATION_ALREADY_PLAYING));
     }
 
+    if (this._control.holding) {
+      this._control.controller.release();
+    }
+
     return this._control.moveToPanel(panel, {
       duration: duration,
       direction: direction
@@ -8474,9 +8515,10 @@ function (_super) {
     var renderer = this._renderer;
     var control = this._control;
     var camera = this._camera;
-    var initialPanel = renderer.getPanel(this._defaultIndex) || renderer.getPanel(0);
-    if (!initialPanel) return;
-    var nearestAnchor = camera.findNearestAnchor(initialPanel.position);
+    var defaultPanel = renderer.getPanel(this._defaultIndex) || renderer.getPanel(0);
+    if (!defaultPanel) return;
+    var nearestAnchor = camera.findNearestAnchor(defaultPanel.position);
+    var initialPanel = nearestAnchor && defaultPanel.index !== nearestAnchor.panel.index ? nearestAnchor.panel : defaultPanel;
     control.setActive(initialPanel, null, false);
 
     if (!nearestAnchor) {
@@ -8537,7 +8579,7 @@ function (_super) {
    */
 
 
-  Flicking.VERSION = "4.9.0";
+  Flicking.VERSION = "4.9.3-beta.0";
   return Flicking;
 }(Component);