@egjs/flicking 4.12.0-beta.10 → 4.12.0-beta.11

package/declaration/CrossFlicking.d.ts

@@ -1,5 +1,5 @@
 import Flicking, { FlickingEvents, FlickingOptions } from "./Flicking";
-import { ChangedEvent, HoldEndEvent, HoldStartEvent, MoveEndEvent, MoveEvent, MoveStartEvent, WillChangeEvent } from "./type/event";
+import { ChangedEvent, HoldEndEvent, HoldStartEvent, MoveEndEvent, MoveEvent, MoveStartEvent, RestoredEvent, WillChangeEvent, WillRestoreEvent } from "./type/event";
 export declare const SIDE_EVENTS: {
     readonly HOLD_START: "sideHoldStart";
     readonly HOLD_END: "sideHoldEnd";
@@ -8,6 +8,8 @@ export declare const SIDE_EVENTS: {
     readonly MOVE_END: "sideMoveEnd";
     readonly WILL_CHANGE: "sideWillChange";
     readonly CHANGED: "sideChanged";
+    readonly WILL_RESTORE: "sideWillRestore";
+    readonly RESTORED: "sideRestored";
 };
 export declare type CrossFlickingEvent<T> = {
     mainIndex: number;
@@ -20,6 +22,8 @@ export interface CrossFlickingEvents extends FlickingEvents {
     [SIDE_EVENTS.MOVE_END]: CrossFlickingEvent<MoveEndEvent>;
     [SIDE_EVENTS.WILL_CHANGE]: CrossFlickingEvent<WillChangeEvent>;
     [SIDE_EVENTS.CHANGED]: CrossFlickingEvent<ChangedEvent>;
+    [SIDE_EVENTS.WILL_RESTORE]: CrossFlickingEvent<WillRestoreEvent>;
+    [SIDE_EVENTS.RESTORED]: CrossFlickingEvent<RestoredEvent>;
 }
 export interface CrossFlickingOptions extends FlickingOptions {
     sideOptions: Partial<FlickingOptions> | undefined;

package/dist/flicking-inline.css

@@ -0,0 +1,45 @@
+.flicking-viewport {
+  position: relative;
+  overflow: hidden;
+}
+
+.flicking-viewport:not(.vertical) {
+  width: 100%;
+  height: 100%;
+}
+
+.flicking-viewport.vertical,
+.flicking-viewport.vertical > .flicking-camera {
+  display: inline-block;
+}
+
+.flicking-viewport.vertical.middle > .flicking-camera > * {
+  vertical-align: middle;
+}
+
+.flicking-viewport.vertical.bottom > .flicking-camera > * {
+  vertical-align: bottom;
+}
+
+.flicking-viewport.vertical > .flicking-camera > * {
+  display: block;
+}
+
+.flicking-viewport.flicking-hidden > .flicking-camera > * {
+  visibility: hidden;
+}
+
+.flicking-camera {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 1;
+  white-space: nowrap;
+  will-change: transform;
+}
+
+.flicking-camera > * {
+  display: inline-block;
+  white-space: normal;
+  vertical-align: top;
+}

package/dist/flicking-inline.min.css

@@ -0,0 +1 @@
+.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport:not(.vertical){width:100%;height:100%}.flicking-viewport.vertical,.flicking-viewport.vertical>.flicking-camera{display:inline-block}.flicking-viewport.vertical.middle>.flicking-camera>*{vertical-align:middle}.flicking-viewport.vertical.bottom>.flicking-camera>*{vertical-align:bottom}.flicking-viewport.vertical>.flicking-camera>*{display:block}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{width:100%;height:100%;position:relative;z-index:1;white-space:nowrap;will-change:transform}.flicking-camera>*{display:inline-block;white-space:normal;vertical-align:top}

package/dist/flicking.cjs.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.12.0-beta.10
+version: 4.12.0-beta.11
 */
 'use strict';
 
@@ -1592,6 +1592,9 @@ var HoldingState = /*#__PURE__*/function (_super) {
       axesEvent = ctx.axesEvent,
       transitTo = ctx.transitTo;
     var inputEvent = axesEvent.inputEvent;
+    if (!inputEvent) {
+      return;
+    }
     var offset = flicking.horizontal ? inputEvent.offsetX : inputEvent.offsetY;
     var moveStartEvent = new Component.ComponentEvent(EVENTS.MOVE_START, {
       isTrusted: axesEvent.isTrusted,
@@ -5451,6 +5454,9 @@ var Panel = /*#__PURE__*/function () {
     var flicking = this._flicking;
     var horizontal = flicking.horizontal,
       useFractionalSize = flicking.useFractionalSize;
+    if (!el) {
+      return this;
+    }
     if (cached) {
       this._size = cached.size;
       this._margin = __assign({}, cached.margin);
@@ -7912,7 +7918,7 @@ var Flicking = /*#__PURE__*/function (_super) {
    * Flicking.VERSION;  // ex) 4.0.0
    * ```
    */
-  Flicking.VERSION = "4.12.0-beta.10";
+  Flicking.VERSION = "4.12.0-beta.11";
   return Flicking;
 }(Component);
 
@@ -7923,7 +7929,9 @@ var SIDE_EVENTS = {
   MOVE: "sideMove",
   MOVE_END: "sideMoveEnd",
   WILL_CHANGE: "sideWillChange",
-  CHANGED: "sideChanged"
+  CHANGED: "sideChanged",
+  WILL_RESTORE: "sideWillRestore",
+  RESTORED: "sideRestored"
 };
 var CrossFlicking = /*#__PURE__*/function (_super) {
   __extends(CrossFlicking, _super);