eSales Media Git repositories
Browse code

Refactor and rewrite as contao bundle

Benjamin Roth authored on04/11/2022 22:32:32
Showing1 changed files
assets/lib/swiper/6.3.3/esm/react/swiper.js
History View file @cf51758
1 1 
deleted file mode 100644
... ... 
@@ -1,174 +0,0 @@
1 
-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); }
2 
-
3 
-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; }
4 
-
5 
-import React, { useRef, useState, useEffect, forwardRef } from 'react';
6 
-import { getParams } from './get-params';
7 
-import { initSwiper } from './init-swiper';
8 
-import { needsScrollbar, needsNavigation, needsPagination, uniqueClasses } from './utils';
9 
-import { renderLoop, calcLoopedSlides } from './loop';
10 
-import { getChangedParams } from './get-changed-params';
11 
-import { getChildren } from './get-children';
12 
-import { updateSwiper } from './update-swiper';
13 
-import { renderVirtual, updateOnVirtualData } from './virtual';
14 
-import { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
15 
-var Swiper = forwardRef(function (_temp, externalElRef) {
16 
-  var _ref = _temp === void 0 ? {} : _temp,
17 
-      className = _ref.className,
18 
-      _ref$tag = _ref.tag,
19 
-      Tag = _ref$tag === void 0 ? 'div' : _ref$tag,
20 
-      _ref$wrapperTag = _ref.wrapperTag,
21 
-      WrapperTag = _ref$wrapperTag === void 0 ? 'div' : _ref$wrapperTag,
22 
-      children = _ref.children,
23 
-      onSwiper = _ref.onSwiper,
24 
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "tag", "wrapperTag", "children", "onSwiper"]);
25 
-
26 
-  var _useState = useState('swiper-container'),
27 
-      containerClasses = _useState[0],
28 
-      setContainerClasses = _useState[1];
29 
-
30 
-  var _useState2 = useState(null),
31 
-      virtualData = _useState2[0],
32 
-      setVirtualData = _useState2[1];
33 
-
34 
-  var _useState3 = useState(false),
35 
-      breakpointChanged = _useState3[0],
36 
-      setBreakpointChanged = _useState3[1];
37 
-
38 
-  var initializedRef = useRef(false);
39 
-  var swiperElRef = useRef(null);
40 
-  var swiperRef = useRef(null);
41 
-  var oldPassedParamsRef = useRef(null);
42 
-  var oldSlides = useRef(null);
43 
-  var nextElRef = useRef(null);
44 
-  var prevElRef = useRef(null);
45 
-  var paginationElRef = useRef(null);
46 
-  var scrollbarElRef = useRef(null);
47 
-
48 
-  var _getParams = getParams(rest),
49 
-      swiperParams = _getParams.params,
50 
-      passedParams = _getParams.passedParams,
51 
-      restProps = _getParams.rest;
52 
-
53 
-  var _getChildren = getChildren(children),
54 
-      slides = _getChildren.slides,
55 
-      slots = _getChildren.slots;
56 
-
57 
-  var changedParams = getChangedParams(passedParams, oldPassedParamsRef.current, slides, oldSlides.current);
58 
-  oldPassedParamsRef.current = passedParams;
59 
-  oldSlides.current = slides;
60 
-
61 
-  var onBeforeBreakpoint = function onBeforeBreakpoint() {
62 
-    setBreakpointChanged(!breakpointChanged);
63 
-  };
64 
-
65 
-  Object.assign(swiperParams.on, {
66 
-    _containerClasses: function _containerClasses(swiper, classes) {
67 
-      setContainerClasses(classes);
68 
-    },
69 
-    _swiper: function _swiper(swiper) {
70 
-      swiper.loopCreate = function () {};
71 
-
72 
-      swiper.loopDestroy = function () {};
73 
-
74 
-      if (swiperParams.loop) {
75 
-        swiper.loopedSlides = calcLoopedSlides(slides, swiperParams);
76 
-      }
77 
-
78 
-      swiperRef.current = swiper;
79 
-
80 
-      if (swiper.virtual && swiper.params.virtual.enabled) {
81 
-        swiper.virtual.slides = slides;
82 
-        swiper.params.virtual.cache = false;
83 
-        swiper.params.virtual.renderExternal = setVirtualData;
84 
-        swiper.params.virtual.renderExternalUpdate = false;
85 
-      }
86 
-    }
87 
-  });
88 
-
89 
-  if (swiperRef.current) {
90 
-    swiperRef.current.on('_beforeBreakpoint', onBeforeBreakpoint);
91 
-  }
92 
-
93 
-  useEffect(function () {
94 
-    return function () {
95 
-      if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);
96 
-    };
97 
-  }); // set initialized flag
98 
-
99 
-  useEffect(function () {
100 
-    if (!initializedRef.current && swiperRef.current) {
101 
-      swiperRef.current.emitSlidesClasses();
102 
-      initializedRef.current = true;
103 
-    }
104 
-  }); // watch for params change
105 
-
106 
-  useIsomorphicLayoutEffect(function () {
107 
-    if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {
108 
-      updateSwiper(swiperRef.current, slides, passedParams, changedParams);
109 
-    }
110 
-  }); // update on virtual update
111 
-
112 
-  useIsomorphicLayoutEffect(function () {
113 
-    updateOnVirtualData(swiperRef.current);
114 
-  }, [virtualData]); // init swiper
115 
-
116 
-  useIsomorphicLayoutEffect(function () {
117 
-    if (externalElRef) {
118 
-      externalElRef.current = swiperElRef.current;
119 
-    }
120 
-
121 
-    if (!swiperElRef.current) return;
122 
-    initSwiper({
123 
-      el: swiperElRef.current,
124 
-      nextEl: nextElRef.current,
125 
-      prevEl: prevElRef.current,
126 
-      paginationEl: paginationElRef.current,
127 
-      scrollbarEl: scrollbarElRef.current
128 
-    }, swiperParams);
129 
-    if (onSwiper) onSwiper(swiperRef.current); // eslint-disable-next-line
130 
-
131 
-    return function () {
132 
-      if (swiperRef.current && !swiperRef.current.destroyed) {
133 
-        swiperRef.current.destroy();
134 
-      }
135 
-    };
136 
-  }, []); // bypass swiper instance to slides
137 
-
138 
-  function renderSlides() {
139 
-    if (swiperParams.virtual) {
140 
-      return renderVirtual(swiperRef.current, slides, virtualData);
141 
-    }
142 
-
143 
-    if (!swiperParams.loop || swiperRef.current && swiperRef.current.destroyed) {
144 
-      return slides.map(function (child) {
145 
-        return React.cloneElement(child, {
146 
-          swiper: swiperRef.current
147 
-        });
148 
-      });
149 
-    }
150 
-
151 
-    return renderLoop(swiperRef.current, slides, swiperParams);
152 
-  }
153 
-
154 
-  return /*#__PURE__*/React.createElement(Tag, _extends({
155 
-    ref: swiperElRef,
156 
-    className: uniqueClasses("" + containerClasses + (className ? " " + className : ''))
157 
-  }, restProps), slots['container-start'], needsNavigation(swiperParams) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
158 
-    ref: prevElRef,
159 
-    className: "swiper-button-prev"
160 
-  }), /*#__PURE__*/React.createElement("div", {
161 
-    ref: nextElRef,
162 
-    className: "swiper-button-next"
163 
-  })), needsScrollbar(swiperParams) && /*#__PURE__*/React.createElement("div", {
164 
-    ref: scrollbarElRef,
165 
-    className: "swiper-scrollbar"
166 
-  }), needsPagination(swiperParams) && /*#__PURE__*/React.createElement("div", {
167 
-    ref: paginationElRef,
168 
-    className: "swiper-pagination"
169 
-  }), /*#__PURE__*/React.createElement(WrapperTag, {
170 
-    className: "swiper-wrapper"
171 
-  }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), slots['container-end']);
172 
-});
173 
-Swiper.displayName = 'Swiper';
174 
-export { Swiper };
175 0 
\ No newline at end of file
Browse code

