eSales Media Git repositories
Browse code

Refactor and rewrite as contao bundle

Benjamin Roth authored on04/11/2022 22:32:32
Showing1 changed files
src/Resources/public/js/lib/swiper/6.5.0/cjs/react/swiper.js
History View file @cf51758
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,201 @@
1 
+"use strict";
2 
+
3 
+exports.__esModule = true;
4 
+exports.Swiper = void 0;
5 
+
6 
+var _react = _interopRequireWildcard(require("react"));
7 
+
8 
+var _getParams2 = require("./get-params");
9 
+
10 
+var _initSwiper = require("./init-swiper");
11 
+
12 
+var _utils = require("./utils");
13 
+
14 
+var _loop = require("./loop");
15 
+
16 
+var _getChangedParams = require("./get-changed-params");
17 
+
18 
+var _getChildren2 = require("./get-children");
19 
+
20 
+var _updateSwiper = require("./update-swiper");
21 
+
22 
+var _virtual = require("./virtual");
23 
+
24 
+var _useIsomorphicLayoutEffect = require("./use-isomorphic-layout-effect");
25 
+
26 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
27 
+
28 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29 
+
30 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
31 
+
32 
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
33 
+
34 
+var Swiper = /*#__PURE__*/(0, _react.forwardRef)(function (_temp, externalElRef) {
35 
+  var _ref = _temp === void 0 ? {} : _temp,
36 
+      className = _ref.className,
37 
+      _ref$tag = _ref.tag,
38 
+      Tag = _ref$tag === void 0 ? 'div' : _ref$tag,
39 
+      _ref$wrapperTag = _ref.wrapperTag,
40 
+      WrapperTag = _ref$wrapperTag === void 0 ? 'div' : _ref$wrapperTag,
41 
+      children = _ref.children,
42 
+      onSwiper = _ref.onSwiper,
43 
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "tag", "wrapperTag", "children", "onSwiper"]);
44 
+
45 
+  var _useState = (0, _react.useState)('swiper-container'),
46 
+      containerClasses = _useState[0],
47 
+      setContainerClasses = _useState[1];
48 
+
49 
+  var _useState2 = (0, _react.useState)(null),
50 
+      virtualData = _useState2[0],
51 
+      setVirtualData = _useState2[1];
52 
+
53 
+  var _useState3 = (0, _react.useState)(false),
54 
+      breakpointChanged = _useState3[0],
55 
+      setBreakpointChanged = _useState3[1];
56 
+
57 
+  var initializedRef = (0, _react.useRef)(false);
58 
+  var swiperElRef = (0, _react.useRef)(null);
59 
+  var swiperRef = (0, _react.useRef)(null);
60 
+  var oldPassedParamsRef = (0, _react.useRef)(null);
61 
+  var oldSlides = (0, _react.useRef)(null);
62 
+  var nextElRef = (0, _react.useRef)(null);
63 
+  var prevElRef = (0, _react.useRef)(null);
64 
+  var paginationElRef = (0, _react.useRef)(null);
65 
+  var scrollbarElRef = (0, _react.useRef)(null);
66 
+
67 
+  var _getParams = (0, _getParams2.getParams)(rest),
68 
+      swiperParams = _getParams.params,
69 
+      passedParams = _getParams.passedParams,
70 
+      restProps = _getParams.rest;
71 
+
72 
+  var _getChildren = (0, _getChildren2.getChildren)(children),
73 
+      slides = _getChildren.slides,
74 
+      slots = _getChildren.slots;
75 
+
76 
+  var changedParams = (0, _getChangedParams.getChangedParams)(passedParams, oldPassedParamsRef.current, slides, oldSlides.current);
77 
+  oldPassedParamsRef.current = passedParams;
78 
+  oldSlides.current = slides;
79 
+
80 
+  var onBeforeBreakpoint = function onBeforeBreakpoint() {
81 
+    setBreakpointChanged(!breakpointChanged);
82 
+  };
83 
+
84 
+  Object.assign(swiperParams.on, {
85 
+    _containerClasses: function _containerClasses(swiper, classes) {
86 
+      setContainerClasses(classes);
87 
+    }
88 
+  });
89 
+
90 
+  if (!swiperElRef.current) {
91 
+    // init swiper
92 
+    swiperRef.current = (0, _initSwiper.initSwiper)(swiperParams);
93 
+
94 
+    swiperRef.current.loopCreate = function () {};
95 
+
96 
+    swiperRef.current.loopDestroy = function () {};
97 
+
98 
+    if (swiperParams.loop) {
99 
+      swiperRef.current.loopedSlides = (0, _loop.calcLoopedSlides)(slides, swiperParams);
100 
+    }
101 
+
102 
+    if (swiperRef.current.virtual && swiperRef.current.params.virtual.enabled) {
103 
+      swiperRef.current.virtual.slides = slides;
104 
+      var extendWith = {
105 
+        cache: false,
106 
+        renderExternal: setVirtualData,
107 
+        renderExternalUpdate: false
108 
+      };
109 
+      (0, _utils.extend)(swiperRef.current.params.virtual, extendWith);
110 
+      (0, _utils.extend)(swiperRef.current.originalParams.virtual, extendWith);
111 
+    }
112 
+  } // Listen for breakpoints change
113 
+
114 
+
115 
+  if (swiperRef.current) {
116 
+    swiperRef.current.on('_beforeBreakpoint', onBeforeBreakpoint);
117 
+  }
118 
+
119 
+  (0, _react.useEffect)(function () {
120 
+    return function () {
121 
+      if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);
122 
+    };
123 
+  }); // set initialized flag
124 
+
125 
+  (0, _react.useEffect)(function () {
126 
+    if (!initializedRef.current && swiperRef.current) {
127 
+      swiperRef.current.emitSlidesClasses();
128 
+      initializedRef.current = true;
129 
+    }
130 
+  }); // mount swiper
131 
+
132 
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
133 
+    if (externalElRef) {
134 
+      externalElRef.current = swiperElRef.current;
135 
+    }
136 
+
137 
+    if (!swiperElRef.current) return;
138 
+    (0, _initSwiper.mountSwiper)({
139 
+      el: swiperElRef.current,
140 
+      nextEl: nextElRef.current,
141 
+      prevEl: prevElRef.current,
142 
+      paginationEl: paginationElRef.current,
143 
+      scrollbarEl: scrollbarElRef.current,
144 
+      swiper: swiperRef.current
145 
+    }, swiperParams);
146 
+    if (onSwiper) onSwiper(swiperRef.current); // eslint-disable-next-line
147 
+
148 
+    return function () {
149 
+      if (swiperRef.current && !swiperRef.current.destroyed) {
150 
+        swiperRef.current.destroy(true, false);
151 
+      }
152 
+    };
153 
+  }, []); // watch for params change
154 
+
155 
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
156 
+    if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {
157 
+      (0, _updateSwiper.updateSwiper)(swiperRef.current, slides, passedParams, changedParams);
158 
+    }
159 
+  }); // update on virtual update
160 
+
161 
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
162 
+    (0, _virtual.updateOnVirtualData)(swiperRef.current);
163 
+  }, [virtualData]); // bypass swiper instance to slides
164 
+
165 
+  function renderSlides() {
166 
+    if (swiperParams.virtual) {
167 
+      return (0, _virtual.renderVirtual)(swiperRef.current, slides, virtualData);
168 
+    }
169 
+
170 
+    if (!swiperParams.loop || swiperRef.current && swiperRef.current.destroyed) {
171 
+      return slides.map(function (child) {
172 
+        return /*#__PURE__*/_react.default.cloneElement(child, {
173 
+          swiper: swiperRef.current
174 
+        });
175 
+      });
176 
+    }
177 
+
178 
+    return (0, _loop.renderLoop)(swiperRef.current, slides, swiperParams);
179 
+  }
180 
+
181 
+  return /*#__PURE__*/_react.default.createElement(Tag, _extends({
182 
+    ref: swiperElRef,
183 
+    className: (0, _utils.uniqueClasses)("" + containerClasses + (className ? " " + className : ''))
184 
+  }, restProps), slots['container-start'], (0, _utils.needsNavigation)(swiperParams) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
185 
+    ref: prevElRef,
186 
+    className: "swiper-button-prev"
187 
+  }), /*#__PURE__*/_react.default.createElement("div", {
188 
+    ref: nextElRef,
189 
+    className: "swiper-button-next"
190 
+  })), (0, _utils.needsScrollbar)(swiperParams) && /*#__PURE__*/_react.default.createElement("div", {
191 
+    ref: scrollbarElRef,
192 
+    className: "swiper-scrollbar"
193 
+  }), (0, _utils.needsPagination)(swiperParams) && /*#__PURE__*/_react.default.createElement("div", {
194 
+    ref: paginationElRef,
195 
+    className: "swiper-pagination"
196 
+  }), /*#__PURE__*/_react.default.createElement(WrapperTag, {
197 
+    className: "swiper-wrapper"
198 
+  }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), slots['container-end']);
199 
+});
200 
+exports.Swiper = Swiper;
201 
+Swiper.displayName = 'Swiper';
0 202 
\ No newline at end of file