@egjs/react-flicking 4.16.2-beta.0 → 4.16.3-beta.0

package/dist/flicking.esm.js

@@ -1,3 +1,57 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __reflectGet = Reflect.get;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __superGet = (cls, obj, key) => __reflectGet(__getProtoOf(cls), key, obj);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import VanillaFlicking__default, { ExternalRenderer, getFlickingAttached, VirtualRenderingStrategy, NormalRenderingStrategy, sync, range, EVENTS, getDefaultCameraTransform, getRenderingPanels, withFlickingMethods, CrossFlicking as CrossFlicking$1, SIDE_EVENTS, flickingReactiveAPIAdapter } from "@egjs/flicking";
 export * from "@egjs/flicking";
@@ -51,19 +105,23 @@ const DEFAULT_PROPS = {
 };
 class ReactElementProvider {
   get element() {
-    return this._el?.nativeElement;
+    var _a;
+    return (_a = this._el) == null ? void 0 : _a.nativeElement;
   }
   get rendered() {
-    return this._el?.rendered;
+    var _a;
+    return (_a = this._el) == null ? void 0 : _a.rendered;
   }
   constructor(el) {
     this._el = el;
   }
   show() {
-    this._el?.show();
+    var _a;
+    (_a = this._el) == null ? void 0 : _a.show();
   }
   hide() {
-    this._el?.hide();
+    var _a;
+    (_a = this._el) == null ? void 0 : _a.hide();
   }
 }
 class ReactRenderer extends ExternalRenderer {
@@ -72,37 +130,41 @@ class ReactRenderer extends ExternalRenderer {
     this._reactFlicking = options.reactFlicking;
   }
   // eslint-disable-next-line @typescript-eslint/require-await
-  async render() {
-    const flicking = getFlickingAttached(this._flicking);
-    const reactFlicking = this._reactFlicking;
-    const strategy = this._strategy;
-    if (flicking.virtualEnabled) {
-      strategy.updateRenderingPanels(flicking);
-      this._rendering = true;
-    } else {
-      this._rendering = true;
-      strategy.updateRenderingPanels(flicking);
-    }
-    strategy.renderPanels(flicking);
-    return new Promise((resolve) => {
-      reactFlicking.renderEmitter.once("render", () => {
-        this._rendering = false;
-        this._afterRender();
-        resolve();
+  render() {
+    return __async(this, null, function* () {
+      const flicking = getFlickingAttached(this._flicking);
+      const reactFlicking = this._reactFlicking;
+      const strategy = this._strategy;
+      if (flicking.virtualEnabled) {
+        strategy.updateRenderingPanels(flicking);
+        this._rendering = true;
+      } else {
+        this._rendering = true;
+        strategy.updateRenderingPanels(flicking);
+      }
+      strategy.renderPanels(flicking);
+      return new Promise((resolve) => {
+        reactFlicking.renderEmitter.once("render", () => {
+          this._rendering = false;
+          this._afterRender();
+          resolve();
+        });
+        reactFlicking.forceUpdate();
       });
-      reactFlicking.forceUpdate();
     });
   }
-  async forceRenderAllPanels() {
-    const reactFlicking = this._reactFlicking;
-    this._rendering = true;
-    await super.forceRenderAllPanels();
-    return new Promise((resolve) => {
-      reactFlicking.renderEmitter.once("render", () => {
-        this._rendering = false;
-        resolve();
+  forceRenderAllPanels() {
+    return __async(this, null, function* () {
+      const reactFlicking = this._reactFlicking;
+      this._rendering = true;
+      yield __superGet(ReactRenderer.prototype, this, "forceRenderAllPanels").call(this);
+      return new Promise((resolve) => {
+        reactFlicking.renderEmitter.once("render", () => {
+          this._rendering = false;
+          resolve();
+        });
+        reactFlicking.forceUpdate();
       });
-      reactFlicking.forceUpdate();
     });
   }
   destroy() {
@@ -150,13 +212,13 @@ class StrictPanel extends React.Component {
   }
 }
 const ViewportSlot = React__default.memo((props) => /* @__PURE__ */ jsx(Fragment, { children: props.children }));
-var __defProp = Object.defineProperty;
+var __defProp2 = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
   var result = void 0;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
+  if (result) __defProp2(target, key, result);
   return result;
 };
 const _Flicking = class _Flicking extends React.Component {
@@ -183,10 +245,9 @@ const _Flicking = class _Flicking extends React.Component {
         providerCtor: ReactElementProvider
       })
     };
-    const flicking = new VanillaFlicking__default(this._viewportElement, {
-      ...props,
+    const flicking = new VanillaFlicking__default(this._viewportElement, __spreadProps(__spreadValues({}, props), {
       externalRenderer: new ReactRenderer(rendererOptions)
-    });
+    }));
     this._vanillaFlicking = flicking;
     const children = this._getChildren();
     this._jsxDiffer = new ListDiffer(children, (panel) => panel.key);
@@ -199,13 +260,14 @@ const _Flicking = class _Flicking extends React.Component {
     }
   }
   componentWillUnmount() {
-    this._vanillaFlicking?.destroy();
+    var _a;
+    (_a = this._vanillaFlicking) == null ? void 0 : _a.destroy();
   }
   shouldComponentUpdate(nextProps) {
     const vanillaFlicking = this._vanillaFlicking;
     const prevProps = this.props;
     if (!vanillaFlicking || !vanillaFlicking.initialized) return false;
-    const { children, ...restProps } = nextProps;
+    const _a = nextProps, { children } = _a, restProps = __objRest(_a, ["children"]);
     for (const key in restProps) {
       if (prevProps[key] !== nextProps[key]) {
         return true;
@@ -235,7 +297,7 @@ const _Flicking = class _Flicking extends React.Component {
     this._checkPlugins();
     renderEmitter.trigger("render");
     flicking.camera.updateOffset();
-    const { virtual, ...props } = this.props;
+    const _a = this.props, { virtual } = _a, props = __objRest(_a, ["virtual"]);
     for (const key in props) {
       if (key in flicking && flicking[key] !== props[key]) {
         flicking[key] = props[key];
@@ -246,6 +308,7 @@ const _Flicking = class _Flicking extends React.Component {
     this._diffResult = null;
   }
   render() {
+    var _a;
     const props = this.props;
     const Viewport = props.viewportTag;
     const Camera = props.cameraTag;
@@ -257,24 +320,24 @@ const _Flicking = class _Flicking extends React.Component {
       }
     }
     const { viewportClasses, cameraClasses, cameraProps } = this._getClasses(attributes, props);
-    const panels = !!props.virtual && (props.panelsPerView ?? -1) > 0 ? this._getVirtualPanels() : this._getPanels();
+    const panels = !!props.virtual && ((_a = props.panelsPerView) != null ? _a : -1) > 0 ? this._getVirtualPanels() : this._getPanels();
     return /* @__PURE__ */ jsxs(
       Viewport,
-      {
-        ...attributes,
+      __spreadProps(__spreadValues({}, attributes), {
         className: viewportClasses.join(" "),
         ref: (e) => {
           e && (this._viewportElement = e);
         },
         children: [
-          /* @__PURE__ */ jsx(Camera, { className: cameraClasses.join(" "), ...cameraProps, children: panels }),
+          /* @__PURE__ */ jsx(Camera, __spreadProps(__spreadValues({ className: cameraClasses.join(" ") }, cameraProps), { children: panels })),
           this._getViewportSlot()
         ]
-      }
+      })
     );
   }
   _createPanelRefs(props, children) {
-    const panelsPerView = props.panelsPerView ?? -1;
+    var _a;
+    const panelsPerView = (_a = props.panelsPerView) != null ? _a : -1;
     return panelsPerView > 0 && !!props.virtual ? range(panelsPerView + 1).map(() => React.createRef()) : children.map(() => React.createRef());
   }
   _bindEvents() {
@@ -302,11 +365,12 @@ const _Flicking = class _Flicking extends React.Component {
     flicking.removePlugins(...removed.map((index) => prevList[index]));
   }
   _getClasses(attributes, props) {
+    var _a;
     const flicking = this._vanillaFlicking;
-    const initialized = flicking?.initialized;
+    const initialized = flicking == null ? void 0 : flicking.initialized;
     const viewportClasses = ["flicking-viewport"];
     const cameraClasses = ["flicking-camera"];
-    const isHorizontal = flicking ? flicking.horizontal : props.horizontal ?? true;
+    const isHorizontal = flicking ? flicking.horizontal : (_a = props.horizontal) != null ? _a : true;
     if (!isHorizontal) {
       viewportClasses.push("vertical");
     }
@@ -361,9 +425,9 @@ const _Flicking = class _Flicking extends React.Component {
     const { panelClass = "flicking-panel" } = this.props.virtual;
     const panelsPerView = this.props.panelsPerView;
     const flicking = this._vanillaFlicking;
-    const initialized = flicking?.initialized;
+    const initialized = flicking == null ? void 0 : flicking.initialized;
     const renderingIndexes = initialized ? flicking.renderer.strategy.getRenderingIndexesByOrder(flicking) : range(panelsPerView + 1);
-    const firstPanel = flicking?.panels[0];
+    const firstPanel = flicking == null ? void 0 : flicking.panels[0];
     const size = firstPanel ? flicking.horizontal ? { width: firstPanel.size } : { height: firstPanel.size } : {};
     return renderingIndexes.map((idx) => {
       return /* @__PURE__ */ jsx(StrictPanel, { ref: this._panels[idx], children: /* @__PURE__ */ jsx("div", { "data-element-index": idx, className: panelClass, style: size }) }, idx);
@@ -373,7 +437,7 @@ const _Flicking = class _Flicking extends React.Component {
     const origChildren = this._getChildren();
     const vanillaFlicking = this._vanillaFlicking;
     const diffResult = this._diffResult;
-    const children = vanillaFlicking?.initialized ? diffResult ? getRenderingPanels(vanillaFlicking, diffResult) : getRenderingPanels(vanillaFlicking, diff(origChildren, origChildren)) : origChildren;
+    const children = (vanillaFlicking == null ? void 0 : vanillaFlicking.initialized) ? diffResult ? getRenderingPanels(vanillaFlicking, diffResult) : getRenderingPanels(vanillaFlicking, diff(origChildren, origChildren)) : origChildren;
     return children.map((child, idx) => /* @__PURE__ */ jsx(StrictPanel, { ref: this._panels[idx], children: child }, child.key));
   }
   _isFragment(child) {
@@ -388,8 +452,7 @@ let Flicking = _Flicking;
 __decorateClass([
   withFlickingMethods
 ], Flicking.prototype, "_vanillaFlicking");
-const CROSSFLICKING_DEFAULT_PROPS = {
-  ...DEFAULT_PROPS,
+const CROSSFLICKING_DEFAULT_PROPS = __spreadProps(__spreadValues({}, DEFAULT_PROPS), {
   onSideHoldStart: (e) => {
   },
   onSideHoldEnd: (e) => {
@@ -408,7 +471,7 @@ const CROSSFLICKING_DEFAULT_PROPS = {
   },
   onSideRestored: (e) => {
   }
-};
+});
 const _CrossFlicking = class _CrossFlicking extends Flicking {
   componentDidMount() {
     const props = {};
@@ -423,10 +486,9 @@ const _CrossFlicking = class _CrossFlicking extends Flicking {
         providerCtor: ReactElementProvider
       })
     };
-    const flicking = new CrossFlicking$1(this._viewportElement, {
-      ...props,
+    const flicking = new CrossFlicking$1(this._viewportElement, __spreadProps(__spreadValues({}, props), {
       externalRenderer: new ReactRenderer(rendererOptions)
-    });
+    }));
     this._vanillaFlicking = flicking;
     const children = this._getChildren();
     this._jsxDiffer = new ListDiffer(children, (panel) => panel.key);
@@ -453,17 +515,16 @@ const _CrossFlicking = class _CrossFlicking extends Flicking {
     const panels = this._getPanels();
     return /* @__PURE__ */ jsxs(
       Viewport,
-      {
-        ...attributes,
+      __spreadProps(__spreadValues({}, attributes), {
         className: viewportClasses.join(" "),
         ref: (e) => {
           e && (this._viewportElement = e);
         },
         children: [
-          /* @__PURE__ */ jsx(Camera, { className: cameraClasses.join(" "), ...cameraProps, children: panels }),
+          /* @__PURE__ */ jsx(Camera, __spreadProps(__spreadValues({ className: cameraClasses.join(" ") }, cameraProps), { children: panels })),
           this._getViewportSlot()
         ]
-      }
+      })
     );
   }
   _bindEvents() {
@@ -476,7 +537,10 @@ const _CrossFlicking = class _CrossFlicking extends Flicking {
 };
 _CrossFlicking.defaultProps = CROSSFLICKING_DEFAULT_PROPS;
 let CrossFlicking = _CrossFlicking;
-const CrossGroup = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx("div", { ref, ...rest, children }));
+const CrossGroup = React__default.forwardRef((_a, ref) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref }, rest), { children }));
+});
 function keys(obj) {
   return Object.keys(obj);
 }
@@ -787,10 +851,13 @@ function useReactive(reactiveAdapter, props) {
   return result;
 }
 const useFlickingReactiveAPI = (flickingRef, options) => {
-  return useReactive(flickingReactiveAPIAdapter, () => ({
-    flicking: flickingRef.current ?? void 0,
-    options
-  }));
+  return useReactive(flickingReactiveAPIAdapter, () => {
+    var _a;
+    return {
+      flicking: (_a = flickingRef.current) != null ? _a : void 0,
+      options
+    };
+  });
 };
 export {
   CrossFlicking,