swiper.js version 6.3.3

Benjamin Roth authored on13/10/2020 19:31:56
Showing1 changed files
assets/lib/swiper/6.3.3/esm/react/swiper.js
History View file @6796b82
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,174 @@
1 
+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); }
2 
+
3 
+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; }
4 
+
5 
+import React, { useRef, useState, useEffect, forwardRef } from 'react';
6 
+import { getParams } from './get-params';
7 
+import { initSwiper } from './init-swiper';
8 
+import { needsScrollbar, needsNavigation, needsPagination, uniqueClasses } from './utils';
9 
+import { renderLoop, calcLoopedSlides } from './loop';
10 
+import { getChangedParams } from './get-changed-params';
11 
+import { getChildren } from './get-children';
12 
+import { updateSwiper } from './update-swiper';
13 
+import { renderVirtual, updateOnVirtualData } from './virtual';
14 
+import { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';
15 
+var Swiper = forwardRef(function (_temp, externalElRef) {
16 
+  var _ref = _temp === void 0 ? {} : _temp,
17 
+      className = _ref.className,
18 
+      _ref$tag = _ref.tag,
19 
+      Tag = _ref$tag === void 0 ? 'div' : _ref$tag,
20 
+      _ref$wrapperTag = _ref.wrapperTag,
21 
+      WrapperTag = _ref$wrapperTag === void 0 ? 'div' : _ref$wrapperTag,
22 
+      children = _ref.children,
23 
+      onSwiper = _ref.onSwiper,
24 
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "tag", "wrapperTag", "children", "onSwiper"]);
25 
+
26 
+  var _useState = useState('swiper-container'),
27 
+      containerClasses = _useState[0],
28 
+      setContainerClasses = _useState[1];
29 
+
30 
+  var _useState2 = useState(null),
31 
+      virtualData = _useState2[0],
32 
+      setVirtualData = _useState2[1];
33 
+
34 
+  var _useState3 = useState(false),
35 
+      breakpointChanged = _useState3[0],
36 
+      setBreakpointChanged = _useState3[1];
37 
+
38 
+  var initializedRef = useRef(false);
39 
+  var swiperElRef = useRef(null);
40 
+  var swiperRef = useRef(null);
41 
+  var oldPassedParamsRef = useRef(null);
42 
+  var oldSlides = useRef(null);
43 
+  var nextElRef = useRef(null);
44 
+  var prevElRef = useRef(null);
45 
+  var paginationElRef = useRef(null);
46 
+  var scrollbarElRef = useRef(null);
47 
+
48 
+  var _getParams = getParams(rest),
49 
+      swiperParams = _getParams.params,
50 
+      passedParams = _getParams.passedParams,
51 
+      restProps = _getParams.rest;
52 
+
53 
+  var _getChildren = getChildren(children),
54 
+      slides = _getChildren.slides,
55 
+      slots = _getChildren.slots;
56 
+
57 
+  var changedParams = getChangedParams(passedParams, oldPassedParamsRef.current, slides, oldSlides.current);
58 
+  oldPassedParamsRef.current = passedParams;
59 
+  oldSlides.current = slides;
60 
+
61 
+  var onBeforeBreakpoint = function onBeforeBreakpoint() {
62 
+    setBreakpointChanged(!breakpointChanged);
63 
+  };
64 
+
65 
+  Object.assign(swiperParams.on, {
66 
+    _containerClasses: function _containerClasses(swiper, classes) {
67 
+      setContainerClasses(classes);
68 
+    },
69 
+    _swiper: function _swiper(swiper) {
70 
+      swiper.loopCreate = function () {};
71 
+
72 
+      swiper.loopDestroy = function () {};
73 
+
74 
+      if (swiperParams.loop) {
75 
+        swiper.loopedSlides = calcLoopedSlides(slides, swiperParams);
76 
+      }
77 
+
78 
+      swiperRef.current = swiper;
79 
+
80 
+      if (swiper.virtual && swiper.params.virtual.enabled) {
81 
+        swiper.virtual.slides = slides;
82 
+        swiper.params.virtual.cache = false;
83 
+        swiper.params.virtual.renderExternal = setVirtualData;
84 
+        swiper.params.virtual.renderExternalUpdate = false;
85 
+      }
86 
+    }
87 
+  });
88 
+
89 
+  if (swiperRef.current) {
90 
+    swiperRef.current.on('_beforeBreakpoint', onBeforeBreakpoint);
91 
+  }
92 
+
93 
+  useEffect(function () {
94 
+    return function () {
95 
+      if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);
96 
+    };
97 
+  }); // set initialized flag
98 
+
99 
+  useEffect(function () {
100 
+    if (!initializedRef.current && swiperRef.current) {
101 
+      swiperRef.current.emitSlidesClasses();
102 
+      initializedRef.current = true;
103 
+    }
104 
+  }); // watch for params change
105 
+
106 
+  useIsomorphicLayoutEffect(function () {
107 
+    if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {
108 
+      updateSwiper(swiperRef.current, slides, passedParams, changedParams);
109 
+    }
110 
+  }); // update on virtual update
111 
+
112 
+  useIsomorphicLayoutEffect(function () {
113 
+    updateOnVirtualData(swiperRef.current);
114 
+  }, [virtualData]); // init swiper
115 
+
116 
+  useIsomorphicLayoutEffect(function () {
117 
+    if (externalElRef) {
118 
+      externalElRef.current = swiperElRef.current;
119 
+    }
120 
+
121 
+    if (!swiperElRef.current) return;
122 
+    initSwiper({
123 
+      el: swiperElRef.current,
124 
+      nextEl: nextElRef.current,
125 
+      prevEl: prevElRef.current,
126 
+      paginationEl: paginationElRef.current,
127 
+      scrollbarEl: scrollbarElRef.current
128 
+    }, swiperParams);
129 
+    if (onSwiper) onSwiper(swiperRef.current); // eslint-disable-next-line
130 
+
131 
+    return function () {
132 
+      if (swiperRef.current && !swiperRef.current.destroyed) {
133 
+        swiperRef.current.destroy();
134 
+      }
135 
+    };
136 
+  }, []); // bypass swiper instance to slides
137 
+
138 
+  function renderSlides() {
139 
+    if (swiperParams.virtual) {
140 
+      return renderVirtual(swiperRef.current, slides, virtualData);
141 
+    }
142 
+
143 
+    if (!swiperParams.loop || swiperRef.current && swiperRef.current.destroyed) {
144 
+      return slides.map(function (child) {
145 
+        return React.cloneElement(child, {
146 
+          swiper: swiperRef.current
147 
+        });
148 
+      });
149 
+    }
150 
+
151 
+    return renderLoop(swiperRef.current, slides, swiperParams);
152 
+  }
153 
+
154 
+  return /*#__PURE__*/React.createElement(Tag, _extends({
155 
+    ref: swiperElRef,
156 
+    className: uniqueClasses("" + containerClasses + (className ? " " + className : ''))
157 
+  }, restProps), slots['container-start'], needsNavigation(swiperParams) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
158 
+    ref: prevElRef,
159 
+    className: "swiper-button-prev"
160 
+  }), /*#__PURE__*/React.createElement("div", {
161 
+    ref: nextElRef,
162 
+    className: "swiper-button-next"
163 
+  })), needsScrollbar(swiperParams) && /*#__PURE__*/React.createElement("div", {
164 
+    ref: scrollbarElRef,
165 
+    className: "swiper-scrollbar"
166 
+  }), needsPagination(swiperParams) && /*#__PURE__*/React.createElement("div", {
167 
+    ref: paginationElRef,
168 
+    className: "swiper-pagination"
169 
+  }), /*#__PURE__*/React.createElement(WrapperTag, {
170 
+    className: "swiper-wrapper"
171 
+  }, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), slots['container-end']);
172 
+});
173 
+Swiper.displayName = 'Swiper';
174 
+export { Swiper };
0 175 
\ No newline at end of file