@m4l/components 0.0.46 → 0.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs.js +1 -1
- package/dist/components/CommonActions/components/ActionCancel/index.d.ts +3 -0
- package/dist/components/CommonActions/components/ActionCancel/index.js +15 -0
- package/dist/components/CommonActions/components/ActionFormCancel/index.d.ts +3 -0
- package/dist/components/CommonActions/components/ActionFormCancel/index.js +62 -0
- package/dist/components/CommonActions/components/ActionFormCancel/types.d.ts +6 -0
- package/dist/components/CommonActions/components/ActionFormIntro/index.d.ts +3 -0
- package/dist/components/CommonActions/components/ActionFormIntro/index.js +35 -0
- package/dist/components/CommonActions/components/ActionIntro/index.d.ts +3 -0
- package/dist/components/CommonActions/components/ActionIntro/index.js +16 -0
- package/dist/components/CommonActions/components/Actions/index.d.ts +3 -0
- package/dist/components/CommonActions/components/Actions/index.js +857 -0
- package/dist/components/CommonActions/components/Actions/styles.d.ts +2 -0
- package/dist/components/CommonActions/components/Actions/types.d.ts +4 -0
- package/dist/components/{FormActions → CommonActions}/dictionary.d.ts +1 -1
- package/dist/components/CommonActions/index.d.ts +6 -0
- package/dist/components/DataGrid/index.js +8 -648
- package/dist/components/DynamicFilter/components/fieldstypes/DateTimeFilter/index.d.ts +2 -1
- package/dist/components/DynamicFilter/components/fieldstypes/factory.d.ts +2 -1
- package/dist/components/DynamicFilter/index.js +23 -23
- package/dist/components/Icon/index.js +14 -12
- package/dist/components/ModalDialog/components/Header/types.d.ts +2 -2
- package/dist/components/ModalDialog/index.js +20 -20
- package/dist/components/ModalDialog/types.d.ts +2 -2
- package/dist/components/ObjectLogs/index.js +0 -3
- package/dist/components/SplitLayout/index.js +0 -1
- package/dist/components/formatters/DateFormatter/index.js +10 -8
- package/dist/components/hook-form/FormProvider/index.js +8 -124
- package/dist/components/hook-form/FormProvider/types.d.ts +0 -2
- package/dist/components/hook-form/RHFTextField/index.d.ts +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/mui_extended/Button/index.d.ts +3 -0
- package/dist/components/mui_extended/Button/styles.d.ts +12 -0
- package/dist/components/mui_extended/Button/types.d.ts +2 -0
- package/dist/components/mui_extended/IconButton/index.d.ts +0 -1
- package/dist/components/mui_extended/IconButton/index.js +23 -16
- package/dist/components/mui_extended/Pager/index.js +1 -66
- package/dist/contexts/ModalContext/components/ContentConfirm/types.d.ts +3 -3
- package/dist/contexts/ModalContext/index.js +12 -9
- package/dist/contexts/ModalContext/types.d.ts +5 -6
- package/dist/index.js +8 -5
- package/dist/react-lazy-load-image-component.js +197 -173
- package/dist/utils/index.d.ts +3 -3
- package/dist/utils/types.d.ts +1 -0
- package/dist/vendor.js +55 -34
- package/package.json +4 -5
- package/dist/components/FormActions/index.d.ts +0 -3
- package/dist/components/FormActions/index.js +0 -51
- package/dist/components/FormActions/styles.d.ts +0 -2
- package/dist/components/FormActions/types.d.ts +0 -7
- package/dist/components/hook-form/FormProvider/components/FormActions/index.d.ts +0 -3
- package/dist/components/hook-form/FormProvider/components/FormActions/skeleton.d.ts +0 -2
- package/dist/components/hook-form/FormProvider/components/FormActions/styles.d.ts +0 -3
- package/dist/components/hook-form/FormProvider/components/FormActions/types.d.ts +0 -4
- package/dist/components/mui_extended/MenuActions/index.js +0 -111
|
@@ -3,7 +3,7 @@ import require$$2 from "react-dom";
|
|
|
3
3
|
var build = { exports: {} };
|
|
4
4
|
(() => {
|
|
5
5
|
var e = { 296: (e2, t2, r2) => {
|
|
6
|
-
var
|
|
6
|
+
var n2 = /^\s+|\s+$/g, o = /^[-+]0x[0-9a-f]+$/i, i = /^0b[01]+$/i, c = /^0o[0-7]+$/i, s = parseInt, u = typeof r2.g == "object" && r2.g && r2.g.Object === Object && r2.g, l = typeof self == "object" && self && self.Object === Object && self, a = u || l || Function("return this")(), f = Object.prototype.toString, p = Math.max, y = Math.min, d = function() {
|
|
7
7
|
return a.Date.now();
|
|
8
8
|
};
|
|
9
9
|
function b(e3) {
|
|
@@ -25,20 +25,20 @@ var build = { exports: {} };
|
|
|
25
25
|
}
|
|
26
26
|
if (typeof e3 != "string")
|
|
27
27
|
return e3 === 0 ? e3 : +e3;
|
|
28
|
-
e3 = e3.replace(
|
|
28
|
+
e3 = e3.replace(n2, "");
|
|
29
29
|
var r3 = i.test(e3);
|
|
30
|
-
return r3 ||
|
|
30
|
+
return r3 || c.test(e3) ? s(e3.slice(2), r3 ? 2 : 8) : o.test(e3) ? NaN : +e3;
|
|
31
31
|
}
|
|
32
32
|
e2.exports = function(e3, t3, r3) {
|
|
33
|
-
var
|
|
33
|
+
var n3, o2, i2, c2, s2, u2, l2 = 0, a2 = false, f2 = false, v = true;
|
|
34
34
|
if (typeof e3 != "function")
|
|
35
35
|
throw new TypeError("Expected a function");
|
|
36
36
|
function m(t4) {
|
|
37
|
-
var r4 =
|
|
38
|
-
return
|
|
37
|
+
var r4 = n3, i3 = o2;
|
|
38
|
+
return n3 = o2 = void 0, l2 = t4, c2 = e3.apply(i3, r4);
|
|
39
39
|
}
|
|
40
40
|
function O(e4) {
|
|
41
|
-
return l2 = e4,
|
|
41
|
+
return l2 = e4, s2 = setTimeout(g, t3), a2 ? m(e4) : c2;
|
|
42
42
|
}
|
|
43
43
|
function w(e4) {
|
|
44
44
|
var r4 = e4 - u2;
|
|
@@ -48,32 +48,32 @@ var build = { exports: {} };
|
|
|
48
48
|
var e4 = d();
|
|
49
49
|
if (w(e4))
|
|
50
50
|
return P(e4);
|
|
51
|
-
|
|
51
|
+
s2 = setTimeout(g, function(e5) {
|
|
52
52
|
var r4 = t3 - (e5 - u2);
|
|
53
53
|
return f2 ? y(r4, i2 - (e5 - l2)) : r4;
|
|
54
54
|
}(e4));
|
|
55
55
|
}
|
|
56
56
|
function P(e4) {
|
|
57
|
-
return
|
|
57
|
+
return s2 = void 0, v && n3 ? m(e4) : (n3 = o2 = void 0, c2);
|
|
58
58
|
}
|
|
59
|
-
function
|
|
59
|
+
function j() {
|
|
60
60
|
var e4 = d(), r4 = w(e4);
|
|
61
|
-
if (
|
|
62
|
-
if (
|
|
61
|
+
if (n3 = arguments, o2 = this, u2 = e4, r4) {
|
|
62
|
+
if (s2 === void 0)
|
|
63
63
|
return O(u2);
|
|
64
64
|
if (f2)
|
|
65
|
-
return
|
|
65
|
+
return s2 = setTimeout(g, t3), m(u2);
|
|
66
66
|
}
|
|
67
|
-
return
|
|
67
|
+
return s2 === void 0 && (s2 = setTimeout(g, t3)), c2;
|
|
68
68
|
}
|
|
69
|
-
return t3 = h(t3) || 0, b(r3) && (a2 = !!r3.leading, i2 = (f2 = "maxWait" in r3) ? p(h(r3.maxWait) || 0, t3) : i2, v = "trailing" in r3 ? !!r3.trailing : v),
|
|
70
|
-
|
|
71
|
-
},
|
|
72
|
-
return
|
|
73
|
-
},
|
|
69
|
+
return t3 = h(t3) || 0, b(r3) && (a2 = !!r3.leading, i2 = (f2 = "maxWait" in r3) ? p(h(r3.maxWait) || 0, t3) : i2, v = "trailing" in r3 ? !!r3.trailing : v), j.cancel = function() {
|
|
70
|
+
s2 !== void 0 && clearTimeout(s2), l2 = 0, n3 = u2 = o2 = s2 = void 0;
|
|
71
|
+
}, j.flush = function() {
|
|
72
|
+
return s2 === void 0 ? c2 : P(d());
|
|
73
|
+
}, j;
|
|
74
74
|
};
|
|
75
75
|
}, 96: (e2, t2, r2) => {
|
|
76
|
-
var
|
|
76
|
+
var n2 = "Expected a function", o = /^\s+|\s+$/g, i = /^[-+]0x[0-9a-f]+$/i, c = /^0b[01]+$/i, s = /^0o[0-7]+$/i, u = parseInt, l = typeof r2.g == "object" && r2.g && r2.g.Object === Object && r2.g, a = typeof self == "object" && self && self.Object === Object && self, f = l || a || Function("return this")(), p = Object.prototype.toString, y = Math.max, d = Math.min, b = function() {
|
|
77
77
|
return f.Date.now();
|
|
78
78
|
};
|
|
79
79
|
function h(e3) {
|
|
@@ -95,76 +95,76 @@ var build = { exports: {} };
|
|
|
95
95
|
}
|
|
96
96
|
if (typeof e3 != "string")
|
|
97
97
|
return e3 === 0 ? e3 : +e3;
|
|
98
|
-
e3 = e3.replace(
|
|
99
|
-
var r3 =
|
|
100
|
-
return r3 ||
|
|
98
|
+
e3 = e3.replace(o, "");
|
|
99
|
+
var r3 = c.test(e3);
|
|
100
|
+
return r3 || s.test(e3) ? u(e3.slice(2), r3 ? 2 : 8) : i.test(e3) ? NaN : +e3;
|
|
101
101
|
}
|
|
102
102
|
e2.exports = function(e3, t3, r3) {
|
|
103
|
-
var
|
|
103
|
+
var o2 = true, i2 = true;
|
|
104
104
|
if (typeof e3 != "function")
|
|
105
|
-
throw new TypeError(
|
|
106
|
-
return h(r3) && (
|
|
107
|
-
var
|
|
105
|
+
throw new TypeError(n2);
|
|
106
|
+
return h(r3) && (o2 = "leading" in r3 ? !!r3.leading : o2, i2 = "trailing" in r3 ? !!r3.trailing : i2), function(e4, t4, r4) {
|
|
107
|
+
var o3, i3, c2, s2, u2, l2, a2 = 0, f2 = false, p2 = false, m = true;
|
|
108
108
|
if (typeof e4 != "function")
|
|
109
|
-
throw new TypeError(
|
|
109
|
+
throw new TypeError(n2);
|
|
110
110
|
function O(t5) {
|
|
111
|
-
var r5 =
|
|
112
|
-
return
|
|
111
|
+
var r5 = o3, n3 = i3;
|
|
112
|
+
return o3 = i3 = void 0, a2 = t5, s2 = e4.apply(n3, r5);
|
|
113
113
|
}
|
|
114
114
|
function w(e5) {
|
|
115
|
-
return a2 = e5, u2 = setTimeout(P, t4), f2 ? O(e5) :
|
|
115
|
+
return a2 = e5, u2 = setTimeout(P, t4), f2 ? O(e5) : s2;
|
|
116
116
|
}
|
|
117
117
|
function g(e5) {
|
|
118
118
|
var r5 = e5 - l2;
|
|
119
|
-
return l2 === void 0 || r5 >= t4 || r5 < 0 || p2 && e5 - a2 >=
|
|
119
|
+
return l2 === void 0 || r5 >= t4 || r5 < 0 || p2 && e5 - a2 >= c2;
|
|
120
120
|
}
|
|
121
121
|
function P() {
|
|
122
122
|
var e5 = b();
|
|
123
123
|
if (g(e5))
|
|
124
|
-
return
|
|
124
|
+
return j(e5);
|
|
125
125
|
u2 = setTimeout(P, function(e6) {
|
|
126
126
|
var r5 = t4 - (e6 - l2);
|
|
127
|
-
return p2 ? d(r5,
|
|
127
|
+
return p2 ? d(r5, c2 - (e6 - a2)) : r5;
|
|
128
128
|
}(e5));
|
|
129
129
|
}
|
|
130
|
-
function
|
|
131
|
-
return u2 = void 0, m &&
|
|
130
|
+
function j(e5) {
|
|
131
|
+
return u2 = void 0, m && o3 ? O(e5) : (o3 = i3 = void 0, s2);
|
|
132
132
|
}
|
|
133
|
-
function
|
|
133
|
+
function T() {
|
|
134
134
|
var e5 = b(), r5 = g(e5);
|
|
135
|
-
if (
|
|
135
|
+
if (o3 = arguments, i3 = this, l2 = e5, r5) {
|
|
136
136
|
if (u2 === void 0)
|
|
137
137
|
return w(l2);
|
|
138
138
|
if (p2)
|
|
139
139
|
return u2 = setTimeout(P, t4), O(l2);
|
|
140
140
|
}
|
|
141
|
-
return u2 === void 0 && (u2 = setTimeout(P, t4)),
|
|
141
|
+
return u2 === void 0 && (u2 = setTimeout(P, t4)), s2;
|
|
142
142
|
}
|
|
143
|
-
return t4 = v(t4) || 0, h(r4) && (f2 = !!r4.leading,
|
|
144
|
-
u2 !== void 0 && clearTimeout(u2), a2 = 0,
|
|
145
|
-
},
|
|
146
|
-
return u2 === void 0 ?
|
|
147
|
-
},
|
|
148
|
-
}(e3, t3, { leading:
|
|
143
|
+
return t4 = v(t4) || 0, h(r4) && (f2 = !!r4.leading, c2 = (p2 = "maxWait" in r4) ? y(v(r4.maxWait) || 0, t4) : c2, m = "trailing" in r4 ? !!r4.trailing : m), T.cancel = function() {
|
|
144
|
+
u2 !== void 0 && clearTimeout(u2), a2 = 0, o3 = l2 = i3 = u2 = void 0;
|
|
145
|
+
}, T.flush = function() {
|
|
146
|
+
return u2 === void 0 ? s2 : j(b());
|
|
147
|
+
}, T;
|
|
148
|
+
}(e3, t3, { leading: o2, maxWait: t3, trailing: i2 });
|
|
149
149
|
};
|
|
150
150
|
}, 703: (e2, t2, r2) => {
|
|
151
|
-
var
|
|
152
|
-
function
|
|
151
|
+
var n2 = r2(414);
|
|
152
|
+
function o() {
|
|
153
153
|
}
|
|
154
154
|
function i() {
|
|
155
155
|
}
|
|
156
|
-
i.resetWarningCache =
|
|
157
|
-
function e3(e4, t4, r4,
|
|
158
|
-
if (
|
|
159
|
-
var
|
|
160
|
-
throw
|
|
156
|
+
i.resetWarningCache = o, e2.exports = function() {
|
|
157
|
+
function e3(e4, t4, r4, o2, i2, c) {
|
|
158
|
+
if (c !== n2) {
|
|
159
|
+
var s = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
|
|
160
|
+
throw s.name = "Invariant Violation", s;
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
163
|
function t3() {
|
|
164
164
|
return e3;
|
|
165
165
|
}
|
|
166
166
|
e3.isRequired = e3;
|
|
167
|
-
var r3 = { array: e3, bool: e3, func: e3, number: e3, object: e3, string: e3, symbol: e3, any: e3, arrayOf: t3, element: e3, elementType: e3, instanceOf: t3, node: e3, objectOf: t3, oneOf: t3, oneOfType: t3, shape: t3, exact: t3, checkPropTypes: i, resetWarningCache:
|
|
167
|
+
var r3 = { array: e3, bool: e3, func: e3, number: e3, object: e3, string: e3, symbol: e3, any: e3, arrayOf: t3, element: e3, elementType: e3, instanceOf: t3, node: e3, objectOf: t3, oneOf: t3, oneOfType: t3, shape: t3, exact: t3, checkPropTypes: i, resetWarningCache: o };
|
|
168
168
|
return r3.PropTypes = r3, r3;
|
|
169
169
|
};
|
|
170
170
|
}, 697: (e2, t2, r2) => {
|
|
@@ -172,19 +172,19 @@ var build = { exports: {} };
|
|
|
172
172
|
}, 414: (e2) => {
|
|
173
173
|
e2.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
|
|
174
174
|
} }, t = {};
|
|
175
|
-
function r(
|
|
176
|
-
var
|
|
177
|
-
if (
|
|
178
|
-
return
|
|
179
|
-
var i = t[
|
|
180
|
-
return e[
|
|
175
|
+
function r(n2) {
|
|
176
|
+
var o = t[n2];
|
|
177
|
+
if (o !== void 0)
|
|
178
|
+
return o.exports;
|
|
179
|
+
var i = t[n2] = { exports: {} };
|
|
180
|
+
return e[n2](i, i.exports, r), i.exports;
|
|
181
181
|
}
|
|
182
182
|
r.n = (e2) => {
|
|
183
183
|
var t2 = e2 && e2.__esModule ? () => e2.default : () => e2;
|
|
184
184
|
return r.d(t2, { a: t2 }), t2;
|
|
185
185
|
}, r.d = (e2, t2) => {
|
|
186
|
-
for (var
|
|
187
|
-
r.o(t2,
|
|
186
|
+
for (var n2 in t2)
|
|
187
|
+
r.o(t2, n2) && !r.o(e2, n2) && Object.defineProperty(e2, n2, { enumerable: true, get: t2[n2] });
|
|
188
188
|
}, r.g = function() {
|
|
189
189
|
if (typeof globalThis == "object")
|
|
190
190
|
return globalThis;
|
|
@@ -197,14 +197,14 @@ var build = { exports: {} };
|
|
|
197
197
|
}(), r.o = (e2, t2) => Object.prototype.hasOwnProperty.call(e2, t2), r.r = (e2) => {
|
|
198
198
|
typeof Symbol != "undefined" && Symbol.toStringTag && Object.defineProperty(e2, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e2, "__esModule", { value: true });
|
|
199
199
|
};
|
|
200
|
-
var
|
|
200
|
+
var n = {};
|
|
201
201
|
(() => {
|
|
202
|
-
r.r(
|
|
202
|
+
r.r(n), r.d(n, { LazyLoadComponent: () => J, LazyLoadImage: () => ue, trackWindowScroll: () => C });
|
|
203
203
|
const e2 = require$$0;
|
|
204
|
-
var t2 = r.n(e2),
|
|
204
|
+
var t2 = r.n(e2), o = r(697);
|
|
205
205
|
const i = require$$2;
|
|
206
|
-
var
|
|
207
|
-
function
|
|
206
|
+
var c = r.n(i);
|
|
207
|
+
function s() {
|
|
208
208
|
return typeof window != "undefined" && "IntersectionObserver" in window && "isIntersecting" in window.IntersectionObserverEntry.prototype;
|
|
209
209
|
}
|
|
210
210
|
function u(e3) {
|
|
@@ -217,10 +217,10 @@ var build = { exports: {} };
|
|
|
217
217
|
function l(e3, t3) {
|
|
218
218
|
var r2 = Object.keys(e3);
|
|
219
219
|
if (Object.getOwnPropertySymbols) {
|
|
220
|
-
var
|
|
221
|
-
t3 && (
|
|
220
|
+
var n2 = Object.getOwnPropertySymbols(e3);
|
|
221
|
+
t3 && (n2 = n2.filter(function(t4) {
|
|
222
222
|
return Object.getOwnPropertyDescriptor(e3, t4).enumerable;
|
|
223
|
-
})), r2.push.apply(r2,
|
|
223
|
+
})), r2.push.apply(r2, n2);
|
|
224
224
|
}
|
|
225
225
|
return r2;
|
|
226
226
|
}
|
|
@@ -229,8 +229,8 @@ var build = { exports: {} };
|
|
|
229
229
|
}
|
|
230
230
|
function f(e3, t3) {
|
|
231
231
|
for (var r2 = 0; r2 < t3.length; r2++) {
|
|
232
|
-
var
|
|
233
|
-
|
|
232
|
+
var n2 = t3[r2];
|
|
233
|
+
n2.enumerable = n2.enumerable || false, n2.configurable = true, "value" in n2 && (n2.writable = true), Object.defineProperty(e3, n2.key, n2);
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
function p(e3, t3) {
|
|
@@ -264,7 +264,7 @@ var build = { exports: {} };
|
|
|
264
264
|
throw new TypeError("Super expression must either be null or a function");
|
|
265
265
|
e4.prototype = Object.create(t3 && t3.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t3 && p(e4, t3);
|
|
266
266
|
}(v2, e3);
|
|
267
|
-
var r2,
|
|
267
|
+
var r2, n2, o2, i2, u2 = (o2 = v2, i2 = function() {
|
|
268
268
|
if (typeof Reflect == "undefined" || !Reflect.construct)
|
|
269
269
|
return false;
|
|
270
270
|
if (Reflect.construct.sham)
|
|
@@ -278,7 +278,7 @@ var build = { exports: {} };
|
|
|
278
278
|
return false;
|
|
279
279
|
}
|
|
280
280
|
}(), function() {
|
|
281
|
-
var e4, t3 = d(
|
|
281
|
+
var e4, t3 = d(o2);
|
|
282
282
|
if (i2) {
|
|
283
283
|
var r3 = d(this).constructor;
|
|
284
284
|
e4 = Reflect.construct(t3, arguments, r3);
|
|
@@ -291,7 +291,7 @@ var build = { exports: {} };
|
|
|
291
291
|
if (function(e5, t4) {
|
|
292
292
|
if (!(e5 instanceof t4))
|
|
293
293
|
throw new TypeError("Cannot call a class as a function");
|
|
294
|
-
}(this, v2), (t3 = u2.call(this, e4)).supportsObserver = !e4.scrollPosition && e4.useIntersectionObserver &&
|
|
294
|
+
}(this, v2), (t3 = u2.call(this, e4)).supportsObserver = !e4.scrollPosition && e4.useIntersectionObserver && s(), t3.supportsObserver) {
|
|
295
295
|
var r3 = e4.threshold;
|
|
296
296
|
t3.observer = function(e5) {
|
|
297
297
|
return h[e5] = h[e5] || new IntersectionObserver(b, { rootMargin: e5 + "px" }), h[e5];
|
|
@@ -299,24 +299,24 @@ var build = { exports: {} };
|
|
|
299
299
|
}
|
|
300
300
|
return t3;
|
|
301
301
|
}
|
|
302
|
-
return r2 = v2, (
|
|
302
|
+
return r2 = v2, (n2 = [{ key: "componentDidMount", value: function() {
|
|
303
303
|
this.placeholder && this.observer && (this.placeholder.onVisible = this.props.onVisible, this.observer.observe(this.placeholder)), this.supportsObserver || this.updateVisibility();
|
|
304
304
|
} }, { key: "componentWillUnmount", value: function() {
|
|
305
305
|
this.observer && this.observer.unobserve(this.placeholder);
|
|
306
306
|
} }, { key: "componentDidUpdate", value: function() {
|
|
307
307
|
this.supportsObserver || this.updateVisibility();
|
|
308
308
|
} }, { key: "getPlaceholderBoundingBox", value: function() {
|
|
309
|
-
var e4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.scrollPosition, t3 = this.placeholder.getBoundingClientRect(), r3 =
|
|
310
|
-
return { bottom: e4.y + t3.bottom +
|
|
309
|
+
var e4 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props.scrollPosition, t3 = this.placeholder.getBoundingClientRect(), r3 = c().findDOMNode(this.placeholder).style, n3 = { left: parseInt(r3.getPropertyValue("margin-left"), 10) || 0, top: parseInt(r3.getPropertyValue("margin-top"), 10) || 0 };
|
|
310
|
+
return { bottom: e4.y + t3.bottom + n3.top, left: e4.x + t3.left + n3.left, right: e4.x + t3.right + n3.left, top: e4.y + t3.top + n3.top };
|
|
311
311
|
} }, { key: "isPlaceholderInViewport", value: function() {
|
|
312
312
|
if (typeof window == "undefined" || !this.placeholder)
|
|
313
313
|
return false;
|
|
314
|
-
var e4 = this.props, t3 = e4.scrollPosition, r3 = e4.threshold,
|
|
315
|
-
return Boolean(
|
|
314
|
+
var e4 = this.props, t3 = e4.scrollPosition, r3 = e4.threshold, n3 = this.getPlaceholderBoundingBox(t3), o3 = t3.y + window.innerHeight, i3 = t3.x, c2 = t3.x + window.innerWidth, s2 = t3.y;
|
|
315
|
+
return Boolean(s2 - r3 <= n3.bottom && o3 + r3 >= n3.top && i3 - r3 <= n3.right && c2 + r3 >= n3.left);
|
|
316
316
|
} }, { key: "updateVisibility", value: function() {
|
|
317
317
|
this.isPlaceholderInViewport() && this.props.onVisible();
|
|
318
318
|
} }, { key: "render", value: function() {
|
|
319
|
-
var e4 = this, r3 = this.props,
|
|
319
|
+
var e4 = this, r3 = this.props, n3 = r3.className, o3 = r3.height, i3 = r3.placeholder, c2 = r3.style, s2 = r3.width;
|
|
320
320
|
if (i3 && typeof i3.type != "function")
|
|
321
321
|
return t2().cloneElement(i3, { ref: function(t3) {
|
|
322
322
|
return e4.placeholder = t3;
|
|
@@ -331,23 +331,23 @@ var build = { exports: {} };
|
|
|
331
331
|
});
|
|
332
332
|
}
|
|
333
333
|
return e5;
|
|
334
|
-
}({ display: "inline-block" },
|
|
335
|
-
return
|
|
334
|
+
}({ display: "inline-block" }, c2);
|
|
335
|
+
return s2 !== void 0 && (u3.width = s2), o3 !== void 0 && (u3.height = o3), t2().createElement("span", { className: n3, ref: function(t3) {
|
|
336
336
|
return e4.placeholder = t3;
|
|
337
337
|
}, style: u3 }, i3);
|
|
338
|
-
} }]) && f(r2.prototype,
|
|
338
|
+
} }]) && f(r2.prototype, n2), v2;
|
|
339
339
|
}(t2().Component);
|
|
340
|
-
v.propTypes = { onVisible:
|
|
340
|
+
v.propTypes = { onVisible: o.PropTypes.func.isRequired, className: o.PropTypes.string, height: o.PropTypes.oneOfType([o.PropTypes.number, o.PropTypes.string]), placeholder: o.PropTypes.element, threshold: o.PropTypes.number, useIntersectionObserver: o.PropTypes.bool, scrollPosition: o.PropTypes.shape({ x: o.PropTypes.number.isRequired, y: o.PropTypes.number.isRequired }), width: o.PropTypes.oneOfType([o.PropTypes.number, o.PropTypes.string]) }, v.defaultProps = { className: "", placeholder: null, threshold: 100, useIntersectionObserver: true };
|
|
341
341
|
const m = v;
|
|
342
|
-
var O = r(296), w = r.n(O), g = r(96), P = r.n(g),
|
|
342
|
+
var O = r(296), w = r.n(O), g = r(96), P = r.n(g), j = function(e3) {
|
|
343
343
|
var t3 = getComputedStyle(e3, null);
|
|
344
344
|
return t3.getPropertyValue("overflow") + t3.getPropertyValue("overflow-y") + t3.getPropertyValue("overflow-x");
|
|
345
345
|
};
|
|
346
|
-
const
|
|
346
|
+
const T = function(e3) {
|
|
347
347
|
if (!(e3 instanceof HTMLElement))
|
|
348
348
|
return window;
|
|
349
349
|
for (var t3 = e3; t3 && t3 instanceof HTMLElement; ) {
|
|
350
|
-
if (/(scroll|auto)/.test(
|
|
350
|
+
if (/(scroll|auto)/.test(j(t3)))
|
|
351
351
|
return t3;
|
|
352
352
|
t3 = t3.parentNode;
|
|
353
353
|
}
|
|
@@ -365,16 +365,16 @@ var build = { exports: {} };
|
|
|
365
365
|
return (_ = Object.assign || function(e3) {
|
|
366
366
|
for (var t3 = 1; t3 < arguments.length; t3++) {
|
|
367
367
|
var r2 = arguments[t3];
|
|
368
|
-
for (var
|
|
369
|
-
Object.prototype.hasOwnProperty.call(r2,
|
|
368
|
+
for (var n2 in r2)
|
|
369
|
+
Object.prototype.hasOwnProperty.call(r2, n2) && (e3[n2] = r2[n2]);
|
|
370
370
|
}
|
|
371
371
|
return e3;
|
|
372
372
|
}).apply(this, arguments);
|
|
373
373
|
}
|
|
374
374
|
function I(e3, t3) {
|
|
375
375
|
for (var r2 = 0; r2 < t3.length; r2++) {
|
|
376
|
-
var
|
|
377
|
-
|
|
376
|
+
var n2 = t3[r2];
|
|
377
|
+
n2.enumerable = n2.enumerable || false, n2.configurable = true, "value" in n2 && (n2.writable = true), Object.defineProperty(e3, n2.key, n2);
|
|
378
378
|
}
|
|
379
379
|
}
|
|
380
380
|
function L(e3, t3) {
|
|
@@ -411,7 +411,7 @@ var build = { exports: {} };
|
|
|
411
411
|
throw new TypeError("Super expression must either be null or a function");
|
|
412
412
|
e4.prototype = Object.create(t3 && t3.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t3 && L(e4, t3);
|
|
413
413
|
}(a2, r3);
|
|
414
|
-
var
|
|
414
|
+
var n2, o2, i2, u2, l2 = (i2 = a2, u2 = function() {
|
|
415
415
|
if (typeof Reflect == "undefined" || !Reflect.construct)
|
|
416
416
|
return false;
|
|
417
417
|
if (Reflect.construct.sham)
|
|
@@ -438,46 +438,46 @@ var build = { exports: {} };
|
|
|
438
438
|
if (function(e5, t3) {
|
|
439
439
|
if (!(e5 instanceof t3))
|
|
440
440
|
throw new TypeError("Cannot call a class as a function");
|
|
441
|
-
}(this, a2), (r4 = l2.call(this, e4)).useIntersectionObserver = e4.useIntersectionObserver &&
|
|
441
|
+
}(this, a2), (r4 = l2.call(this, e4)).useIntersectionObserver = e4.useIntersectionObserver && s(), r4.useIntersectionObserver)
|
|
442
442
|
return x(r4);
|
|
443
|
-
var
|
|
444
|
-
return e4.delayMethod === "debounce" ? r4.delayedScroll = w()(
|
|
443
|
+
var n3 = r4.onChangeScroll.bind(R(r4));
|
|
444
|
+
return e4.delayMethod === "debounce" ? r4.delayedScroll = w()(n3, e4.delayTime) : e4.delayMethod === "throttle" && (r4.delayedScroll = P()(n3, e4.delayTime)), r4.state = { scrollPosition: { x: D(), y: N() } }, r4.baseComponentRef = t2().createRef(), r4;
|
|
445
445
|
}
|
|
446
|
-
return
|
|
446
|
+
return n2 = a2, (o2 = [{ key: "componentDidMount", value: function() {
|
|
447
447
|
this.addListeners();
|
|
448
448
|
} }, { key: "componentWillUnmount", value: function() {
|
|
449
449
|
this.removeListeners();
|
|
450
450
|
} }, { key: "componentDidUpdate", value: function() {
|
|
451
|
-
typeof window == "undefined" || this.useIntersectionObserver ||
|
|
451
|
+
typeof window == "undefined" || this.useIntersectionObserver || T(c().findDOMNode(this.baseComponentRef.current)) !== this.scrollElement && (this.removeListeners(), this.addListeners());
|
|
452
452
|
} }, { key: "addListeners", value: function() {
|
|
453
|
-
typeof window == "undefined" || this.useIntersectionObserver || (this.scrollElement =
|
|
453
|
+
typeof window == "undefined" || this.useIntersectionObserver || (this.scrollElement = T(c().findDOMNode(this.baseComponentRef.current)), this.scrollElement.addEventListener("scroll", this.delayedScroll, { passive: true }), window.addEventListener("resize", this.delayedScroll, { passive: true }), this.scrollElement !== window && window.addEventListener("scroll", this.delayedScroll, { passive: true }));
|
|
454
454
|
} }, { key: "removeListeners", value: function() {
|
|
455
455
|
typeof window == "undefined" || this.useIntersectionObserver || (this.scrollElement.removeEventListener("scroll", this.delayedScroll), window.removeEventListener("resize", this.delayedScroll), this.scrollElement !== window && window.removeEventListener("scroll", this.delayedScroll));
|
|
456
456
|
} }, { key: "onChangeScroll", value: function() {
|
|
457
457
|
this.useIntersectionObserver || this.setState({ scrollPosition: { x: D(), y: N() } });
|
|
458
458
|
} }, { key: "render", value: function() {
|
|
459
|
-
var r4 = this.props,
|
|
459
|
+
var r4 = this.props, n3 = (r4.delayMethod, r4.delayTime, function(e4, t3) {
|
|
460
460
|
if (e4 == null)
|
|
461
461
|
return {};
|
|
462
|
-
var r5,
|
|
462
|
+
var r5, n4, o4 = function(e5, t4) {
|
|
463
463
|
if (e5 == null)
|
|
464
464
|
return {};
|
|
465
|
-
var r6,
|
|
466
|
-
for (
|
|
467
|
-
r6 = i4[
|
|
468
|
-
return
|
|
465
|
+
var r6, n5, o5 = {}, i4 = Object.keys(e5);
|
|
466
|
+
for (n5 = 0; n5 < i4.length; n5++)
|
|
467
|
+
r6 = i4[n5], t4.indexOf(r6) >= 0 || (o5[r6] = e5[r6]);
|
|
468
|
+
return o5;
|
|
469
469
|
}(e4, t3);
|
|
470
470
|
if (Object.getOwnPropertySymbols) {
|
|
471
471
|
var i3 = Object.getOwnPropertySymbols(e4);
|
|
472
|
-
for (
|
|
473
|
-
r5 = i3[
|
|
472
|
+
for (n4 = 0; n4 < i3.length; n4++)
|
|
473
|
+
r5 = i3[n4], t3.indexOf(r5) >= 0 || Object.prototype.propertyIsEnumerable.call(e4, r5) && (o4[r5] = e4[r5]);
|
|
474
474
|
}
|
|
475
|
-
return
|
|
476
|
-
}(r4, E)),
|
|
477
|
-
return t2().createElement(e3, _({ forwardRef: this.baseComponentRef, scrollPosition:
|
|
478
|
-
} }]) && I(
|
|
475
|
+
return o4;
|
|
476
|
+
}(r4, E)), o3 = this.useIntersectionObserver ? null : this.state.scrollPosition;
|
|
477
|
+
return t2().createElement(e3, _({ forwardRef: this.baseComponentRef, scrollPosition: o3 }, n3));
|
|
478
|
+
} }]) && I(n2.prototype, o2), a2;
|
|
479
479
|
}(t2().Component);
|
|
480
|
-
return r2.propTypes = { delayMethod:
|
|
480
|
+
return r2.propTypes = { delayMethod: o.PropTypes.oneOf(["debounce", "throttle"]), delayTime: o.PropTypes.number, useIntersectionObserver: o.PropTypes.bool }, r2.defaultProps = { delayMethod: "throttle", delayTime: 300, useIntersectionObserver: true }, r2;
|
|
481
481
|
};
|
|
482
482
|
function M(e3) {
|
|
483
483
|
return (M = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e4) {
|
|
@@ -488,8 +488,8 @@ var build = { exports: {} };
|
|
|
488
488
|
}
|
|
489
489
|
function B(e3, t3) {
|
|
490
490
|
for (var r2 = 0; r2 < t3.length; r2++) {
|
|
491
|
-
var
|
|
492
|
-
|
|
491
|
+
var n2 = t3[r2];
|
|
492
|
+
n2.enumerable = n2.enumerable || false, n2.configurable = true, "value" in n2 && (n2.writable = true), Object.defineProperty(e3, n2.key, n2);
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
495
|
function V(e3, t3) {
|
|
@@ -518,8 +518,8 @@ var build = { exports: {} };
|
|
|
518
518
|
if (typeof t3 != "function" && t3 !== null)
|
|
519
519
|
throw new TypeError("Super expression must either be null or a function");
|
|
520
520
|
e4.prototype = Object.create(t3 && t3.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t3 && V(e4, t3);
|
|
521
|
-
}(
|
|
522
|
-
var r2,
|
|
521
|
+
}(s2, e3);
|
|
522
|
+
var r2, n2, o2, i2, c2 = (o2 = s2, i2 = function() {
|
|
523
523
|
if (typeof Reflect == "undefined" || !Reflect.construct)
|
|
524
524
|
return false;
|
|
525
525
|
if (Reflect.construct.sham)
|
|
@@ -533,7 +533,7 @@ var build = { exports: {} };
|
|
|
533
533
|
return false;
|
|
534
534
|
}
|
|
535
535
|
}(), function() {
|
|
536
|
-
var e4, t3 = z(
|
|
536
|
+
var e4, t3 = z(o2);
|
|
537
537
|
if (i2) {
|
|
538
538
|
var r3 = z(this).constructor;
|
|
539
539
|
e4 = Reflect.construct(t3, arguments, r3);
|
|
@@ -541,15 +541,15 @@ var build = { exports: {} };
|
|
|
541
541
|
e4 = t3.apply(this, arguments);
|
|
542
542
|
return W(this, e4);
|
|
543
543
|
});
|
|
544
|
-
function
|
|
544
|
+
function s2(e4) {
|
|
545
545
|
return function(e5, t3) {
|
|
546
546
|
if (!(e5 instanceof t3))
|
|
547
547
|
throw new TypeError("Cannot call a class as a function");
|
|
548
|
-
}(this,
|
|
548
|
+
}(this, s2), c2.call(this, e4);
|
|
549
549
|
}
|
|
550
|
-
return r2 =
|
|
550
|
+
return r2 = s2, (n2 = [{ key: "render", value: function() {
|
|
551
551
|
return t2().createElement(m, this.props);
|
|
552
|
-
} }]) && B(r2.prototype,
|
|
552
|
+
} }]) && B(r2.prototype, n2), s2;
|
|
553
553
|
}(t2().Component);
|
|
554
554
|
const U = C($);
|
|
555
555
|
function q(e3) {
|
|
@@ -561,8 +561,8 @@ var build = { exports: {} };
|
|
|
561
561
|
}
|
|
562
562
|
function F(e3, t3) {
|
|
563
563
|
for (var r2 = 0; r2 < t3.length; r2++) {
|
|
564
|
-
var
|
|
565
|
-
|
|
564
|
+
var n2 = t3[r2];
|
|
565
|
+
n2.enumerable = n2.enumerable || false, n2.configurable = true, "value" in n2 && (n2.writable = true), Object.defineProperty(e3, n2.key, n2);
|
|
566
566
|
}
|
|
567
567
|
}
|
|
568
568
|
function H(e3, t3) {
|
|
@@ -593,7 +593,7 @@ var build = { exports: {} };
|
|
|
593
593
|
throw new TypeError("Super expression must either be null or a function");
|
|
594
594
|
e4.prototype = Object.create(t3 && t3.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t3 && H(e4, t3);
|
|
595
595
|
}(u2, e3);
|
|
596
|
-
var r2,
|
|
596
|
+
var r2, n2, o2, i2, c2 = (o2 = u2, i2 = function() {
|
|
597
597
|
if (typeof Reflect == "undefined" || !Reflect.construct)
|
|
598
598
|
return false;
|
|
599
599
|
if (Reflect.construct.sham)
|
|
@@ -607,7 +607,7 @@ var build = { exports: {} };
|
|
|
607
607
|
return false;
|
|
608
608
|
}
|
|
609
609
|
}(), function() {
|
|
610
|
-
var e4, t3 = A(
|
|
610
|
+
var e4, t3 = A(o2);
|
|
611
611
|
if (i2) {
|
|
612
612
|
var r3 = A(this).constructor;
|
|
613
613
|
e4 = Reflect.construct(t3, arguments, r3);
|
|
@@ -620,22 +620,22 @@ var build = { exports: {} };
|
|
|
620
620
|
!function(e5, t4) {
|
|
621
621
|
if (!(e5 instanceof t4))
|
|
622
622
|
throw new TypeError("Cannot call a class as a function");
|
|
623
|
-
}(this, u2), t3 =
|
|
624
|
-
var r3 = e4.afterLoad,
|
|
625
|
-
return t3.state = { visible: i3 }, i3 && (
|
|
623
|
+
}(this, u2), t3 = c2.call(this, e4);
|
|
624
|
+
var r3 = e4.afterLoad, n3 = e4.beforeLoad, o3 = e4.scrollPosition, i3 = e4.visibleByDefault;
|
|
625
|
+
return t3.state = { visible: i3 }, i3 && (n3(), r3()), t3.onVisible = t3.onVisible.bind(X(t3)), t3.isScrollTracked = Boolean(o3 && Number.isFinite(o3.x) && o3.x >= 0 && Number.isFinite(o3.y) && o3.y >= 0), t3;
|
|
626
626
|
}
|
|
627
|
-
return r2 = u2, (
|
|
627
|
+
return r2 = u2, (n2 = [{ key: "componentDidUpdate", value: function(e4, t3) {
|
|
628
628
|
t3.visible !== this.state.visible && this.props.afterLoad();
|
|
629
629
|
} }, { key: "onVisible", value: function() {
|
|
630
630
|
this.props.beforeLoad(), this.setState({ visible: true });
|
|
631
631
|
} }, { key: "render", value: function() {
|
|
632
632
|
if (this.state.visible)
|
|
633
633
|
return this.props.children;
|
|
634
|
-
var e4 = this.props, r3 = e4.className,
|
|
635
|
-
return this.isScrollTracked || f2 &&
|
|
636
|
-
} }]) && F(r2.prototype,
|
|
634
|
+
var e4 = this.props, r3 = e4.className, n3 = e4.delayMethod, o3 = e4.delayTime, i3 = e4.height, c3 = e4.placeholder, u3 = e4.scrollPosition, l2 = e4.style, a2 = e4.threshold, f2 = e4.useIntersectionObserver, p2 = e4.width;
|
|
635
|
+
return this.isScrollTracked || f2 && s() ? t2().createElement(m, { className: r3, height: i3, onVisible: this.onVisible, placeholder: c3, scrollPosition: u3, style: l2, threshold: a2, useIntersectionObserver: f2, width: p2 }) : t2().createElement(U, { className: r3, delayMethod: n3, delayTime: o3, height: i3, onVisible: this.onVisible, placeholder: c3, style: l2, threshold: a2, width: p2 });
|
|
636
|
+
} }]) && F(r2.prototype, n2), u2;
|
|
637
637
|
}(t2().Component);
|
|
638
|
-
G.propTypes = { afterLoad:
|
|
638
|
+
G.propTypes = { afterLoad: o.PropTypes.func, beforeLoad: o.PropTypes.func, useIntersectionObserver: o.PropTypes.bool, visibleByDefault: o.PropTypes.bool }, G.defaultProps = { afterLoad: function() {
|
|
639
639
|
return {};
|
|
640
640
|
}, beforeLoad: function() {
|
|
641
641
|
return {};
|
|
@@ -649,28 +649,52 @@ var build = { exports: {} };
|
|
|
649
649
|
})(e3);
|
|
650
650
|
}
|
|
651
651
|
var Q = ["afterLoad", "beforeLoad", "delayMethod", "delayTime", "effect", "placeholder", "placeholderSrc", "scrollPosition", "threshold", "useIntersectionObserver", "visibleByDefault", "wrapperClassName", "wrapperProps"];
|
|
652
|
-
function Z() {
|
|
653
|
-
|
|
652
|
+
function Z(e3, t3) {
|
|
653
|
+
var r2 = Object.keys(e3);
|
|
654
|
+
if (Object.getOwnPropertySymbols) {
|
|
655
|
+
var n2 = Object.getOwnPropertySymbols(e3);
|
|
656
|
+
t3 && (n2 = n2.filter(function(t4) {
|
|
657
|
+
return Object.getOwnPropertyDescriptor(e3, t4).enumerable;
|
|
658
|
+
})), r2.push.apply(r2, n2);
|
|
659
|
+
}
|
|
660
|
+
return r2;
|
|
661
|
+
}
|
|
662
|
+
function ee(e3) {
|
|
663
|
+
for (var t3 = 1; t3 < arguments.length; t3++) {
|
|
664
|
+
var r2 = arguments[t3] != null ? arguments[t3] : {};
|
|
665
|
+
t3 % 2 ? Z(Object(r2), true).forEach(function(t4) {
|
|
666
|
+
te(e3, t4, r2[t4]);
|
|
667
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e3, Object.getOwnPropertyDescriptors(r2)) : Z(Object(r2)).forEach(function(t4) {
|
|
668
|
+
Object.defineProperty(e3, t4, Object.getOwnPropertyDescriptor(r2, t4));
|
|
669
|
+
});
|
|
670
|
+
}
|
|
671
|
+
return e3;
|
|
672
|
+
}
|
|
673
|
+
function te(e3, t3, r2) {
|
|
674
|
+
return t3 in e3 ? Object.defineProperty(e3, t3, { value: r2, enumerable: true, configurable: true, writable: true }) : e3[t3] = r2, e3;
|
|
675
|
+
}
|
|
676
|
+
function re() {
|
|
677
|
+
return (re = Object.assign || function(e3) {
|
|
654
678
|
for (var t3 = 1; t3 < arguments.length; t3++) {
|
|
655
679
|
var r2 = arguments[t3];
|
|
656
|
-
for (var
|
|
657
|
-
Object.prototype.hasOwnProperty.call(r2,
|
|
680
|
+
for (var n2 in r2)
|
|
681
|
+
Object.prototype.hasOwnProperty.call(r2, n2) && (e3[n2] = r2[n2]);
|
|
658
682
|
}
|
|
659
683
|
return e3;
|
|
660
684
|
}).apply(this, arguments);
|
|
661
685
|
}
|
|
662
|
-
function
|
|
686
|
+
function ne(e3, t3) {
|
|
663
687
|
for (var r2 = 0; r2 < t3.length; r2++) {
|
|
664
|
-
var
|
|
665
|
-
|
|
688
|
+
var n2 = t3[r2];
|
|
689
|
+
n2.enumerable = n2.enumerable || false, n2.configurable = true, "value" in n2 && (n2.writable = true), Object.defineProperty(e3, n2.key, n2);
|
|
666
690
|
}
|
|
667
691
|
}
|
|
668
|
-
function
|
|
669
|
-
return (
|
|
692
|
+
function oe(e3, t3) {
|
|
693
|
+
return (oe = Object.setPrototypeOf || function(e4, t4) {
|
|
670
694
|
return e4.__proto__ = t4, e4;
|
|
671
695
|
})(e3, t3);
|
|
672
696
|
}
|
|
673
|
-
function
|
|
697
|
+
function ie(e3, t3) {
|
|
674
698
|
if (t3 && (K(t3) === "object" || typeof t3 == "function"))
|
|
675
699
|
return t3;
|
|
676
700
|
if (t3 !== void 0)
|
|
@@ -681,18 +705,18 @@ var build = { exports: {} };
|
|
|
681
705
|
return e4;
|
|
682
706
|
}(e3);
|
|
683
707
|
}
|
|
684
|
-
function
|
|
685
|
-
return (
|
|
708
|
+
function ce(e3) {
|
|
709
|
+
return (ce = Object.setPrototypeOf ? Object.getPrototypeOf : function(e4) {
|
|
686
710
|
return e4.__proto__ || Object.getPrototypeOf(e4);
|
|
687
711
|
})(e3);
|
|
688
712
|
}
|
|
689
|
-
var
|
|
713
|
+
var se = function(e3) {
|
|
690
714
|
!function(e4, t3) {
|
|
691
715
|
if (typeof t3 != "function" && t3 !== null)
|
|
692
716
|
throw new TypeError("Super expression must either be null or a function");
|
|
693
|
-
e4.prototype = Object.create(t3 && t3.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t3 &&
|
|
694
|
-
}(
|
|
695
|
-
var r2,
|
|
717
|
+
e4.prototype = Object.create(t3 && t3.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t3 && oe(e4, t3);
|
|
718
|
+
}(s2, e3);
|
|
719
|
+
var r2, n2, o2, i2, c2 = (o2 = s2, i2 = function() {
|
|
696
720
|
if (typeof Reflect == "undefined" || !Reflect.construct)
|
|
697
721
|
return false;
|
|
698
722
|
if (Reflect.construct.sham)
|
|
@@ -706,22 +730,22 @@ var build = { exports: {} };
|
|
|
706
730
|
return false;
|
|
707
731
|
}
|
|
708
732
|
}(), function() {
|
|
709
|
-
var e4, t3 =
|
|
733
|
+
var e4, t3 = ce(o2);
|
|
710
734
|
if (i2) {
|
|
711
|
-
var r3 =
|
|
735
|
+
var r3 = ce(this).constructor;
|
|
712
736
|
e4 = Reflect.construct(t3, arguments, r3);
|
|
713
737
|
} else
|
|
714
738
|
e4 = t3.apply(this, arguments);
|
|
715
|
-
return
|
|
739
|
+
return ie(this, e4);
|
|
716
740
|
});
|
|
717
|
-
function
|
|
741
|
+
function s2(e4) {
|
|
718
742
|
var t3;
|
|
719
743
|
return function(e5, t4) {
|
|
720
744
|
if (!(e5 instanceof t4))
|
|
721
745
|
throw new TypeError("Cannot call a class as a function");
|
|
722
|
-
}(this,
|
|
746
|
+
}(this, s2), (t3 = c2.call(this, e4)).state = { loaded: false }, t3;
|
|
723
747
|
}
|
|
724
|
-
return r2 =
|
|
748
|
+
return r2 = s2, (n2 = [{ key: "onImageLoad", value: function() {
|
|
725
749
|
var e4 = this;
|
|
726
750
|
return this.state.loaded ? null : function() {
|
|
727
751
|
e4.props.afterLoad(), e4.setState({ loaded: true });
|
|
@@ -730,39 +754,39 @@ var build = { exports: {} };
|
|
|
730
754
|
var e4 = this.props, r3 = (e4.afterLoad, e4.beforeLoad, e4.delayMethod, e4.delayTime, e4.effect, e4.placeholder, e4.placeholderSrc, e4.scrollPosition, e4.threshold, e4.useIntersectionObserver, e4.visibleByDefault, e4.wrapperClassName, e4.wrapperProps, function(e5, t3) {
|
|
731
755
|
if (e5 == null)
|
|
732
756
|
return {};
|
|
733
|
-
var r4,
|
|
757
|
+
var r4, n3, o3 = function(e6, t4) {
|
|
734
758
|
if (e6 == null)
|
|
735
759
|
return {};
|
|
736
|
-
var r5,
|
|
737
|
-
for (
|
|
738
|
-
r5 = i4[
|
|
739
|
-
return
|
|
760
|
+
var r5, n4, o4 = {}, i4 = Object.keys(e6);
|
|
761
|
+
for (n4 = 0; n4 < i4.length; n4++)
|
|
762
|
+
r5 = i4[n4], t4.indexOf(r5) >= 0 || (o4[r5] = e6[r5]);
|
|
763
|
+
return o4;
|
|
740
764
|
}(e5, t3);
|
|
741
765
|
if (Object.getOwnPropertySymbols) {
|
|
742
766
|
var i3 = Object.getOwnPropertySymbols(e5);
|
|
743
|
-
for (
|
|
744
|
-
r4 = i3[
|
|
767
|
+
for (n3 = 0; n3 < i3.length; n3++)
|
|
768
|
+
r4 = i3[n3], t3.indexOf(r4) >= 0 || Object.prototype.propertyIsEnumerable.call(e5, r4) && (o3[r4] = e5[r4]);
|
|
745
769
|
}
|
|
746
|
-
return
|
|
770
|
+
return o3;
|
|
747
771
|
}(e4, Q));
|
|
748
|
-
return t2().createElement("img",
|
|
772
|
+
return t2().createElement("img", re({ onLoad: this.onImageLoad() }, r3));
|
|
749
773
|
} }, { key: "getLazyLoadImage", value: function() {
|
|
750
|
-
var e4 = this.props, r3 = e4.beforeLoad,
|
|
751
|
-
return t2().createElement(J, { beforeLoad: r3, className:
|
|
774
|
+
var e4 = this.props, r3 = e4.beforeLoad, n3 = e4.className, o3 = e4.delayMethod, i3 = e4.delayTime, c3 = e4.height, s3 = e4.placeholder, u2 = e4.scrollPosition, l2 = e4.style, a2 = e4.threshold, f2 = e4.useIntersectionObserver, p2 = e4.visibleByDefault, y2 = e4.width;
|
|
775
|
+
return t2().createElement(J, { beforeLoad: r3, className: n3, delayMethod: o3, delayTime: i3, height: c3, placeholder: s3, scrollPosition: u2, style: l2, threshold: a2, useIntersectionObserver: f2, visibleByDefault: p2, width: y2 }, this.getImg());
|
|
752
776
|
} }, { key: "getWrappedLazyLoadImage", value: function(e4) {
|
|
753
|
-
var r3 = this.props,
|
|
754
|
-
return t2().createElement("span",
|
|
777
|
+
var r3 = this.props, n3 = r3.effect, o3 = r3.height, i3 = r3.placeholderSrc, c3 = r3.width, s3 = r3.wrapperClassName, u2 = r3.wrapperProps, l2 = this.state.loaded, a2 = l2 ? " lazy-load-image-loaded" : "", f2 = l2 || !i3 ? {} : { backgroundImage: "url(".concat(i3, ")"), backgroundSize: "100% 100%" };
|
|
778
|
+
return t2().createElement("span", re({ className: s3 + " lazy-load-image-background " + n3 + a2, style: ee(ee({}, f2), {}, { color: "transparent", display: "inline-block", height: o3, width: c3 }) }, u2), e4);
|
|
755
779
|
} }, { key: "render", value: function() {
|
|
756
|
-
var e4 = this.props, t3 = e4.effect, r3 = e4.placeholderSrc,
|
|
757
|
-
return (t3 || r3) && !
|
|
758
|
-
} }]) &&
|
|
780
|
+
var e4 = this.props, t3 = e4.effect, r3 = e4.placeholderSrc, n3 = e4.visibleByDefault, o3 = e4.wrapperClassName, i3 = e4.wrapperProps, c3 = this.getLazyLoadImage();
|
|
781
|
+
return (t3 || r3) && !n3 || o3 || i3 ? this.getWrappedLazyLoadImage(c3) : c3;
|
|
782
|
+
} }]) && ne(r2.prototype, n2), s2;
|
|
759
783
|
}(t2().Component);
|
|
760
|
-
|
|
784
|
+
se.propTypes = { afterLoad: o.PropTypes.func, beforeLoad: o.PropTypes.func, delayMethod: o.PropTypes.string, delayTime: o.PropTypes.number, effect: o.PropTypes.string, placeholderSrc: o.PropTypes.string, threshold: o.PropTypes.number, useIntersectionObserver: o.PropTypes.bool, visibleByDefault: o.PropTypes.bool, wrapperClassName: o.PropTypes.string, wrapperProps: o.PropTypes.object }, se.defaultProps = { afterLoad: function() {
|
|
761
785
|
return {};
|
|
762
786
|
}, beforeLoad: function() {
|
|
763
787
|
return {};
|
|
764
788
|
}, delayMethod: "throttle", delayTime: 300, effect: "", placeholderSrc: null, threshold: 100, useIntersectionObserver: true, visibleByDefault: false, wrapperClassName: "" };
|
|
765
|
-
const
|
|
766
|
-
})(), build.exports =
|
|
789
|
+
const ue = se;
|
|
790
|
+
})(), build.exports = n;
|
|
767
791
|
})();
|
|
768
792
|
export { build as b };
|