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

package/dist/flicking.js

@@ -1,7 +1,61 @@
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory(require("react"), require("@egjs/component"), require("@egjs/flicking"), require("@egjs/list-differ")) : typeof define === "function" && define.amd ? define(["react", "@egjs/component", "@egjs/flicking", "@egjs/list-differ"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global.ReactFlicking = factory(global.React, global.Component, global.Flicking, global.eg.ListDiffer));
 })(this, (function(React, Component, VanillaFlicking, ListDiffer) {
-  "use strict";
+  "use strict";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());
+  });
+};
+
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
     if (e) {
@@ -975,19 +1029,23 @@
   };
   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 VanillaFlicking.ExternalRenderer {
@@ -996,37 +1054,41 @@
       this._reactFlicking = options.reactFlicking;
     }
     // eslint-disable-next-line @typescript-eslint/require-await
-    async render() {
-      const flicking = VanillaFlicking.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 = VanillaFlicking.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() {
@@ -1074,13 +1136,13 @@
     }
   }
   const ViewportSlot = React.memo((props) => /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.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__namespace.Component {
@@ -1107,10 +1169,9 @@
           providerCtor: ReactElementProvider
         })
       };
-      const flicking = new VanillaFlicking(this._viewportElement, {
-        ...props,
+      const flicking = new VanillaFlicking(this._viewportElement, __spreadProps(__spreadValues({}, props), {
         externalRenderer: new ReactRenderer(rendererOptions)
-      });
+      }));
       this._vanillaFlicking = flicking;
       const children = this._getChildren();
       this._jsxDiffer = new ListDiffer(children, (panel) => panel.key);
@@ -1123,13 +1184,14 @@
       }
     }
     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;
@@ -1159,7 +1221,7 @@
       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];
@@ -1170,6 +1232,7 @@
       this._diffResult = null;
     }
     render() {
+      var _a;
       const props = this.props;
       const Viewport = props.viewportTag;
       const Camera = props.cameraTag;
@@ -1181,24 +1244,24 @@
         }
       }
       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__ */ jsxRuntimeExports.jsxs(
         Viewport,
-        {
-          ...attributes,
+        __spreadProps(__spreadValues({}, attributes), {
           className: viewportClasses.join(" "),
           ref: (e) => {
             e && (this._viewportElement = e);
           },
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Camera, { className: cameraClasses.join(" "), ...cameraProps, children: panels }),
+            /* @__PURE__ */ jsxRuntimeExports.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 ? VanillaFlicking.range(panelsPerView + 1).map(() => React__namespace.createRef()) : children.map(() => React__namespace.createRef());
     }
     _bindEvents() {
@@ -1226,11 +1289,12 @@
       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");
       }
@@ -1285,9 +1349,9 @@
       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) : VanillaFlicking.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__ */ jsxRuntimeExports.jsx(StrictPanel, { ref: this._panels[idx], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-element-index": idx, className: panelClass, style: size }) }, idx);
@@ -1297,7 +1361,7 @@
       const origChildren = this._getChildren();
       const vanillaFlicking = this._vanillaFlicking;
       const diffResult = this._diffResult;
-      const children = vanillaFlicking?.initialized ? diffResult ? VanillaFlicking.getRenderingPanels(vanillaFlicking, diffResult) : VanillaFlicking.getRenderingPanels(vanillaFlicking, ListDiffer.diff(origChildren, origChildren)) : origChildren;
+      const children = (vanillaFlicking == null ? void 0 : vanillaFlicking.initialized) ? diffResult ? VanillaFlicking.getRenderingPanels(vanillaFlicking, diffResult) : VanillaFlicking.getRenderingPanels(vanillaFlicking, ListDiffer.diff(origChildren, origChildren)) : origChildren;
       return children.map((child, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(StrictPanel, { ref: this._panels[idx], children: child }, child.key));
     }
     _isFragment(child) {
@@ -1622,10 +1686,13 @@
     return result;
   }
   const useFlickingReactiveAPI = (flickingRef, options) => {
-    return useReactive(VanillaFlicking.flickingReactiveAPIAdapter, () => ({
-      flicking: flickingRef.current ?? void 0,
-      options
-    }));
+    return useReactive(VanillaFlicking.flickingReactiveAPIAdapter, () => {
+      var _a;
+      return {
+        flicking: (_a = flickingRef.current) != null ? _a : void 0,
+        options
+      };
+    });
   };
   Flicking.ViewportSlot = ViewportSlot;
   Flicking.useFlickingReactiveAPI = useFlickingReactiveAPI;