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

package/declaration/CrossFlicking.d.ts

@@ -37,6 +37,12 @@ export interface SideState {
     end: number;
     element: HTMLElement;
 }
+export interface CrossFlickingChangedEvent extends ChangedEvent {
+    sideIndex?: number;
+}
+export interface CrossFlickingWillChangeEvent extends WillChangeEvent {
+    sideIndex?: number;
+}
 export declare class CrossFlicking extends Flicking {
     private _sideFlicking;
     private _sideOptions;
@@ -48,6 +54,7 @@ export declare class CrossFlicking extends Flicking {
     private _originalDragThreshold;
     private _nextIndex;
     get sideFlicking(): Flicking[];
+    get sideIndex(): number[];
     get sideState(): SideState[];
     get sideOptions(): CrossFlickingOptions["sideOptions"];
     get preserveIndex(): CrossFlickingOptions["preserveIndex"];
@@ -71,6 +78,7 @@ export declare class CrossFlicking extends Flicking {
     private _syncToCategory;
     private _setDraggable;
     private _setPreviousSideIndex;
+    private _addSideIndex;
     private _onHorizontalHoldStart;
     private _onHorizontalMove;
     private _onHorizontalMoveEnd;

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.11
+version: 4.12.0-beta.12
 */
 'use strict';
 
@@ -679,6 +679,9 @@ var getStyle = function (el) {
 var setSize = function (el, _a) {
   var width = _a.width,
     height = _a.height;
+  if (!el) {
+    return;
+  }
   if (width != null) {
     if (isString(width)) {
       el.style.width = width;
@@ -7918,7 +7921,7 @@ var Flicking = /*#__PURE__*/function (_super) {
    * Flicking.VERSION;  // ex) 4.0.0
    * ```
    */
-  Flicking.VERSION = "4.12.0-beta.11";
+  Flicking.VERSION = "4.12.0-beta.12";
   return Flicking;
 }(Component);
 
@@ -7989,6 +7992,9 @@ var CrossFlicking = /*#__PURE__*/function (_super) {
         }
       });
     };
+    _this._addSideIndex = function (e) {
+      e.sideIndex = _this._sideFlicking[e.index].index;
+    };
     _this._onHorizontalHoldStart = function () {
       _this._setDraggable(MOVE_DIRECTION.HORIZONTAL, true);
       _this._moveDirection = null;
@@ -8065,6 +8071,15 @@ var CrossFlicking = /*#__PURE__*/function (_super) {
     enumerable: false,
     configurable: true
   });
+  Object.defineProperty(__proto, "sideIndex", {
+    get: function () {
+      return this._sideFlicking.map(function (i) {
+        return i.index;
+      });
+    },
+    enumerable: false,
+    configurable: true
+  });
   Object.defineProperty(__proto, "sideState", {
     get: function () {
       return this._sideState;
@@ -8133,6 +8148,9 @@ var CrossFlicking = /*#__PURE__*/function (_super) {
     this.on(EVENTS.HOLD_START, this._onHorizontalHoldStart);
     this.on(EVENTS.MOVE, this._onHorizontalMove);
     this.on(EVENTS.MOVE_END, this._onHorizontalMoveEnd);
+    [EVENTS.CHANGED, EVENTS.WILL_CHANGE].forEach(function (event) {
+      _this.on(event, _this._addSideIndex);
+    });
     this._sideFlicking.forEach(function (flicking, mainIndex) {
       flicking.on(EVENTS.HOLD_START, _this._onSideHoldStart);
       flicking.on(EVENTS.MOVE, _this._onSideMove);