Browse code

Refactor and rewrite as contao bundle

Benjamin Roth authored on04/11/2022 22:32:32
Showing1 changed files
1 1
deleted file mode 100644
... ...
@@ -1,201 +0,0 @@
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';
202 0
\ No newline at end of file
Browse code

swiper.js version 6.5.0

Benjamin Roth authored on14/03/2021 15:29:46
Showing1 changed files
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