/*
* Slim v4.14.2 - Image Cropping Made Easy
* Copyright (c) 2017 Rik Schennink - http://slimimagecropper.com
*/
!(function (t, e) {
"use strict";
function i(t) {
return Array.prototype.slice.call(t);
}
function n(t) {
return "object" == typeof t[0] || 0 === t.length;
}
function o(t, e, i) {
var n = Object.getOwnPropertyDescriptor(s.prototype, e);
return !!n && "undefined" != typeof n.get;
}
function a(t, e, i) {
var n = Object.getOwnPropertyDescriptor(s.prototype, e);
return !!n && "undefined" != typeof n.set;
}
function r(t, e) {
return "function" == typeof t[e];
}
if (t) {
var s = (function () {
function t(t, e) {
if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
}
function i(t, e, i, n) {
if (!(e >= 1)) {
for (
var o = t.width, a = t.height, r = Math.max(n.width, Math.min(i.width, Math.round(t.width * e))), s = Math.max(n.height, Math.min(i.height, Math.round(t.height * e))), h = st(t), u = void 0, l = void 0;
o > r && a > s;
)
(u = document.createElement("canvas")),
(o = Math.round(0.5 * h.width)),
(a = Math.round(0.5 * h.height)),
o < r && (o = r),
a < s && (a = s),
(u.width = o),
(u.height = a),
(l = u.getContext("2d")),
l.drawImage(h, 0, 0, o, a),
(h = st(u));
(t.width = r), (t.height = s), (l = t.getContext("2d")), l.drawImage(h, 0, 0, r, s);
}
}
!(function () {
function t(t, i) {
i = i || { bubbles: !1, cancelable: !1, detail: e };
var n = document.createEvent("CustomEvent");
return n.initCustomEvent(t, i.bubbles, i.cancelable, i.detail), n;
}
return "function" != typeof window.CustomEvent && ((t.prototype = window.Event.prototype), void (window.CustomEvent = t));
})();
var n = function (t, e, i) {
var o,
a,
r = document.createElement("img");
if (
((r.onerror = e),
(r.onload = function () {
!a || (i && i.noRevoke) || n.revokeObjectURL(a), e && e(n.scale(r, i));
}),
n.isInstanceOf("Blob", t) || n.isInstanceOf("File", t))
)
(o = a = n.createObjectURL(t)), (r._type = t.type);
else {
if ("string" != typeof t) return !1;
(o = t), i && i.crossOrigin && (r.crossOrigin = i.crossOrigin);
}
return o
? ((r.src = o), r)
: n.readFile(t, function (t) {
var i = t.target;
i && i.result ? (r.src = i.result) : e && e(t);
});
},
o = (window.createObjectURL && window) || (window.URL && URL.revokeObjectURL && URL) || (window.webkitURL && webkitURL);
(n.isInstanceOf = function (t, e) {
return Object.prototype.toString.call(e) === "[object " + t + "]";
}),
(n.transformCoordinates = function () { }),
(n.getTransformedOptions = function (t, e) {
var i,
n,
o,
a,
r = e.aspectRatio;
if (!r) return e;
i = {};
for (n in e) e.hasOwnProperty(n) && (i[n] = e[n]);
return (i.crop = !0), (o = t.naturalWidth || t.width), (a = t.naturalHeight || t.height), o / a > r ? ((i.maxWidth = a * r), (i.maxHeight = a)) : ((i.maxWidth = o), (i.maxHeight = o / r)), i;
}),
(n.renderImageToCanvas = function (t, e, i, n, o, a, r, s, h, u) {
return t.getContext("2d").drawImage(e, i, n, o, a, r, s, h, u), t;
}),
(n.hasCanvasOption = function (t) {
return t.canvas || t.crop || !!t.aspectRatio;
}),
(n.scale = function (t, i) {
function o() {
var t = Math.max((h || b) / b, (u || k) / k);
t > 1 && ((b *= t), (k *= t));
}
function a() {
var t = Math.min((r || b) / b, (s || k) / k);
t < 1 && ((b *= t), (k *= t));
}
i = i || {};
var r,
s,
h,
u,
l,
p,
c,
d,
f,
_,
m,
g = document.createElement("canvas"),
v = t.getContext || (n.hasCanvasOption(i) && g.getContext),
y = t.naturalWidth || t.width,
w = t.naturalHeight || t.height,
b = y,
k = w;
if (
(v &&
((i = n.getTransformedOptions(t, i)),
(c = i.left || 0),
(d = i.top || 0),
i.sourceWidth ? ((l = i.sourceWidth), i.right !== e && i.left === e && (c = y - l - i.right)) : (l = y - c - (i.right || 0)),
i.sourceHeight ? ((p = i.sourceHeight), i.bottom !== e && i.top === e && (d = w - p - i.bottom)) : (p = w - d - (i.bottom || 0)),
(b = l),
(k = p)),
(r = i.maxWidth),
(s = i.maxHeight),
(h = i.minWidth),
(u = i.minHeight),
v && r && s && i.crop
? ((b = r), (k = s), (m = l / p - r / s), m < 0 ? ((p = (s * l) / r), i.top === e && i.bottom === e && (d = (w - p) / 2)) : m > 0 && ((l = (r * p) / s), i.left === e && i.right === e && (c = (y - l) / 2)))
: ((i.contain || i.cover) && ((h = r = r || h), (u = s = s || u)), i.cover ? (a(), o()) : (o(), a())),
v)
) {
if (((f = i.pixelRatio), f > 1 && ((g.style.width = b + "px"), (g.style.height = k + "px"), (b *= f), (k *= f), g.getContext("2d").scale(f, f)), (_ = i.downsamplingRatio), _ > 0 && _ < 1 && b < l && k < p))
for (; l * _ > b;)
(g.width = l * _),
(g.height = p * _),
n.renderImageToCanvas(g, t, c, d, l, p, 0, 0, g.width, g.height),
(l = g.width),
(p = g.height),
(t = document.createElement("canvas")),
(t.width = l),
(t.height = p),
n.renderImageToCanvas(t, g, 0, 0, l, p, 0, 0, l, p);
return (g.width = b), (g.height = k), n.transformCoordinates(g, i), n.renderImageToCanvas(g, t, c, d, l, p, 0, 0, b, k);
}
return (t.width = b), (t.height = k), t;
}),
(n.createObjectURL = function (t) {
return !!o && o.createObjectURL(t);
}),
(n.revokeObjectURL = function (t) {
return !!o && o.revokeObjectURL(t);
}),
(n.readFile = function (t, e, i) {
if (window.FileReader) {
var n = new FileReader();
if (((n.onload = n.onerror = e), (i = i || "readAsDataURL"), n[i])) return n[i](t), n;
}
return !1;
});
var a = n.hasCanvasOption,
r = n.transformCoordinates,
s = n.getTransformedOptions;
(n.hasCanvasOption = function (t) {
return !!t.orientation || a.call(n, t);
}),
(n.transformCoordinates = function (t, e) {
r.call(n, t, e);
var i = t.getContext("2d"),
o = t.width,
a = t.height,
s = t.style.width,
h = t.style.height,
u = e.orientation;
if (u && !(u > 8))
switch ((u > 4 && ((t.width = a), (t.height = o), (t.style.width = h), (t.style.height = s)), u)) {
case 2:
i.translate(o, 0), i.scale(-1, 1);
break;
case 3:
i.translate(o, a), i.rotate(Math.PI);
break;
case 4:
i.translate(0, a), i.scale(1, -1);
break;
case 5:
i.rotate(0.5 * Math.PI), i.scale(1, -1);
break;
case 6:
i.rotate(0.5 * Math.PI), i.translate(0, -a);
break;
case 7:
i.rotate(0.5 * Math.PI), i.translate(o, -a), i.scale(-1, 1);
break;
case 8:
i.rotate(-0.5 * Math.PI), i.translate(-o, 0);
}
}),
(n.getTransformedOptions = function (t, e) {
var i,
o,
a = s.call(n, t, e),
r = a.orientation;
if (!r || r > 8 || 1 === r) return a;
i = {};
for (o in a) a.hasOwnProperty(o) && (i[o] = a[o]);
switch (a.orientation) {
case 2:
(i.left = a.right), (i.right = a.left);
break;
case 3:
(i.left = a.right), (i.top = a.bottom), (i.right = a.left), (i.bottom = a.top);
break;
case 4:
(i.top = a.bottom), (i.bottom = a.top);
break;
case 5:
(i.left = a.top), (i.top = a.left), (i.right = a.bottom), (i.bottom = a.right);
break;
case 6:
(i.left = a.top), (i.top = a.right), (i.right = a.bottom), (i.bottom = a.left);
break;
case 7:
(i.left = a.bottom), (i.top = a.right), (i.right = a.top), (i.bottom = a.left);
break;
case 8:
(i.left = a.bottom), (i.top = a.left), (i.right = a.top), (i.bottom = a.right);
}
return a.orientation > 4 && ((i.maxWidth = a.maxHeight), (i.maxHeight = a.maxWidth), (i.minWidth = a.minHeight), (i.minHeight = a.minWidth), (i.sourceWidth = a.sourceHeight), (i.sourceHeight = a.sourceWidth)), i;
});
var h = window.Blob && (Blob.prototype.slice || Blob.prototype.webkitSlice || Blob.prototype.mozSlice);
(n.blobSlice =
h &&
function () {
var t = this.slice || this.webkitSlice || this.mozSlice;
return t.apply(this, arguments);
}),
(n.metaDataParsers = { jpeg: { 65505: [] } }),
(n.parseMetaData = function (t, e, i) {
i = i || {};
var o = this,
a = i.maxMetaDataSize || 262144,
r = {},
s = !(window.DataView && t && t.size >= 12 && "image/jpeg" === t.type && n.blobSlice);
(!s &&
n.readFile(
n.blobSlice.call(t, 0, a),
function (t) {
if (t.target.error) return void e(r);
var a,
s,
h,
u,
l = t.target.result,
p = new DataView(l),
c = 2,
d = p.byteLength - 4,
f = c;
if (65496 === p.getUint16(0)) {
for (; c < d && ((a = p.getUint16(c)), (a >= 65504 && a <= 65519) || 65534 === a) && ((s = p.getUint16(c + 2) + 2), !(c + s > p.byteLength));) {
if ((h = n.metaDataParsers.jpeg[a])) for (u = 0; u < h.length; u += 1) h[u].call(o, p, c, s, r, i);
(c += s), (f = c);
}
!i.disableImageHead && f > 6 && (l.slice ? (r.imageHead = l.slice(0, f)) : (r.imageHead = new Uint8Array(l).subarray(0, f)));
}
e(r);
},
"readAsArrayBuffer"
)) ||
e(r);
}),
(n.ExifMap = function () {
return this;
}),
(n.ExifMap.prototype.map = { Orientation: 274 }),
(n.ExifMap.prototype.get = function (t) {
return this[t] || this[this.map[t]];
}),
(n.getExifThumbnail = function (t, e, i) {
var n, o, a;
if (i && !(e + i > t.byteLength)) {
for (n = [], o = 0; o < i; o += 1) (a = t.getUint8(e + o)), n.push((a < 16 ? "0" : "") + a.toString(16));
return "data:image/jpeg,%" + n.join("%");
}
}),
(n.exifTagTypes = {
1: {
getValue: function (t, e) {
return t.getUint8(e);
},
size: 1,
},
2: {
getValue: function (t, e) {
return String.fromCharCode(t.getUint8(e));
},
size: 1,
ascii: !0,
},
3: {
getValue: function (t, e, i) {
return t.getUint16(e, i);
},
size: 2,
},
4: {
getValue: function (t, e, i) {
return t.getUint32(e, i);
},
size: 4,
},
5: {
getValue: function (t, e, i) {
return t.getUint32(e, i) / t.getUint32(e + 4, i);
},
size: 8,
},
9: {
getValue: function (t, e, i) {
return t.getInt32(e, i);
},
size: 4,
},
10: {
getValue: function (t, e, i) {
return t.getInt32(e, i) / t.getInt32(e + 4, i);
},
size: 8,
},
}),
(n.exifTagTypes[7] = n.exifTagTypes[1]),
(n.getExifValue = function (t, e, i, o, a, r) {
var s,
h,
u,
l,
p,
c,
d = n.exifTagTypes[o];
if (d && ((s = d.size * a), (h = s > 4 ? e + t.getUint32(i + 8, r) : i + 8), !(h + s > t.byteLength))) {
if (1 === a) return d.getValue(t, h, r);
for (u = [], l = 0; l < a; l += 1) u[l] = d.getValue(t, h + l * d.size, r);
if (d.ascii) {
for (p = "", l = 0; l < u.length && ((c = u[l]), "\0" !== c); l += 1) p += c;
return p;
}
return u;
}
}),
(n.parseExifTag = function (t, e, i, o, a) {
var r = t.getUint16(i, o);
a.exif[r] = n.getExifValue(t, e, i, t.getUint16(i + 2, o), t.getUint32(i + 4, o), o);
}),
(n.parseExifTags = function (t, e, i, n, o) {
var a, r, s;
if (!(i + 6 > t.byteLength || ((a = t.getUint16(i, n)), (r = i + 2 + 12 * a), r + 4 > t.byteLength))) {
for (s = 0; s < a; s += 1) this.parseExifTag(t, e, i + 2 + 12 * s, n, o);
return t.getUint32(r, n);
}
}),
(n.parseExifData = function (t, e, i, o, a) {
if (!a.disableExif) {
var r,
s,
h,
u = e + 10;
if (1165519206 === t.getUint32(e + 4) && !(u + 8 > t.byteLength) && 0 === t.getUint16(e + 8)) {
switch (t.getUint16(u)) {
case 18761:
r = !0;
break;
case 19789:
r = !1;
break;
default:
return;
}
42 === t.getUint16(u + 2, r) &&
((s = t.getUint32(u + 4, r)),
(o.exif = new n.ExifMap()),
(s = n.parseExifTags(t, u, u + s, r, o)),
s && !a.disableExifThumbnail && ((h = { exif: {} }), (s = n.parseExifTags(t, u, u + s, r, h)), h.exif[513] && (o.exif.Thumbnail = n.getExifThumbnail(t, u + h.exif[513], h.exif[514]))),
o.exif[34665] && !a.disableExifSub && n.parseExifTags(t, u, u + o.exif[34665], r, o),
o.exif[34853] && !a.disableExifGps && n.parseExifTags(t, u, u + o.exif[34853], r, o));
}
}
}),
n.metaDataParsers.jpeg[65505].push(n.parseExifData);
var u = (function () {
var t = [],
i = [],
n = [],
o = "transform",
a = window.getComputedStyle(document.documentElement, ""),
r = (Array.prototype.slice
.call(a)
.join("")
.match(/-(moz|webkit|ms)-/) ||
("" === a.OLink && ["", "o"]))[1];
"webkit" === r && (o = "webkitTransform");
var s = function (t, i, n) {
var o = t;
if (o.length !== e) {
for (
var a = {
chainers: [],
then: function (t) {
return this.snabbt(t);
},
snabbt: function (t) {
var e = this.chainers.length;
return (
this.chainers.forEach(function (i, n) {
i.snabbt(h(t, n, e));
}),
a
);
},
setValue: function (t) {
return (
this.chainers.forEach(function (e) {
e.setValue(t);
}),
a
);
},
finish: function () {
return (
this.chainers.forEach(function (t) {
t.finish();
}),
a
);
},
rollback: function () {
return (
this.chainers.forEach(function (t) {
t.rollback();
}),
a
);
},
},
r = 0,
s = o.length;
r < s;
++r
)
"string" == typeof i ? a.chainers.push(u(o[r], i, h(n, r, s))) : a.chainers.push(u(o[r], h(i, r, s), n));
return a;
}
return "string" == typeof i ? u(o, i, h(n, 0, 1)) : u(o, h(i, 0, 1), n);
},
h = function (t, e, i) {
if (!t) return t;
var n = $(t);
J(t.delay) && (n.delay = t.delay(e, i)),
J(t.callback) &&
(n.complete = function () {
t.callback.call(this, e, i);
});
var o = J(t.allDone),
a = J(t.complete);
(a || o) &&
(n.complete = function () {
a && t.complete.call(this, e, i), o && e == i - 1 && t.allDone();
}),
J(t.valueFeeder) &&
(n.valueFeeder = function (n, o) {
return t.valueFeeder(n, o, e, i);
}),
J(t.easing) &&
(n.easing = function (n) {
return t.easing(n, e, i);
});
var r = [
"position",
"rotation",
"skew",
"rotationPost",
"scale",
"width",
"height",
"opacity",
"fromPosition",
"fromRotation",
"fromSkew",
"fromRotationPost",
"fromScale",
"fromWidth",
"fromHeight",
"fromOpacity",
"transformOrigin",
"duration",
"delay",
];
return (
r.forEach(function (o) {
J(t[o]) && (n[o] = t[o](e, i));
}),
n
);
},
u = function (t, e, n) {
function o(e) {
if ((f.tick(e), f.updateElement(t), !f.isStopped()))
return f.completed()
? void (a.loop > 1 && !f.isStopped()
? ((a.loop -= 1), f.restart(), k(o))
: (a.complete && a.complete.call(t), _.length && ((a = _.pop()), (s = y(a, u, !0)), (u = y(a, $(u))), (a = w(s, u, a)), (f = S(a)), i.push([t, f]), f.tick(e), k(o))))
: k(o);
}
if ("attention" === e) return l(t, n);
if ("stop" === e) return p(t);
if ("detach" === e) return d(t);
var a = e;
m();
var r = v(t),
s = r;
s = y(a, s, !0);
var u = $(r);
u = y(a, u);
var c = w(s, u, a),
f = S(c);
i.push([t, f]), f.updateElement(t, !0);
var _ = [],
g = {
snabbt: function (t) {
return _.unshift(h(t, 0, 1)), g;
},
then: function (t) {
return this.snabbt(t);
},
};
return k(o), a.manual ? f : g;
},
l = function (t, e) {
function n(i) {
a.tick(i), a.updateElement(t), a.completed() ? (e.callback && e.callback(t), e.loop && e.loop > 1 && (e.loop--, a.restart(), k(n))) : k(n);
}
var o = y(e, j({}));
e.movement = o;
var a = C(e);
i.push([t, a]), k(n);
},
p = function (t) {
for (var e = 0, n = i.length; e < n; ++e) {
var o = i[e],
a = o[0],
r = o[1];
a === t && r.stop();
}
},
c = function (t, e) {
for (var i = 0, n = t.length; i < n; ++i) if (t[i][0] === e) return i;
return -1;
},
d = function (t) {
var e,
o,
a = [],
r = i.concat(n),
s = r.length;
for (o = 0; o < s; ++o) (e = r[o][0]), (t.contains(e) || t === e) && a.push(e);
for (s = a.length, o = 0; o < s; ++o) f(a[o]);
},
f = function (t) {
p(t);
var e = c(i, t);
e >= 0 && i.splice(e, 1), (e = c(n, t)), e >= 0 && n.splice(e, 1);
},
_ = function (t, e) {
for (var i = 0, n = t.length; i < n; ++i) {
var o = t[i],
a = o[0],
r = o[1];
if (a === e) {
var s = r.getCurrentState();
return r.stop(), s;
}
}
},
m = function () {
n = n.filter(function (t) {
return g(t[0]).body;
});
},
g = function (t) {
for (var e = t; e.parentNode;) e = e.parentNode;
return e;
},
v = function (t) {
var e = _(i, t);
return e ? e : _(n, t);
},
y = function (t, e, i) {
e || (e = j({ position: [0, 0, 0], rotation: [0, 0, 0], rotationPost: [0, 0, 0], scale: [1, 1], skew: [0, 0] }));
var n = "position",
o = "rotation",
a = "skew",
r = "rotationPost",
s = "scale",
h = "scalePost",
u = "width",
l = "height",
p = "opacity";
return (
i && ((n = "fromPosition"), (o = "fromRotation"), (a = "fromSkew"), (r = "fromRotationPost"), (s = "fromScale"), (h = "fromScalePost"), (u = "fromWidth"), (l = "fromHeight"), (p = "fromOpacity")),
(e.position = G(t[n], e.position)),
(e.rotation = G(t[o], e.rotation)),
(e.rotationPost = G(t[r], e.rotationPost)),
(e.skew = G(t[a], e.skew)),
(e.scale = G(t[s], e.scale)),
(e.scalePost = G(t[h], e.scalePost)),
(e.opacity = t[p]),
(e.width = t[u]),
(e.height = t[l]),
e
);
},
w = function (t, e, i) {
return (i.startState = t), (i.endState = e), i;
},
b =
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (t) {
return setTimeout(t, 1e3 / 60);
},
k = function (e) {
0 === t.length && b(x), t.push(e);
},
x = function (e) {
for (var o = t.length, a = 0; a < o; ++a) t[a](e);
t.splice(0, o);
var r = i.filter(function (t) {
return t[1].completed();
});
(n = n.filter(function (t) {
for (var e = 0, i = r.length; e < i; ++e) if (t[0] === r[e][0]) return !1;
return !0;
})),
(n = n.concat(r)),
(i = i.filter(function (t) {
return !t[1].completed();
})),
0 !== t.length && b(x);
},
S = function (t) {
var i = t.startState,
n = t.endState,
o = G(t.duration, 500),
a = G(t.delay, 0),
r = t.perspective,
s = O(G(t.easing, "linear"), t),
h = 0 === o ? n.clone() : i.clone();
t.transformOrigin;
h.transformOrigin = t.transformOrigin;
var u,
l,
p = 0,
c = 0,
d = !1,
f = !1,
_ = t.manual,
m = 0,
g = a / o;
return (
(l = t.valueFeeder ? V(t.valueFeeder, i, n, h) : q(i, n, h)),
{
stop: function () {
d = !0;
},
isStopped: function () {
return d;
},
finish: function (t) {
_ = !1;
var e = o * m;
(p = c - e), (u = t), (s.resetFrom = m);
},
rollback: function (t) {
(_ = !1), l.setReverse();
var e = o * (1 - m);
(p = c - e), (u = t), (s.resetFrom = m);
},
restart: function () {
(p = e), s.resetFrom(0);
},
tick: function (t) {
if (!d) {
if (_) return (c = t), void this.updateCurrentTransform();
if ((p || (p = t), t - p > a)) {
(f = !0), (c = t - a);
var e = Math.min(Math.max(0, c - p), o);
s.tick(e / o), this.updateCurrentTransform(), this.completed() && u && u();
}
}
},
getCurrentState: function () {
return h;
},
setValue: function (t) {
(f = !0), (m = Math.min(Math.max(t, 1e-4), 1 + g));
},
updateCurrentTransform: function () {
var t = s.getValue();
if (_) {
var e = Math.max(1e-5, m - g);
s.tick(e), (t = s.getValue());
}
l.tween(t);
},
completed: function () {
return !!d || (0 !== p && s.completed());
},
updateElement: function (t, e) {
if (f || e) {
var i = l.asMatrix(),
n = l.getProperties();
X(t, i, r), Y(t, n);
}
},
}
);
},
C = function (t) {
var i = t.movement;
(t.initialVelocity = 0.1), (t.equilibriumPosition = 0);
var n = I(t),
o = !1,
a = i.position,
r = i.rotation,
s = i.rotationPost,
h = i.scale,
u = i.skew,
l = j({ position: a ? [0, 0, 0] : e, rotation: r ? [0, 0, 0] : e, rotationPost: s ? [0, 0, 0] : e, scale: h ? [0, 0] : e, skew: u ? [0, 0] : e });
return {
stop: function () {
o = !0;
},
isStopped: function (t) {
return o;
},
tick: function (t) {
o || n.equilibrium || (n.tick(), this.updateMovement());
},
updateMovement: function () {
var t = n.getValue();
a && ((l.position[0] = i.position[0] * t), (l.position[1] = i.position[1] * t), (l.position[2] = i.position[2] * t)),
r && ((l.rotation[0] = i.rotation[0] * t), (l.rotation[1] = i.rotation[1] * t), (l.rotation[2] = i.rotation[2] * t)),
s && ((l.rotationPost[0] = i.rotationPost[0] * t), (l.rotationPost[1] = i.rotationPost[1] * t), (l.rotationPost[2] = i.rotationPost[2] * t)),
h && ((l.scale[0] = 1 + i.scale[0] * t), (l.scale[1] = 1 + i.scale[1] * t)),
u && ((l.skew[0] = i.skew[0] * t), (l.skew[1] = i.skew[1] * t));
},
updateElement: function (t) {
X(t, l.asMatrix()), Y(t, l.getProperties());
},
getCurrentState: function () {
return l;
},
completed: function () {
return n.equilibrium || o;
},
restart: function () {
n = I(t);
},
};
},
E = function (t) {
return t;
},
P = function (t) {
return (Math.cos(t * Math.PI + Math.PI) + 1) / 2;
},
T = function (t) {
return t * t;
},
M = function (t) {
return -Math.pow(t - 1, 2) + 1;
},
I = function (t) {
var e = G(t.startPosition, 0),
i = G(t.equilibriumPosition, 1),
n = G(t.initialVelocity, 0),
o = G(t.springConstant, 0.8),
a = G(t.springDeceleration, 0.9),
r = G(t.springMass, 10),
s = !1;
return {
tick: function (t) {
if (0 !== t && !s) {
var h = -(e - i) * o,
u = h / r;
(n += u), (e += n), (n *= a), Math.abs(e - i) < 0.001 && Math.abs(n) < 0.001 && (s = !0);
}
},
resetFrom: function (t) {
(e = t), (n = 0);
},
getValue: function () {
return s ? i : e;
},
completed: function () {
return s;
},
};
},
R = { linear: E, ease: P, easeIn: T, easeOut: M },
O = function (t, e) {
if ("spring" == t) return I(e);
var i = t;
J(t) || (i = R[t]);
var n,
o = i,
a = 0;
return {
tick: function (t) {
(a = o(t)), (n = t);
},
resetFrom: function (t) {
n = 0;
},
getValue: function () {
return a;
},
completed: function () {
return n >= 1 && n;
},
};
},
L = function (t, e, i, n) {
(t[0] = 1), (t[1] = 0), (t[2] = 0), (t[3] = 0), (t[4] = 0), (t[5] = 1), (t[6] = 0), (t[7] = 0), (t[8] = 0), (t[9] = 0), (t[10] = 1), (t[11] = 0), (t[12] = e), (t[13] = i), (t[14] = n), (t[15] = 1);
},
z = function (t, e) {
(t[0] = 1),
(t[1] = 0),
(t[2] = 0),
(t[3] = 0),
(t[4] = 0),
(t[5] = Math.cos(e)),
(t[6] = -Math.sin(e)),
(t[7] = 0),
(t[8] = 0),
(t[9] = Math.sin(e)),
(t[10] = Math.cos(e)),
(t[11] = 0),
(t[12] = 0),
(t[13] = 0),
(t[14] = 0),
(t[15] = 1);
},
D = function (t, e) {
(t[0] = Math.cos(e)),
(t[1] = 0),
(t[2] = Math.sin(e)),
(t[3] = 0),
(t[4] = 0),
(t[5] = 1),
(t[6] = 0),
(t[7] = 0),
(t[8] = -Math.sin(e)),
(t[9] = 0),
(t[10] = Math.cos(e)),
(t[11] = 0),
(t[12] = 0),
(t[13] = 0),
(t[14] = 0),
(t[15] = 1);
},
A = function (t, e) {
(t[0] = Math.cos(e)),
(t[1] = -Math.sin(e)),
(t[2] = 0),
(t[3] = 0),
(t[4] = Math.sin(e)),
(t[5] = Math.cos(e)),
(t[6] = 0),
(t[7] = 0),
(t[8] = 0),
(t[9] = 0),
(t[10] = 1),
(t[11] = 0),
(t[12] = 0),
(t[13] = 0),
(t[14] = 0),
(t[15] = 1);
},
H = function (t, e, i) {
(t[0] = 1),
(t[1] = Math.tan(e)),
(t[2] = 0),
(t[3] = 0),
(t[4] = Math.tan(i)),
(t[5] = 1),
(t[6] = 0),
(t[7] = 0),
(t[8] = 0),
(t[9] = 0),
(t[10] = 1),
(t[11] = 0),
(t[12] = 0),
(t[13] = 0),
(t[14] = 0),
(t[15] = 1);
},
U = function (t, e, i) {
(t[0] = e), (t[1] = 0), (t[2] = 0), (t[3] = 0), (t[4] = 0), (t[5] = i), (t[6] = 0), (t[7] = 0), (t[8] = 0), (t[9] = 0), (t[10] = 1), (t[11] = 0), (t[12] = 0), (t[13] = 0), (t[14] = 0), (t[15] = 1);
},
B = function (t) {
(t[0] = 1), (t[1] = 0), (t[2] = 0), (t[3] = 0), (t[4] = 0), (t[5] = 1), (t[6] = 0), (t[7] = 0), (t[8] = 0), (t[9] = 0), (t[10] = 1), (t[11] = 0), (t[12] = 0), (t[13] = 0), (t[14] = 0), (t[15] = 1);
},
F = function (t, e) {
(e[0] = t[0]),
(e[1] = t[1]),
(e[2] = t[2]),
(e[3] = t[3]),
(e[4] = t[4]),
(e[5] = t[5]),
(e[6] = t[6]),
(e[7] = t[7]),
(e[8] = t[8]),
(e[9] = t[9]),
(e[10] = t[10]),
(e[11] = t[11]),
(e[12] = t[12]),
(e[13] = t[13]),
(e[14] = t[14]),
(e[15] = t[15]);
},
N = function () {
var t = new Float32Array(16),
e = new Float32Array(16),
i = new Float32Array(16);
return (
B(t),
{
data: t,
asCSS: function () {
for (var e = "matrix3d(", i = 0; i < 15; ++i) e += Math.abs(t[i]) < 1e-4 ? "0," : t[i].toFixed(10) + ",";
return (e += Math.abs(t[15]) < 1e-4 ? "0)" : t[15].toFixed(10) + ")");
},
clear: function () {
B(t);
},
translate: function (n, o, a) {
return F(t, e), L(i, n, o, a), W(e, i, t), this;
},
rotateX: function (n) {
return F(t, e), z(i, n), W(e, i, t), this;
},
rotateY: function (n) {
return F(t, e), D(i, n), W(e, i, t), this;
},
rotateZ: function (n) {
return F(t, e), A(i, n), W(e, i, t), this;
},
scale: function (n, o) {
return F(t, e), U(i, n, o), W(e, i, t), this;
},
skew: function (n, o) {
return F(t, e), H(i, n, o), W(e, i, t), this;
},
}
);
},
W = function (t, e, i) {
return (
(i[0] = t[0] * e[0] + t[1] * e[4] + t[2] * e[8] + t[3] * e[12]),
(i[1] = t[0] * e[1] + t[1] * e[5] + t[2] * e[9] + t[3] * e[13]),
(i[2] = t[0] * e[2] + t[1] * e[6] + t[2] * e[10] + t[3] * e[14]),
(i[3] = t[0] * e[3] + t[1] * e[7] + t[2] * e[11] + t[3] * e[15]),
(i[4] = t[4] * e[0] + t[5] * e[4] + t[6] * e[8] + t[7] * e[12]),
(i[5] = t[4] * e[1] + t[5] * e[5] + t[6] * e[9] + t[7] * e[13]),
(i[6] = t[4] * e[2] + t[5] * e[6] + t[6] * e[10] + t[7] * e[14]),
(i[7] = t[4] * e[3] + t[5] * e[7] + t[6] * e[11] + t[7] * e[15]),
(i[8] = t[8] * e[0] + t[9] * e[4] + t[10] * e[8] + t[11] * e[12]),
(i[9] = t[8] * e[1] + t[9] * e[5] + t[10] * e[9] + t[11] * e[13]),
(i[10] = t[8] * e[2] + t[9] * e[6] + t[10] * e[10] + t[11] * e[14]),
(i[11] = t[8] * e[3] + t[9] * e[7] + t[10] * e[11] + t[11] * e[15]),
(i[12] = t[12] * e[0] + t[13] * e[4] + t[14] * e[8] + t[15] * e[12]),
(i[13] = t[12] * e[1] + t[13] * e[5] + t[14] * e[9] + t[15] * e[13]),
(i[14] = t[12] * e[2] + t[13] * e[6] + t[14] * e[10] + t[15] * e[14]),
(i[15] = t[12] * e[3] + t[13] * e[7] + t[14] * e[11] + t[15] * e[15]),
i
);
},
j = function (t) {
var i = N(),
n = { opacity: e, width: e, height: e };
return {
position: t.position,
rotation: t.rotation,
rotationPost: t.rotationPost,
skew: t.skew,
scale: t.scale,
scalePost: t.scalePost,
opacity: t.opacity,
width: t.width,
height: t.height,
clone: function () {
return j({
position: this.position ? this.position.slice(0) : e,
rotation: this.rotation ? this.rotation.slice(0) : e,
rotationPost: this.rotationPost ? this.rotationPost.slice(0) : e,
skew: this.skew ? this.skew.slice(0) : e,
scale: this.scale ? this.scale.slice(0) : e,
scalePost: this.scalePost ? this.scalePost.slice(0) : e,
height: this.height,
width: this.width,
opacity: this.opacity,
});
},
asMatrix: function () {
var t = i;
return (
t.clear(),
this.transformOrigin && t.translate(-this.transformOrigin[0], -this.transformOrigin[1], -this.transformOrigin[2]),
this.scale && t.scale(this.scale[0], this.scale[1]),
this.skew && t.skew(this.skew[0], this.skew[1]),
this.rotation && (t.rotateX(this.rotation[0]), t.rotateY(this.rotation[1]), t.rotateZ(this.rotation[2])),
this.position && t.translate(this.position[0], this.position[1], this.position[2]),
this.rotationPost && (t.rotateX(this.rotationPost[0]), t.rotateY(this.rotationPost[1]), t.rotateZ(this.rotationPost[2])),
this.scalePost && t.scale(this.scalePost[0], this.scalePost[1]),
this.transformOrigin && t.translate(this.transformOrigin[0], this.transformOrigin[1], this.transformOrigin[2]),
t
);
},
getProperties: function () {
return (n.opacity = this.opacity), (n.width = this.width + "px"), (n.height = this.height + "px"), n;
},
};
},
q = function (t, i, n) {
var o = t,
a = i,
r = n,
s = a.position !== e,
h = a.rotation !== e,
u = a.rotationPost !== e,
l = a.scale !== e,
p = a.skew !== e,
c = a.width !== e,
d = a.height !== e,
f = a.opacity !== e;
return {
tween: function (t) {
if (s) {
var e = a.position[0] - o.position[0],
i = a.position[1] - o.position[1],
n = a.position[2] - o.position[2];
(r.position[0] = o.position[0] + t * e), (r.position[1] = o.position[1] + t * i), (r.position[2] = o.position[2] + t * n);
}
if (h) {
var _ = a.rotation[0] - o.rotation[0],
m = a.rotation[1] - o.rotation[1],
g = a.rotation[2] - o.rotation[2];
(r.rotation[0] = o.rotation[0] + t * _), (r.rotation[1] = o.rotation[1] + t * m), (r.rotation[2] = o.rotation[2] + t * g);
}
if (u) {
var v = a.rotationPost[0] - o.rotationPost[0],
y = a.rotationPost[1] - o.rotationPost[1],
w = a.rotationPost[2] - o.rotationPost[2];
(r.rotationPost[0] = o.rotationPost[0] + t * v), (r.rotationPost[1] = o.rotationPost[1] + t * y), (r.rotationPost[2] = o.rotationPost[2] + t * w);
}
if (p) {
var b = a.scale[0] - o.scale[0],
k = a.scale[1] - o.scale[1];
(r.scale[0] = o.scale[0] + t * b), (r.scale[1] = o.scale[1] + t * k);
}
if (l) {
var x = a.skew[0] - o.skew[0],
S = a.skew[1] - o.skew[1];
(r.skew[0] = o.skew[0] + t * x), (r.skew[1] = o.skew[1] + t * S);
}
if (c) {
var C = a.width - o.width;
r.width = o.width + t * C;
}
if (d) {
var E = a.height - o.height;
r.height = o.height + t * E;
}
if (f) {
var P = a.opacity - o.opacity;
r.opacity = o.opacity + t * P;
}
},
asMatrix: function () {
return r.asMatrix();
},
getProperties: function () {
return r.getProperties();
},
setReverse: function () {
var t = o;
(o = a), (a = t);
},
};
},
V = function (t, i, n, o) {
var a = t(0, N()),
r = i,
s = n,
h = o,
u = !1;
return {
tween: function (i) {
u && (i = 1 - i), a.clear(), (a = t(i, a));
var n = s.width - r.width,
o = s.height - r.height,
l = s.opacity - r.opacity;
s.width !== e && (h.width = r.width + i * n), s.height !== e && (h.height = r.height + i * o), s.opacity !== e && (h.opacity = r.opacity + i * l);
},
asMatrix: function () {
return a;
},
getProperties: function () {
return h.getProperties();
},
setReverse: function () {
u = !0;
},
};
},
G = function (t, e) {
return "undefined" == typeof t ? e : t;
},
X = function (t, e, i) {
var n = "";
i && (n = "perspective(" + i + "px) ");
var a = e.asCSS();
t.style[o] = n + a;
},
Y = function (t, e) {
for (var i in e) t.style[i] = e[i];
},
J = function (t) {
return "function" == typeof t;
},
$ = function (t) {
if (!t) return t;
var e = {};
for (var i in t) e[i] = t[i];
return e;
};
return (s.createMatrix = N), (s.setElementTransform = X), s;
})(),
l = (function () {
function t(t, e, i, n, o) {
if ("string" == typeof t) t = document.getElementById(t);
else if (!t instanceof HTMLCanvasElement) return;
var a,
r = t.getContext("2d");
try {
try {
a = r.getImageData(e, i, n, o);
} catch (s) {
throw new Error("unable to access local image data: " + s);
}
} catch (s) {
throw new Error("unable to access image data: " + s);
}
return a;
}
function e(e, n, o, a, r, s) {
if (!(isNaN(s) || s < 1)) {
s |= 0;
var h = t(e, n, o, a, r);
(h = i(h, n, o, a, r, s)), e.getContext("2d").putImageData(h, n, o);
}
}
function i(t, e, i, r, s, h) {
var u,
l,
p,
c,
d,
f,
_,
m,
g,
v,
y,
w,
b,
k,
x,
S,
C,
E,
P,
T,
M,
I,
R,
O,
L = t.data,
z = h + h + 1,
D = r - 1,
A = s - 1,
H = h + 1,
U = (H * (H + 1)) / 2,
B = new n(),
F = B;
for (p = 1; p < z; p++) if (((F = F.next = new n()), p == H)) var N = F;
F.next = B;
var W = null,
j = null;
_ = f = 0;
var q = o[h],
V = a[h];
for (l = 0; l < s; l++) {
for (S = C = E = P = m = g = v = y = 0, w = H * (T = L[f]), b = H * (M = L[f + 1]), k = H * (I = L[f + 2]), x = H * (R = L[f + 3]), m += U * T, g += U * M, v += U * I, y += U * R, F = B, p = 0; p < H; p++)
(F.r = T), (F.g = M), (F.b = I), (F.a = R), (F = F.next);
for (p = 1; p < H; p++)
(c = f + ((D < p ? D : p) << 2)),
(m += (F.r = T = L[c]) * (O = H - p)),
(g += (F.g = M = L[c + 1]) * O),
(v += (F.b = I = L[c + 2]) * O),
(y += (F.a = R = L[c + 3]) * O),
(S += T),
(C += M),
(E += I),
(P += R),
(F = F.next);
for (W = B, j = N, u = 0; u < r; u++)
(L[f + 3] = R = (y * q) >> V),
0 != R ? ((R = 255 / R), (L[f] = ((m * q) >> V) * R), (L[f + 1] = ((g * q) >> V) * R), (L[f + 2] = ((v * q) >> V) * R)) : (L[f] = L[f + 1] = L[f + 2] = 0),
(m -= w),
(g -= b),
(v -= k),
(y -= x),
(w -= W.r),
(b -= W.g),
(k -= W.b),
(x -= W.a),
(c = (_ + ((c = u + h + 1) < D ? c : D)) << 2),
(S += W.r = L[c]),
(C += W.g = L[c + 1]),
(E += W.b = L[c + 2]),
(P += W.a = L[c + 3]),
(m += S),
(g += C),
(v += E),
(y += P),
(W = W.next),
(w += T = j.r),
(b += M = j.g),
(k += I = j.b),
(x += R = j.a),
(S -= T),
(C -= M),
(E -= I),
(P -= R),
(j = j.next),
(f += 4);
_ += r;
}
for (u = 0; u < r; u++) {
for (
C = E = P = S = g = v = y = m = 0, f = u << 2, w = H * (T = L[f]), b = H * (M = L[f + 1]), k = H * (I = L[f + 2]), x = H * (R = L[f + 3]), m += U * T, g += U * M, v += U * I, y += U * R, F = B, p = 0;
p < H;
p++
)
(F.r = T), (F.g = M), (F.b = I), (F.a = R), (F = F.next);
for (d = r, p = 1; p <= h; p++)
(f = (d + u) << 2),
(m += (F.r = T = L[f]) * (O = H - p)),
(g += (F.g = M = L[f + 1]) * O),
(v += (F.b = I = L[f + 2]) * O),
(y += (F.a = R = L[f + 3]) * O),
(S += T),
(C += M),
(E += I),
(P += R),
(F = F.next),
p < A && (d += r);
for (f = u, W = B, j = N, l = 0; l < s; l++)
(c = f << 2),
(L[c + 3] = R = (y * q) >> V),
R > 0 ? ((R = 255 / R), (L[c] = ((m * q) >> V) * R), (L[c + 1] = ((g * q) >> V) * R), (L[c + 2] = ((v * q) >> V) * R)) : (L[c] = L[c + 1] = L[c + 2] = 0),
(m -= w),
(g -= b),
(v -= k),
(y -= x),
(w -= W.r),
(b -= W.g),
(k -= W.b),
(x -= W.a),
(c = (u + ((c = l + H) < A ? c : A) * r) << 2),
(m += S += W.r = L[c]),
(g += C += W.g = L[c + 1]),
(v += E += W.b = L[c + 2]),
(y += P += W.a = L[c + 3]),
(W = W.next),
(w += T = j.r),
(b += M = j.g),
(k += I = j.b),
(x += R = j.a),
(S -= T),
(C -= M),
(E -= I),
(P -= R),
(j = j.next),
(f += r);
}
return t;
}
function n() {
(this.r = 0), (this.g = 0), (this.b = 0), (this.a = 0), (this.next = null);
}
var o = [
512,
512,
456,
512,
328,
456,
335,
512,
405,
328,
271,
456,
388,
335,
292,
512,
454,
405,
364,
328,
298,
271,
496,
456,
420,
388,
360,
335,
312,
292,
273,
512,
482,
454,
428,
405,
383,
364,
345,
328,
312,
298,
284,
271,
259,
496,
475,
456,
437,
420,
404,
388,
374,
360,
347,
335,
323,
312,
302,
292,
282,
273,
265,
512,
497,
482,
468,
454,
441,
428,
417,
405,
394,
383,
373,
364,
354,
345,
337,
328,
320,
312,
305,
298,
291,
284,
278,
271,
265,
259,
507,
496,
485,
475,
465,
456,
446,
437,
428,
420,
412,
404,
396,
388,
381,
374,
367,
360,
354,
347,
341,
335,
329,
323,
318,
312,
307,
302,
297,
292,
287,
282,
278,
273,
269,
265,
261,
512,
505,
497,
489,
482,
475,
468,
461,
454,
447,
441,
435,
428,
422,
417,
411,
405,
399,
394,
389,
383,
378,
373,
368,
364,
359,
354,
350,
345,
341,
337,
332,
328,
324,
320,
316,
312,
309,
305,
301,
298,
294,
291,
287,
284,
281,
278,
274,
271,
268,
265,
262,
259,
257,
507,
501,
496,
491,
485,
480,
475,
470,
465,
460,
456,
451,
446,
442,
437,
433,
428,
424,
420,
416,
412,
408,
404,
400,
396,
392,
388,
385,
381,
377,
374,
370,
367,
363,
360,
357,
354,
350,
347,
344,
341,
338,
335,
332,
329,
326,
323,
320,
318,
315,
312,
310,
307,
304,
302,
299,
297,
294,
292,
289,
287,
285,
282,
280,
278,
275,
273,
271,
269,
267,
265,
263,
261,
259,
],
a = [
9,
11,
12,
13,
13,
14,
14,
15,
15,
15,
15,
16,
16,
16,
16,
17,
17,
17,
17,
17,
17,
17,
18,
18,
18,
18,
18,
18,
18,
18,
18,
19,
19,
19,
19,
19,
19,
19,
19,
19,
19,
19,
19,
19,
19,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
20,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
21,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
22,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
23,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
24,
];
return e;
})();
HTMLCanvasElement.prototype.toBlob ||
Object.defineProperty(HTMLCanvasElement.prototype, "toBlob", {
value: function (t, e, i) {
for (var n = atob(this.toDataURL(e, i).split(",")[1]), o = n.length, a = new Uint8Array(o), r = 0; r < o; r++) a[r] = n.charCodeAt(r);
t(new Blob([a], { type: e || "image/png" }));
},
});
var p = (function () {
function t(t, e) {
for (var i = 0; i < e.length; i++) {
var n = e[i];
(n.enumerable = n.enumerable || !1), (n.configurable = !0), "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
}
}
return function (e, i, n) {
return i && t(e.prototype, i), n && t(e, n), e;
};
})(),
c =
"function" == typeof Symbol && "symbol" == typeof Symbol.iterator
? function (t) {
return typeof t;
}
: function (t) {
return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
},
d = function (t) {
if ("undefined" == typeof t.dataset) {
var e,
i,
n = {},
o = t.attributes;
for (e in o)
o.hasOwnProperty(e) && o[e].name && /^data-[a-z_\-\d]*$/i.test(o[e].name) && ((i = f(o[e].name.substr(5))), (n[i] = o[e].value));
return n;
}
return t.dataset;
},
f = function (t) {
return t.replace(/\-./g, function (t) {
return t.charAt(1).toUpperCase();
});
},
_ = function (t) {
for (var e = [], i = Array.prototype.slice.call(t.attributes), n = i.length, o = 0; o < n; o++) e.push({ name: i[o].name, value: i[o].value });
return e;
},
m = function (t) {
return { x: "undefined" == typeof t.offsetX ? t.layerX : t.offsetX, y: "undefined" == typeof t.offsetY ? t.layerY : t.offsetY };
},
g = function (t, e) {
var i,
n = {},
o = e || {};
for (i in t) {
t.hasOwnProperty(i) && (n[i] = "undefined" == typeof o[i] ? t[i] : o[i]);
}
return n;
},
v = { ESC: 27, RETURN: 13 },
y = { DOWN: ["touchstart", "pointerdown", "mousedown"], MOVE: ["touchmove", "pointermove", "mousemove"], UP: ["touchend", "touchcancel", "pointerup", "mouseup"] },
w = { jpeg: "image/jpeg", jpg: "image/jpeg", jpe: "image/jpeg", png: "image/png", gif: "image/gif", bmp: "image/bmp" },
b = /(\.png|\.bmp|\.gif|\.jpg|\.jpe|\.jpg|\.jpeg)$/,
k = function (t, e) {
var i = document.createElement(t);
return e && (i.className = e), i;
},
x = function (t, e, i) {
e.forEach(function (e) {
t.addEventListener(e, i, !1);
});
},
S = function (t, e, i) {
e.forEach(function (e) {
t.removeEventListener(e, i, !1);
});
},
C = function (t) {
var e = t.changedTouches ? t.changedTouches[0] : t;
if (e) return { x: e.pageX, y: e.pageY };
},
E = function (t, e) {
var i = 0.5,
n = 0.5,
o = (Math.PI / 180) * e,
a = Math.cos(o),
r = Math.sin(o),
s = t.x,
h = t.y,
u = t.x + t.width,
l = t.y + t.height,
p = a * (s - i) + r * (h - n) + i,
c = a * (h - n) - r * (s - i) + n,
d = a * (u - i) + r * (l - n) + i,
f = a * (l - n) - r * (u - i) + n;
p <= d ? ((t.x = p), (t.width = d - p)) : ((t.x = d), (t.width = p - d)), c <= f ? ((t.y = c), (t.height = f - c)) : ((t.y = f), (t.height = c - f));
},
P = function (t) {
var e = C(t);
return (e.x -= window.pageXOffset || document.documentElement.scrollLeft), (e.y -= window.pageYOffset || document.documentElement.scrollTop), e;
},
T = function (t) {
return t.charAt(0).toLowerCase() + t.slice(1);
},
M = function (t) {
return t.charAt(0).toUpperCase() + t.slice(1);
},
I = function (t) {
return t[t.length - 1];
},
R = function (t, e, i) {
return Math.max(e, Math.min(i, t));
},
O = function (t, e) {
if (!e) return !1;
for (var i = 0; i < e.length; i++) if (e[i] === t) return !0;
return !1;
},
L = function (t, e, i, n, o, a) {
var r = new XMLHttpRequest();
n &&
r.upload.addEventListener("progress", function (t) {
n(t.loaded, t.total);
}),
r.open("POST", t, !0),
i && i(r, e),
(r.onreadystatechange = function () {
if (4 === r.readyState && r.status >= 200 && r.status < 300) {
var t = r.responseText;
if (!t.length) return void o();
if (t.indexOf("Content-Length") !== -1) return void a("file-too-big");
var e = void 0;
try {
e = JSON.parse(r.responseText);
} catch (i) { }
if ("object" === ("undefined" == typeof e ? "undefined" : c(e)) && "failure" === e.status) return void a(e.message);
o(e || t);
} else if (4 === r.readyState) {
var n = void 0;
try {
n = JSON.parse(r.responseText);
} catch (i) { }
if ("object" === ("undefined" == typeof n ? "undefined" : c(n)) && "failure" === n.status) return void a(n.message);
a("fail");
}
}),
r.send(e);
},
z = function (t) {
t && ((t.style.webkitTransform = ""), (t.style.transform = ""));
},
D = function (t) {
return t / 1e6;
},
A = function () {
var t = [],
e = void 0,
i = void 0;
for (e in w) w.hasOwnProperty(e) && ((i = w[e]), t.indexOf(i) == -1 && t.push(i));
return t;
},
H = function (t) {
return "image/jpeg" === t;
},
U = function (t) {
var e = void 0;
for (e in w) if (w.hasOwnProperty(e) && w[e] === t) return e;
return t;
},
B = function (t) {
var e = void 0;
for (e in w) if (w.hasOwnProperty(e) && t.indexOf(w[e]) !== -1) return w[e];
return null;
},
F = function (t) {
return t.split("/").pop().split("?").shift();
},
N = function (t) {
var i = arguments.length > 1 && arguments[1] !== e ? arguments[1] : "";
return (i + t).slice(-i.length);
},
W = function (t) {
return t.getFullYear() + "-" + N(t.getMonth() + 1, "00") + "-" + N(t.getDate(), "00") + "_" + N(t.getHours(), "00") + "-" + N(t.getMinutes(), "00") + "-" + N(t.getSeconds(), "00");
},
j = function (t) {
return "undefined" == typeof t.name ? W(new Date()) + "." + U(q(t)) : t.name;
},
q = function (t) {
return t.type || "image/jpeg";
},
V = function (t) {
if ("string" != typeof t) return W(new Date());
var e = F(t);
return e.split(".").shift();
},
G = function (t, e) {
return "lastModified" in File.prototype ? (t.lastModified = new Date()) : (t.lastModifiedDate = new Date()), (t.name = e), t;
},
X = function (t) {
return /^data:image/.test(t);
},
Y = function (t, e, i, n, o, a) {
t = "" + t + (t.indexOf("?") !== -1 ? "&" : "?") + "url=" + n;
var r = new XMLHttpRequest();
r.open("GET", t, !0),
e(r),
(r.responseType = "json"),
(r.onload = function () {
return "failure" === this.response.status ? void o(this.response.message) : void J(this.response.body, i, a);
}),
r.send();
},
J = function (t, e, i) {
var n = new XMLHttpRequest();
if (t.indexOf('?') < 0) t += '?cache=noCache'; else t += '&cache=noCache';
n.open("GET", t, !0),
e(n),
(n.responseType = "blob"),
(n.onload = function (e) {
var n = F(t),
o = B(this.response.type);
b.test(n) || (n += "." + U(o));
var a = G(this.response, n);
i(gt(a, o));
}),
n.send();
},
$ = function (t) {
var e = t.split(",")[1],
i = e.replace(/\s/g, "");
return atob(i);
},
Z = function (t, e) {
for (var i = $(t), n = new ArrayBuffer(i.length), o = new Uint8Array(n), a = 0; a < i.length; a++) o[a] = i.charCodeAt(a);
var r = wt(t);
return "undefined" == typeof e && (e = W(new Date()) + "." + U(r)), G(K(n, r), e);
},
K = function (t, e) {
var i = (window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder);
if (i) {
var n = new i();
return n.append(t), n.getBlob(e);
}
return new Blob([t], { type: e });
},
Q = function (t, e, i) {
var o = "string" != typeof t || 0 !== t.indexOf("data:image");
n.parseMetaData(t, function (a) {
var r = { canvas: !0, crossOrigin: o };
e && ((r.maxWidth = e.width), (r.maxHeight = e.height)),
a.exif && (r.orientation = a.exif.get("Orientation")),
n(
t,
function (t) {
return "error" === t.type ? void i() : void i(t, a);
},
r
);
});
},
tt = function (t, e, i) {
var n,
o,
a,
r,
s = e / t;
return s < i ? ((r = e), (a = r / i), (n = 0.5 * (t - a)), (o = 0)) : ((a = t), (r = a * i), (n = 0), (o = 0.5 * (e - r))), { x: n, y: o, height: r, width: a };
},
et = function (t) {
var n = arguments.length > 1 && arguments[1] !== e ? arguments[1] : {},
o = arguments[2],
a = k("canvas"),
r = n.rotation,
s = n.crop,
h = n.size,
u = n.filters,
l = n.minSize;
if (s) {
var p = r % 180 !== 0,
c = { width: p ? t.height : t.width, height: p ? t.width : t.height };
s.x < 0 && (s.x = 0),
s.y < 0 && (s.y = 0),
s.width > c.width && (s.width = c.width),
s.height > c.height && (s.height = c.height),
s.y + s.height > c.height && (s.y = Math.max(0, c.height - s.height)),
s.x + s.width > c.width && (s.x = Math.max(0, c.width - s.width));
var d = s.x / c.width,
f = s.y / c.height,
_ = s.width / c.width,
m = s.height / c.height;
(a.width = s.width), (a.height = s.height);
var g = a.getContext("2d");
90 === r
? (g.translate(0.5 * a.width, 0.5 * a.height), g.rotate((-90 * Math.PI) / 180), g.drawImage(t, (1 - f) * t.width - t.width * m, s.x, s.height, s.width, 0.5 * -a.height, 0.5 * -a.width, a.height, a.width))
: 180 === r
? (g.translate(0.5 * a.width, 0.5 * a.height),
g.rotate((-180 * Math.PI) / 180),
g.drawImage(t, (1 - (d + _)) * c.width, (1 - (f + m)) * c.height, _ * c.width, m * c.height, 0.5 * -a.width, 0.5 * -a.height, a.width, a.height))
: 270 === r
? (g.translate(0.5 * a.width, 0.5 * a.height), g.rotate((-270 * Math.PI) / 180), g.drawImage(t, s.y, (1 - d) * t.height - t.height * _, s.height, s.width, 0.5 * -a.height, 0.5 * -a.width, a.height, a.width))
: g.drawImage(t, s.x, s.y, s.width, s.height, 0, 0, a.width, a.height);
}
if (h) {
var v = h.width / a.width,
y = h.height / a.height,
w = Math.min(v, y);
i(a, w, h, l), u.sharpen > 0 && nt(a, at(u.sharpen));
}
o(a);
},
it = function (t) {
var e = t.getContext("2d");
return e.getImageData(0, 0, t.width, t.height);
},
nt = function (t, e) {
var i = t.getContext("2d");
i.putImageData(e(it(t), t.width, t.height), 0, 0);
},
ot = function (t, e, i) {
var n = document.createElement("canvas");
(n.width = t), (n.height = e);
var o = n.getContext("2d"),
a = o.createImageData(n.width, n.height);
return i && a.set(i.data), a;
},
at = function (t) {
return function (e, i, n) {
for (var o = [0, -1, 0, -1, 5, -1, 0, -1, 0], a = Math.round(Math.sqrt(o.length)), r = (0.5 * a) | 0, s = ot(i, n), h = s.data, u = e.data, l = n, p = void 0; l--;)
for (p = i; p--;) {
for (var c = l, d = p, f = 4 * (l * i + p), _ = 0, m = 0, g = 0, v = 0, y = 0; y < a; y++)
for (var w = 0; w < a; w++) {
var b = c + y - r,
k = d + w - r;
if (b >= 0 && b < n && k >= 0 && k < i) {
var x = 4 * (b * i + k),
S = o[y * a + w];
(_ += u[x] * S), (m += u[x + 1] * S), (g += u[x + 2] * S), (v += u[x + 3] * S);
}
}
(h[f] = _ * t + u[f] * (1 - t)), (h[f + 1] = m * t + u[f + 1] * (1 - t)), (h[f + 2] = g * t + u[f + 2] * (1 - t)), (h[f + 3] = u[f + 3]);
}
return s;
};
},
rt = function (t, e) {
var i = Math.abs(t.width - e.width),
n = Math.abs(t.height - e.height);
return Math.max(i, n);
},
st = function (t) {
return ht(t, 1);
},
ht = function (t, e) {
if (!t) return null;
var n = document.createElement("canvas"),
o = n.getContext("2d");
return (n.width = t.width), (n.height = t.height), o.drawImage(t, 0, 0), e > 0 && 1 !== e && i(n, e, { width: Math.round(t.width * e), height: Math.round(t.height * e) }, { width: 0, height: 0 }), n;
},
ut = function (t) {
return t.width && t.height;
},
lt = function (t, e) {
var i = e.getContext("2d");
ut(e) ? i.drawImage(t, 0, 0, e.width, e.height) : ((e.width = t.width), (e.height = t.height), i.drawImage(t, 0, 0));
},
pt = function (t) {
l(t, 0, 0, t.width, t.height, 3);
},
ct = function (t, e) {
return parseInt(t.width, 10) >= e.width && parseInt(t.height, 10) >= e.height;
},
dt = function (t, e, i) {
return { x: t.x * e, y: t.y * i, width: t.width * e, height: t.height * i };
},
ft = function (t, e, i) {
return { x: t.x / e, y: t.y / i, width: t.width / e, height: t.height / i };
},
_t = function (t) {
if (t && "" !== t.value) {
try {
t.value = "";
} catch (e) { }
if (t.value) {
var i = document.createElement("form"),
n = t.parentNode,
o = t.nextSibling;
i.appendChild(t), i.reset(), o ? n.insertBefore(t, o) : n.appendChild(t);
}
}
},
mt = function (t) {
return "object" === ("undefined" == typeof value ? "undefined" : c(value)) && null !== value ? JSON.parse(JSON.stringify(t)) : t;
},
gt = function (t) {
var i = arguments.length > 1 && arguments[1] !== e ? arguments[1] : null;
if (!t) return null;
var n = t.slice(0, t.size, i || t.type);
return (n.name = t.name), "lastModified" in File.prototype && t.lastModified ? (n.lastModified = new Date(t.lastModified)) : t.lastModifiedDate && (n.lastModifiedDate = new Date(t.lastModifiedDate)), n;
},
vt = function (t) {
var e = mt(t);
return (e.input.file = gt(t.input.file)), (e.output.image = st(t.output.image)), e;
},
yt = function (t, i, n) {
return t && i ? t.toDataURL(i, H(i) && "number" == typeof n ? n / 100 : e) : null;
},
wt = function (t) {
if (!t) return null;
var e = t.substr(0, 16).match(/^.+;/);
return e.length ? e[0].substring(5, e[0].length - 1) : null;
},
bt = function (t) {
var i = arguments.length > 1 && arguments[1] !== e ? arguments[1] : [],
n = arguments[2],
o = arguments[3],
a = arguments[4],
r = { server: mt(t.server), meta: mt(t.meta), input: { name: t.input.name, type: t.input.type, size: t.input.size, width: t.input.width, height: t.input.height, field: t.input.field } };
return (
O("input", i) && !a && (r.input.image = yt(t.input.image, t.input.type)),
O("output", i) &&
((r.output = { name: o ? V(t.input.name) + "." + o : t.input.name, type: w[o] || t.input.type, width: t.output.width, height: t.output.height }),
(r.output.image = yt(t.output.image, r.output.type, n)),
(r.output.type = wt(r.output.image)),
"image/png" === r.output.type && (r.output.name = V(r.input.name) + ".png")),
O("actions", i) && (r.actions = mt(t.actions)),
r
);
},
kt = function (t, i, n) {
var o = t.output.image,
a = n ? V(t.input.name) + "." + n : t.input.name,
r = w[n] || t.input.type;
"image/png" === r && (a = V(t.input.name) + ".png"),
o.toBlob(
function (t) {
if ("msSaveBlob" in window.navigator) return void window.navigator.msSaveBlob(t, a);
var e = (window.URL || window.webkitURL).createObjectURL(t),
i = k("a");
(i.style.display = "none"),
(i.download = a),
(i.href = e),
document.body.appendChild(i),
i.click(),
setTimeout(function () {
document.body.removeChild(i), (window.URL || window.webkitURL).revokeObjectURL(e);
}, 0);
},
r,
"number" == typeof i ? i / 100 : e
);
},
xt = function (t, e, i) {
var n = i.querySelector(t);
n && (n.style.display = e ? "" : "none");
},
St = function (t) {
return Array.prototype.slice.call(t);
},
Ct = function (t) {
t.parentNode.removeChild(t);
},
Et = function (t) {
var e = k("div");
return t.parentNode && (t.nextSibling ? t.parentNode.insertBefore(e, t.nextSibling) : t.parentNode.appendChild(e)), e.appendChild(t), e;
},
Pt = function (t, e, i, n) {
var o = ((n - 90) * Math.PI) / 180;
return { x: t + i * Math.cos(o), y: e + i * Math.sin(o) };
},
Tt = function (t, e, i, n, o) {
var a = Pt(t, e, i, o),
r = Pt(t, e, i, n),
s = o - n <= 180 ? "0" : "1",
h = ["M", a.x, a.y, "A", i, i, 0, s, 0, r.x, r.y].join(" ");
return h;
},
Mt = function (t, e, i, n) {
return Tt(t, e, i, 0, 360 * n);
},
It = (function () {
var i = {
n: function (t, e, i, n) {
var o, a, r, s, h, u, l, p;
return (
(r = t.y + t.height),
(o = R(e.y, 0, r)),
r - o < i.min.height && (o = r - i.min.height),
(h = n ? (r - o) / n : t.width),
h < i.min.width && ((h = i.min.width), (o = r - h * n)),
(l = 0.5 * (h - t.width)),
(s = t.x - l),
(a = t.x + t.width + l),
(s < 0 || a > i.width) && ((p = Math.min(t.x, i.width - (t.x + t.width))), (s = t.x - p), (a = t.x + t.width + p), (h = a - s), (u = h * n), (o = r - u)),
{ x: s, y: o, width: a - s, height: r - o }
);
},
s: function (t, e, i, n) {
var o, a, r, s, h, u, l, p;
return (
(o = t.y),
(r = R(e.y, o, i.height)),
r - o < i.min.height && (r = o + i.min.height),
(h = n ? (r - o) / n : t.width),
h < i.min.width && ((h = i.min.width), (r = o + h * n)),
(l = 0.5 * (h - t.width)),
(s = t.x - l),
(a = t.x + t.width + l),
(s < 0 || a > i.width) && ((p = Math.min(t.x, i.width - (t.x + t.width))), (s = t.x - p), (a = t.x + t.width + p), (h = a - s), (u = h * n), (r = o + u)),
{ x: s, y: o, width: a - s, height: r - o }
);
},
e: function (t, e, i, n) {
var o, a, r, s, h, u, l, p;
return (
(s = t.x),
(a = R(e.x, s, i.width)),
a - s < i.min.width && (a = s + i.min.width),
(u = n ? (a - s) * n : t.height),
u < i.min.height && ((u = i.min.height), (a = s + u / n)),
(l = 0.5 * (u - t.height)),
(o = t.y - l),
(r = t.y + t.height + l),
(o < 0 || r > i.height) && ((p = Math.min(t.y, i.height - (t.y + t.height))), (o = t.y - p), (r = t.y + t.height + p), (u = r - o), (h = u / n), (a = s + h)),
{ x: s, y: o, width: a - s, height: r - o }
);
},
w: function n(t, e, i, o) {
var a, r, s, h, n, u, l, p;
return (
(r = t.x + t.width),
(h = R(e.x, 0, r)),
r - h < i.min.width && (h = r - i.min.width),
(u = o ? (r - h) * o : t.height),
u < i.min.height && ((u = i.min.height), (h = r - u / o)),
(l = 0.5 * (u - t.height)),
(a = t.y - l),
(s = t.y + t.height + l),
(a < 0 || s > i.height) && ((p = Math.min(t.y, i.height - (t.y + t.height))), (a = t.y - p), (s = t.y + t.height + p), (u = s - a), (n = u / o), (h = r - n)),
{ x: h, y: a, width: r - h, height: s - a }
);
},
ne: function (t, e, i, n) {
var o, a, r, s, h, u, l;
return (
(s = t.x),
(r = t.y + t.height),
(a = R(e.x, s, i.width)),
a - s < i.min.width && (a = s + i.min.width),
(u = n ? (a - s) * n : R(r - e.y, i.min.height, r)),
u < i.min.height && ((u = i.min.height), (a = s + u / n)),
(o = t.y - (u - t.height)),
(o < 0 || r > i.height) && ((l = Math.min(t.y, i.height - (t.y + t.height))), (o = t.y - l), (u = r - o), (h = u / n), (a = s + h)),
{ x: s, y: o, width: a - s, height: r - o }
);
},
se: function (t, e, i, n) {
var o, a, r, s, h, u, l;
return (
(s = t.x),
(o = t.y),
(a = R(e.x, s, i.width)),
a - s < i.min.width && (a = s + i.min.width),
(u = n ? (a - s) * n : R(e.y - t.y, i.min.height, i.height - o)),
u < i.min.height && ((u = i.min.height), (a = s + u / n)),
(r = t.y + t.height + (u - t.height)),
(o < 0 || r > i.height) && ((l = Math.min(t.y, i.height - (t.y + t.height))), (r = t.y + t.height + l), (u = r - o), (h = u / n), (a = s + h)),
{ x: s, y: o, width: a - s, height: r - o }
);
},
sw: function (t, e, i, n) {
var o, a, r, s, h, u, l;
return (
(a = t.x + t.width),
(o = t.y),
(s = R(e.x, 0, a)),
a - s < i.min.width && (s = a - i.min.width),
(u = n ? (a - s) * n : R(e.y - t.y, i.min.height, i.height - o)),
u < i.min.height && ((u = i.min.height), (s = a - u / n)),
(r = t.y + t.height + (u - t.height)),
(o < 0 || r > i.height) && ((l = Math.min(t.y, i.height - (t.y + t.height))), (r = t.y + t.height + l), (u = r - o), (h = u / n), (s = a - h)),
{ x: s, y: o, width: a - s, height: r - o }
);
},
nw: function (t, e, i, n) {
var o, a, r, s, h, u, l;
return (
(a = t.x + t.width),
(r = t.y + t.height),
(s = R(e.x, 0, a)),
a - s < i.min.width && (s = a - i.min.width),
(u = n ? (a - s) * n : R(r - e.y, i.min.height, r)),
u < i.min.height && ((u = i.min.height), (s = a - u / n)),
(o = t.y - (u - t.height)),
(o < 0 || r > i.height) && ((l = Math.min(t.y, i.height - (t.y + t.height))), (o = t.y - l), (u = r - o), (h = u / n), (s = a - h)),
{ x: s, y: o, width: a - s, height: r - o }
);
},
};
return (function () {
function n() {
var i = arguments.length > 0 && arguments[0] !== e ? arguments[0] : document.createElement("div");
t(this, n),
(this._element = i),
(this._interaction = null),
(this._minWidth = 0),
(this._minHeight = 0),
(this._ratio = null),
(this._rect = { x: 0, y: 0, width: 0, height: 0 }),
(this._space = { width: 0, height: 0 }),
(this._rectChanged = !1),
this._init();
}
return (
p(n, [
{
key: "_init",
value: function () {
this._element.className = "slim-crop-area";
var t = k("div", "grid");
this._element.appendChild(t);
for (var e in i)
if (i.hasOwnProperty(e)) {
var n = k("button", e);
this._element.appendChild(n);
}
var o = k("button", "c");
this._element.appendChild(o), x(document, y.DOWN, this);
},
},
{
key: "reset",
value: function () {
(this._interaction = null), (this._rect = { x: 0, y: 0, width: 0, height: 0 }), (this._rectChanged = !0), this._redraw(), this._element.dispatchEvent(new CustomEvent("change"));
},
},
{
key: "rescale",
value: function (t) {
1 !== t &&
((this._interaction = null),
(this._rectChanged = !0),
(this._rect.x *= t),
(this._rect.y *= t),
(this._rect.width *= t),
(this._rect.height *= t),
this._redraw(),
this._element.dispatchEvent(new CustomEvent("change")));
},
},
{
key: "limit",
value: function (t, e) {
(this._space.width = t), (this._space.height = e);
},
},
{
key: "offset",
value: function (t, e) {
(this._space.x = t), (this._space.y = e);
},
},
{
key: "resize",
value: function (t, e, i, n) {
(this._interaction = null),
(this._rect = {
x: R(t, 0, this._space.width - this._minWidth),
y: R(e, 0, this._space.height - this._minHeight),
width: R(i, this._minWidth, this._space.width),
height: R(n, this._minHeight, this._space.height),
}),
(this._rectChanged = !0),
this._redraw(),
this._element.dispatchEvent(new CustomEvent("change"));
},
},
{
key: "handleEvent",
value: function (t) {
switch (t.type) {
case "touchstart":
case "pointerdown":
case "mousedown":
this._onStartDrag(t);
break;
case "touchmove":
case "pointermove":
case "mousemove":
this._onDrag(t);
break;
case "touchend":
case "touchcancel":
case "pointerup":
case "mouseup":
this._onStopDrag(t);
}
},
},
{
key: "_onStartDrag",
value: function (t) {
this._element.contains(t.target) &&
(t.preventDefault(),
x(document, y.MOVE, this),
x(document, y.UP, this),
(this._interaction = { type: t.target.className, offset: P(t) }),
(this._interaction.offset.x -= this._rect.x),
(this._interaction.offset.y -= this._rect.y),
this._element.setAttribute("data-dragging", "true"),
this._redraw());
},
},
{
key: "_onDrag",
value: function (t) {
t.preventDefault();
var e = P(t),
n = this._interaction.type;
"c" === n
? ((this._rect.x = R(e.x - this._interaction.offset.x, 0, this._space.width - this._rect.width)), (this._rect.y = R(e.y - this._interaction.offset.y, 0, this._space.height - this._rect.height)))
: i[n] &&
(this._rect = i[n](
this._rect,
{ x: e.x - this._space.x, y: e.y - this._space.y },
{ x: 0, y: 0, width: this._space.width, height: this._space.height, min: { width: this._minWidth, height: this._minHeight } },
this._ratio
)),
(this._rectChanged = !0),
this._element.dispatchEvent(new CustomEvent("input"));
},
},
{
key: "_onStopDrag",
value: function (t) {
t.preventDefault(),
S(document, y.MOVE, this),
S(document, y.UP, this),
(this._interaction = null),
this._element.setAttribute("data-dragging", "false"),
this._element.dispatchEvent(new CustomEvent("change"));
},
},
{
key: "_redraw",
value: function () {
var t = this;
if (this._rectChanged) {
var e = "translate(" + this._rect.x + "px," + this._rect.y + "px);";
(this._element.style.cssText =
"\n\t\t\t\t\t-webkit-transform: " + e + ";\n\t\t\t\t\ttransform: " + e + ";\n\t\t\t\t\twidth:" + this._rect.width + "px;\n\t\t\t\t\theight:" + this._rect.height + "px;\n\t\t\t\t"),
(this._rectChanged = !1);
}
this._interaction &&
requestAnimationFrame(function () {
return t._redraw();
});
},
},
{
key: "destroy",
value: function () {
(this._interaction = !1), (this._rectChanged = !1), S(document, y.DOWN, this), S(document, y.MOVE, this), S(document, y.UP, this), Ct(this._element);
},
},
{
key: "element",
get: function () {
return this._element;
},
},
{
key: "space",
get: function () {
return this._space;
},
},
{
key: "area",
get: function () {
var t = this._rect.x / this._space.width,
e = this._rect.y / this._space.height,
i = this._rect.width / this._space.width,
n = this._rect.height / this._space.height;
return { x: t, y: e, width: i, height: n };
},
},
{
key: "dirty",
get: function () {
return 0 !== this._rect.x || 0 !== this._rect.y || 0 !== this._rect.width || 0 !== this._rect.height;
},
},
{
key: "minWidth",
set: function (t) {
this._minWidth = t;
},
},
{
key: "minHeight",
set: function (t) {
this._minHeight = t;
},
},
{
key: "ratio",
set: function (t) {
this._ratio = t;
},
},
]),
n
);
})();
})(),
Rt = (function () {
var i = ["input", "change"],
n = (function () {
function n() {
var i = arguments.length > 0 && arguments[0] !== e ? arguments[0] : document.createElement("div"),
o = arguments.length > 1 && arguments[1] !== e ? arguments[1] : {};
t(this, n),
(this._element = i),
(this._options = g(n.options(), o)),
(this._ratio = null),
(this._output = null),
(this._input = null),
(this._preview = null),
(this._previewBlurred = null),
(this._blurredPreview = !1),
(this._cropper = null),
(this._straightCrop = null),
(this._previewWrapper = null),
(this._currentWindowSize = {}),
(this._btnGroup = null),
(this._maskFrame = null),
(this._dirty = !1),
(this._wrapperRotation = 0),
(this._wrapperScale = 1),
this._init();
}
return (
p(
n,
[
{
key: "_init",
value: function () {
var t = this;
(this._element.className = "slim-image-editor"),
(this._container = k("div", "slim-container")),
(this._wrapper = k("div", "slim-wrapper")),
(this._stage = k("div", "slim-stage")),
this._container.appendChild(this._stage),
(this._cropper = new It()),
i.forEach(function (e) {
t._cropper.element.addEventListener(e, t);
}),
this._stage.appendChild(this._cropper.element),
(this._previewWrapper = k("div", "slim-image-editor-preview slim-crop-preview")),
(this._previewBlurred = k("canvas", "slim-crop-blur")),
this._previewWrapper.appendChild(this._previewBlurred),
this._wrapper.appendChild(this._previewWrapper),
(this._previewMask = k("div", "slim-crop-mask")),
(this._preview = k("img")),
this._previewMask.appendChild(this._preview),
this._cropper.element.appendChild(this._previewMask),
(this._btnGroup = k("div", "slim-editor-btn-group")),
n.Buttons.forEach(function (e) {
var i = M(e),
n = t._options["button" + i + "Label"],
o = t._options["button" + i + "Title"],
a = t._options["button" + i + "ClassName"],
r = k("button", "slim-editor-btn slim-btn-" + e + (a ? " " + a : ""));
(r.innerHTML = n), (r.title = o || n), (r.type = "button"), r.setAttribute("data-action", e), r.addEventListener("click", t), t._btnGroup.appendChild(r);
}),
(this._utilsGroup = k("div", "slim-editor-utils-group"));
var e = k("button", "slim-editor-utils-btn slim-btn-rotate" + (this._options.buttonRotateClassName ? " " + this._options.buttonRotateClassName : ""));
e.setAttribute("data-action", "rotate"),
e.addEventListener("click", this),
(e.title = this._options.buttonRotateTitle),
this._utilsGroup.appendChild(e),
this._container.appendChild(this._wrapper),
this._element.appendChild(this._container),
this._element.appendChild(this._utilsGroup),
this._element.appendChild(this._btnGroup);
},
},
{
key: "dirty",
value: function () {
this._dirty = !0;
},
},
{
key: "handleEvent",
value: function (t) {
switch (t.type) {
case "click":
this._onClick(t);
break;
case "change":
this._onGridChange(t);
break;
case "input":
this._onGridInput(t);
break;
case "keydown":
this._onKeyDown(t);
break;
case "resize":
this._onResize(t);
}
},
},
{
key: "_onKeyDown",
value: function (t) {
switch (t.keyCode) {
case v.RETURN:
this._confirm();
break;
case v.ESC:
this._cancel();
}
},
},
{
key: "_onClick",
value: function (t) {
t.target.classList.contains("slim-btn-cancel") && this._cancel(),
t.target.classList.contains("slim-btn-confirm") && this._confirm(),
t.target.classList.contains("slim-btn-rotate") && this._rotate();
},
},
{
key: "_onResize",
value: function () {
(this._currentWindowSize = { width: window.innerWidth, height: window.innerHeight }),
this._redraw(),
this._redrawCropper(this._cropper.area),
this._updateWrapperScale(),
this._redrawWrapper();
},
},
{
key: "_redrawWrapper",
value: function () {
var t = u.createMatrix();
t.scale(this._wrapperScale, this._wrapperScale), t.rotateZ(this._wrapperRotation * (Math.PI / 180)), u.setElementTransform(this._previewWrapper, t);
},
},
{
key: "_onGridInput",
value: function () {
this._redrawCropMask();
},
},
{
key: "_onGridChange",
value: function () {
this._redrawCropMask();
},
},
{
key: "_updateWrapperRotation",
value: function () {
this._options.minSize.width > this._input.height || this._options.minSize.height > this._input.width ? (this._wrapperRotation += 180) : (this._wrapperRotation += 90);
},
},
{
key: "_updateWrapperScale",
value: function () {
var t = this._wrapperRotation % 180 !== 0;
if (t) {
var e = this._container.offsetWidth,
i = this._container.offsetHeight,
n = this._wrapper.offsetHeight,
o = this._wrapper.offsetWidth,
a = e / n;
a * o > i && (a = i / o), (this._wrapperScale = a);
} else this._wrapperScale = 1;
},
},
{
key: "_cancel",
value: function () {
this._element.dispatchEvent(new CustomEvent("cancel"));
},
},
{
key: "_confirm",
value: function () {
var t = this._wrapperRotation % 180 !== 0,
e = this._cropper.area,
i = dt(e, t ? this._input.height : this._input.width, t ? this._input.width : this._input.height);
this._element.dispatchEvent(new CustomEvent("confirm", { detail: { rotation: this._wrapperRotation % 360, crop: i } }));
},
},
{
key: "_rotate",
value: function () {
var t = this;
this._updateWrapperRotation();
var e = 1 === this.ratio || null === this._ratio ? this._cropper.area : null;
e && E(e, 90),
this._updateWrapperScale(),
this._hideCropper(),
u(this._previewWrapper, {
rotation: [0, 0, this._wrapperRotation * (Math.PI / 180)],
scale: [this._wrapperScale, this._wrapperScale],
easing: "spring",
springConstant: 0.8,
springDeceleration: 0.65,
complete: function () {
t._redrawCropper(e), t._showCropper();
},
});
},
},
{
key: "_showCropper",
value: function () {
u(this._stage, { easing: "ease", duration: 250, fromOpacity: 0, opacity: 1 });
},
},
{
key: "_hideCropper",
value: function () {
u(this._stage, { duration: 0, fromOpacity: 0, opacity: 0 });
},
},
{
key: "_redrawCropMask",
value: function () {
var t = this,
e = this._wrapperRotation % 360,
i = this._wrapperScale,
n = { width: this._wrapper.offsetWidth, height: this._wrapper.offsetHeight },
o = this._cropper.area,
a = { x: 0, y: 0 };
0 === e ? ((a.x = -o.x), (a.y = -o.y)) : 90 === e ? ((a.x = -(1 - o.y)), (a.y = -o.x)) : 180 === e ? ((a.x = -(1 - o.x)), (a.y = -(1 - o.y))) : 270 === e && ((a.x = -o.y), (a.y = -(1 - o.x))),
(a.x *= n.width),
(a.y *= n.height),
cancelAnimationFrame(this._maskFrame),
(this._maskFrame = requestAnimationFrame(function () {
var n = "scale(" + i + ") rotate(" + -e + "deg) translate(" + a.x + "px, " + a.y + "px);";
t._preview.style.cssText =
"\n\t\t\t\t\twidth: " +
t._previewSize.width +
"px;\n\t\t\t\t\theight: " +
t._previewSize.height +
"px;\n\t\t\t\t\t-webkit-transform: " +
n +
";\n\t\t\t\t\ttransform: " +
n +
";\n\t\t\t\t";
}));
},
},
{
key: "open",
value: function (t, e, i, n, o) {
var a = this;
if (this._input && !this._dirty && this._ratio === e) return void o();
(this._currentWindowSize = { width: window.innerWidth, height: window.innerHeight }),
(this._dirty = !1),
(this._wrapperRotation = n || 0),
(this._blurredPreview = !1),
(this._ratio = e),
(this._previewSize = null),
(this._element.style.opacity = "0"),
(this._input = t);
var r = n % 180 !== 0,
s = ft(i, r ? t.height : t.width, r ? t.width : t.height);
(this._preview.onload = function () {
(a._preview.onload = null), (a._cropper.ratio = a.ratio), a._redraw(), a._redrawCropper(s), o(), (a._element.style.opacity = "");
}),
(this._preview.src = ht(this._input, Math.min(this._container.offsetWidth / this._input.width, this._container.offsetHeight / this._input.height)).toDataURL());
},
},
{
key: "_redrawCropper",
value: function (t) {
var e = this._wrapperRotation % 180 !== 0,
i = e ? this._input.height / this._input.width : this._input.width / this._input.height,
n = this._wrapper.offsetWidth,
o = this._wrapper.offsetHeight,
a = this._container.offsetWidth,
r = this._container.offsetHeight;
this._updateWrapperScale();
var s = this._wrapperScale * (e ? o : n),
h = this._wrapperScale * (e ? n : o),
u = e ? 0.5 * (a - s) : this._wrapper.offsetLeft,
l = e ? 0.5 * (r - h) : this._wrapper.offsetTop;
(this._stage.style.cssText = "\n\t\t\t\tleft:" + u + "px;\n\t\t\t\ttop:" + l + "px;\n\t\t\t\twidth:" + s + "px;\n\t\t\t\theight:" + h + "px;\n\t\t\t"),
this._cropper.limit(s, s / i),
this._cropper.offset(u + this._element.offsetLeft, l + this._element.offsetTop),
(this._cropper.minWidth = this._wrapperScale * this._options.minSize.width * this.scalar),
(this._cropper.minHeight = this._wrapperScale * this._options.minSize.height * this.scalar);
var p = null;
(p = t ? { x: t.x * s, y: t.y * h, width: t.width * s, height: t.height * h } : tt(s, h, this._ratio || h / s)), this._cropper.resize(p.x, p.y, p.width, p.height);
},
},
{
key: "_redraw",
value: function () {
var t = this._input.height / this._input.width,
e = this._container.clientWidth,
i = this._container.clientHeight,
n = e,
o = n * t;
o > i && ((o = i), (n = o / t)), (n = Math.round(n)), (o = Math.round(o));
var a = (e - n) / 2,
r = (i - o) / 2;
(this._wrapper.style.cssText = "\n\t\t\t\tleft:" + a + "px;\n\t\t\t\ttop:" + r + "px;\n\t\t\t\twidth:" + n + "px;\n\t\t\t\theight:" + o + "px;\n\t\t\t"),
(this._previewBlurred.style.cssText = "\n\t\t\t\twidth:" + n + "px;\n\t\t\t\theight:" + o + "px;\n\t\t\t"),
(this._preview.style.cssText = "\n\t\t\t\twidth:" + n + "px;\n\t\t\t\theight:" + o + "px;\n\t\t\t"),
(this._previewSize = { width: n, height: o }),
this._blurredPreview ||
((this._previewBlurred.width = 300),
(this._previewBlurred.height = this._previewBlurred.width * t),
lt(this._input, this._previewBlurred),
pt(this._previewBlurred, 3),
(this._blurredPreview = !0));
},
},
{
key: "show",
value: function () {
var t = arguments.length > 0 && arguments[0] !== e ? arguments[0] : function () { };
(this._currentWindowSize.width === window.innerWidth && this._currentWindowSize.height === window.innerHeight) || (this._redraw(), this._redrawCropper(this._cropper.area)),
document.addEventListener("keydown", this),
window.addEventListener("resize", this);
var i = this._wrapperRotation * (Math.PI / 180);
u(this._previewWrapper, {
fromRotation: [0, 0, i],
rotation: [0, 0, i],
fromPosition: [0, 0, 0],
position: [0, 0, 0],
fromOpacity: 0,
opacity: 1,
fromScale: [this._wrapperScale - 0.02, this._wrapperScale - 0.02],
scale: [this._wrapperScale, this._wrapperScale],
easing: "spring",
springConstant: 0.3,
springDeceleration: 0.85,
delay: 450,
complete: function () { },
}),
this._cropper.dirty
? u(this._stage, {
fromPosition: [0, 0, 0],
position: [0, 0, 0],
fromOpacity: 0,
opacity: 1,
duration: 250,
delay: 850,
complete: function () {
z(this), t();
},
})
: u(this._stage, {
fromPosition: [0, 0, 0],
position: [0, 0, 0],
fromOpacity: 0,
opacity: 1,
duration: 250,
delay: 1e3,
complete: function () {
z(this);
},
}),
u(this._btnGroup.childNodes, {
fromScale: [0.9, 0.9],
scale: [1, 1],
fromOpacity: 0,
opacity: 1,
delay: function (t) {
return 1e3 + 100 * t;
},
easing: "spring",
springConstant: 0.3,
springDeceleration: 0.85,
complete: function () {
z(this);
},
}),
u(this._utilsGroup.childNodes, {
fromScale: [0.9, 0.9],
scale: [1, 1],
fromOpacity: 0,
opacity: 1,
easing: "spring",
springConstant: 0.3,
springDeceleration: 0.85,
delay: 1250,
complete: function () {
z(this);
},
});
},
},
{
key: "hide",
value: function () {
var t = arguments.length > 0 && arguments[0] !== e ? arguments[0] : function () { };
document.removeEventListener("keydown", this),
window.removeEventListener("resize", this),
u(this._utilsGroup.childNodes, { fromOpacity: 1, opacity: 0, duration: 250 }),
u(this._btnGroup.childNodes, { fromOpacity: 1, opacity: 0, delay: 200, duration: 350 }),
u([this._stage, this._previewWrapper], {
fromPosition: [0, 0, 0],
position: [0, -250, 0],
fromOpacity: 1,
opacity: 0,
easing: "spring",
springConstant: 0.3,
springDeceleration: 0.75,
delay: 250,
allDone: function () {
t();
},
});
},
},
{
key: "destroy",
value: function () {
var t = this;
St(this._btnGroup.children).forEach(function (e) {
e.removeEventListener("click", t);
}),
i.forEach(function (e) {
t._cropper.element.removeEventListener(e, t);
}),
this._cropper.destroy(),
this._element.parentNode && Ct(this._element);
},
},
{
key: "showRotateButton",
set: function (t) {
t ? this._element.classList.remove("slim-rotation-disabled") : this._element.classList.add("slim-rotation-disabled");
},
},
{
key: "element",
get: function () {
return this._element;
},
},
{
key: "ratio",
get: function () {
return "input" === this._ratio ? this._input.height / this._input.width : this._ratio;
},
},
{
key: "offset",
get: function () {
return this._element.getBoundingClientRect();
},
},
{
key: "original",
get: function () {
return this._input;
},
},
{
key: "scalar",
get: function () {
return this._previewSize.width / this._input.width;
},
},
],
[
{
key: "options",
value: function () {
return {
buttonCancelClassName: null,
buttonConfirmClassName: null,
buttonCancelLabel: "Cancel",
buttonConfirmLabel: "Confirm",
buttonCancelTitle: null,
buttonConfirmTitle: null,
buttonRotateTitle: "Rotate",
buttonRotateClassName: null,
minSize: { width: 0, height: 0 },
};
},
},
]
),
n
);
})();
return (n.Buttons = ["cancel", "confirm"]), n;
})(It),
Ot = (function () {
var i = ["dragenter", "dragover", "dragleave", "drop"];
return (function () {
function n() {
var i = arguments.length > 0 && arguments[0] !== e ? arguments[0] : document.createElement("div");
t(this, n), (this._element = i), (this._accept = []), (this._allowURLs = !1), (this._dragPath = null), this._init();
}
return (
p(n, [
{
key: "isValidDataTransfer",
value: function (t) {
return true;
//return t.files && t.files.length ? this.areValidDataTransferFiles(t.files) : t.items && t.items.length ? this.areValidDataTransferItems(t.items) : null;
},
},
{
key: "areValidDataTransferFiles",
value: function (t) {
return !this._accept.length || !t || this._accept.indexOf(t[0].type) !== -1;
},
},
{
key: "areValidDataTransferItems",
value: function (t) {
return true;
//return !this._accept.length || !t || (this._allowURLs && "string" === t[0].kind ? null : t[0].type && 0 === t[0].type.indexOf("application") ? null : this._accept.indexOf(t[0].type) !== -1);
},
},
{
key: "reset",
value: function () {
this._element.files = null;
},
},
{
key: "_init",
value: function () {
var t = this;
(this._element.className = "slim-file-hopper"),
i.forEach(function (e) {
t._element.addEventListener(e, t);
});
},
},
{
key: "handleEvent",
value: function (t) {
switch (t.type) {
case "dragenter":
case "dragover":
this._onDragOver(t);
break;
case "dragleave":
this._onDragLeave(t);
break;
case "drop":
this._onDrop(t);
}
},
},
{
key: "_onDrop",
value: function (t) {
t.preventDefault();
var e = null;
if (this._allowURLs) {
var i = void 0,
n = void 0;
try {
(i = t.dataTransfer.getData("url")), (n = t.dataTransfer.getData("text/html"));
} catch (t) { }
if (n && n.length) {
var o = n.match(/src\s*=\s*"(.+?)"/);
o && (e = o[1]);
} else i && i.length && (e = i);
}
if (e) this._element.files = [{ remote: e }];
else {
var a = this.isValidDataTransfer(t.dataTransfer);
if (!a) return this._element.dispatchEvent(new CustomEvent("file-invalid-drop")), void (this._dragPath = null);
this._element.files = t.dataTransfer.files;
}
this._element.dispatchEvent(new CustomEvent("file-drop", { detail: m(t) })), this._element.dispatchEvent(new CustomEvent("change")), (this._dragPath = null);
},
},
{
key: "_onDragOver",
value: function (t) {
t.preventDefault(), (t.dataTransfer.dropEffect = "copy");
var e = this.isValidDataTransfer(t.dataTransfer);
return null === e || e
? (this._dragPath || (this._dragPath = []),
this._dragPath.push(m(t)),
void this._element.dispatchEvent(new CustomEvent("file-over", { detail: { x: I(this._dragPath).x, y: I(this._dragPath).y } })))
: ((t.dataTransfer.dropEffect = "none"), void this._element.dispatchEvent(new CustomEvent("file-invalid")));
},
},
{
key: "_onDragLeave",
value: function (t) {
this._element.dispatchEvent(new CustomEvent("file-out", { detail: m(t) })), (this._dragPath = null);
},
},
{
key: "destroy",
value: function () {
var t = this;
i.forEach(function (e) {
t._element.removeEventListener(e, t);
}),
Ct(this._element),
(this._element = null),
(this._dragPath = null),
(this._accept = null);
},
},
{
key: "element",
get: function () {
return this._element;
},
},
{
key: "dragPath",
get: function () {
return this._dragPath;
},
},
{
key: "enabled",
get: function () {
return "" === this._element.style.display;
},
set: function (t) {
this._element.style.display = t ? "" : "none";
},
},
{
key: "allowURLs",
set: function (t) {
this._allowURLs = t;
},
},
{
key: "accept",
set: function (t) {
this._accept = t;
},
get: function () {
return this._accept;
},
},
]),
n
);
})();
})(),
Lt = (function () {
return (function () {
function i() {
t(this, i), (this._element = null), (this._inner = null), this._init();
}
return (
p(i, [
{
key: "_init",
value: function () {
(this._element = k("div", "slim-popover")), this._element.setAttribute("data-state", "off"), document.body.appendChild(this._element);
},
},
{
key: "show",
value: function () {
var t = this,
i = arguments.length > 0 && arguments[0] !== e ? arguments[0] : function () { };
this._element.setAttribute("data-state", "on"),
u(this._element, {
fromOpacity: 0,
opacity: 1,
duration: 350,
complete: function () {
z(t._element), i();
},
});
},
},
{
key: "hide",
value: function () {
var t = this,
i = arguments.length > 0 && arguments[0] !== e ? arguments[0] : function () { };
u(this._element, {
fromOpacity: 1,
opacity: 0,
duration: 500,
complete: function () {
z(t._element), t._element.setAttribute("data-state", "off"), i();
},
});
},
},
{
key: "destroy",
value: function () {
this._element.parentNode && (this._element.parentNode.removeChild(this._element), (this._element = null), (this._inner = null));
},
},
{
key: "inner",
set: function (t) {
(this._inner = t), this._element.firstChild && this._element.removeChild(this._element.firstChild), this._element.appendChild(this._inner);
},
},
{
key: "className",
set: function (t) {
this._element.className = "slim-popover" + (null === t ? "" : " " + t);
},
},
]),
i
);
})();
})(),
zt = function (t, e) {
return t.split(e).map(function (t) {
return parseInt(t, 10);
});
},
Dt = function (t) {
return "DIV" === t.nodeName || "SPAN" === t.nodeName;
},
At = { AUTO: "auto", INITIAL: "initial", MANUAL: "manual" },
Ht = ["x", "y", "width", "height"],
Ut = ["file-invalid-drop", "file-invalid", "file-drop", "file-over", "file-out", "click"],
Bt = ["cancel", "confirm"],
Ft = ["remove", "edit", "download", "upload"],
Nt = null,
Wt = 0,
jt = '\n\n',
qt = '\n\n',
Vt = function (t) {
var e = t.split(",");
return { width: parseInt(e[0], 10), height: parseInt(e[1], 10) };
},
Gt = (function () {
function i(n) {
var o = arguments.length > 1 && arguments[1] !== e ? arguments[1] : {};
t(this, i),
Nt || (Nt = new Lt()),
(this._uid = Wt++),
(this._options = g(i.options(), o)),
this._options.forceSize &&
("string" == typeof this._options.forceSize && (this._options.forceSize = Vt(this._options.forceSize)),
(this._options.ratio = this._options.forceSize.width + ":" + this._options.forceSize.height),
(this._options.size = mt(this._options.forceSize))),
"string" == typeof this._options.size && (this._options.size = Vt(this._options.size)),
"string" == typeof this._options.minSize && (this._options.minSize = Vt(this._options.minSize)),
(this._originalElement = n),
(this._originalElementInner = n.innerHTML),
(this._originalElementAttributes = _(n)),
Dt(n) ? (this._element = n) : ((this._element = Et(n)), (this._element.className = n.className), (n.className = ""), this._element.setAttribute("data-ratio", this._options.ratio)),
this._element.classList.add("slim"),
this._element.setAttribute("data-state", "init"),
(this._state = []),
(this._timers = []),
(this._input = null),
(this._inputReference = null),
(this._output = null),
(this._ratio = null),
(this._isRequired = !1),
(this._imageHopper = null),
(this._imageEditor = null),
(this._progressEnabled = !0),
(this._data = {}),
this._resetData(),
(this._drip = null),
(this._hasInitialImage = !1),
(this._initialCrop = this._options.crop),
(this._initialRotation = this._options.rotation && this._options.rotation % 90 === 0 ? this._options.rotation : null),
(this._isBeingDestroyed = !1),
i.supported ? this._init() : this._fallback();
}
return (
p(
i,
[
{
key: "setRotation",
value: function (t, e) {
if ("number" == typeof t || t % 90 === 0) {
this._data.actions.rotation = t;
var i = this._data.actions.rotation % 180 !== 0;
if (this._data.input.image) {
var n = i ? this._data.input.image.height : this._data.input.image.width,
o = i ? this._data.input.image.width : this._data.input.image.height;
(this._data.actions.crop = tt(n, o, this._ratio)), (this._data.actions.crop.type = At.AUTO);
}
this._data.input.image && e && this._manualTransform(e);
}
},
},
{
key: "setSize",
value: function (t, e) {
"string" == typeof t && (t = Vt(t)), t && t.width && t.height && ((this._options.size = mt(t)), (this._data.actions.size = mt(t)), this._data.input.image && e && this._manualTransform(e));
},
},
{
key: "setForceSize",
value: function (t, e) {
"string" == typeof t && (t = Vt(t)),
t &&
t.width &&
t.height &&
((this._options.size = mt(t)), (this._options.forceSize = mt(t)), (this._data.actions.size = mt(t)), this.setRatio(this._options.forceSize.width + ":" + this._options.forceSize.height, e));
},
},
{
key: "setRatio",
value: function (t, e) {
var i = this;
if (t && "string" == typeof t && ((this._options.ratio = t), this._isFixedRatio())) {
var n = zt(this._options.ratio, ":");
(this._ratio = n[1] / n[0]),
this._data.input.image && e
? this._cropAuto(function (t) {
i._scaleDropArea(i._ratio), e && e(t);
})
: (this._data.input.image && ((this._data.actions.crop = tt(this._data.input.image.width, this._data.input.image.height, this._ratio)), (this._data.actions.crop.type = At.AUTO)),
this._scaleDropArea(this._ratio),
e && e(null));
}
},
},
{
key: "isAttachedTo",
value: function (t) {
return this._element === t || this._originalElement === t;
},
},
{
key: "isDetached",
value: function () {
return null === this._element.parentNode;
},
},
{
key: "load",
value: function (t) {
var i = arguments.length > 1 && arguments[1] !== e ? arguments[1] : {},
n = arguments[2];
"function" == typeof i
? (n = i)
: ((this._options.crop = i.crop),
(this._options.rotation = i.rotation),
(this._initialRotation = i.rotation && i.rotation % 90 === 0 ? i.rotation : null),
(this._initialCrop = this._options.crop)),
this._load(t, n, { blockPush: i.blockPush });
},
},
{
key: "upload",
value: function (t) {
this._doUpload(t);
},
},
{
key: "download",
value: function () {
this._doDownload();
},
},
{
key: "remove",
value: function () {
return this._doRemove();
},
},
{
key: "destroy",
value: function () {
this._doDestroy();
},
},
{
key: "edit",
value: function () {
this._doEdit();
},
},
{
key: "crop",
value: function (t, e) {
this._crop(t.x, t.y, t.width, t.height, e);
},
},
{
key: "containsImage",
value: function () {
return null !== this._data.input.name;
},
},
{
key: "_canInstantEdit",
value: function () {
return this._options.instantEdit && !this._isInitialising;
},
},
{
key: "_getFileInput",
value: function () {
return this._element.querySelector("input[type=file]");
},
},
{
key: "_getInitialImage",
value: function () {
return this._element.querySelector("img");
},
},
{
key: "_getInputElement",
value: function () {
return this._getFileInput() || this._getInitialImage();
},
},
{
key: "_getRatioSpacerElement",
value: function () {
return this._element.children[0];
},
},
{
key: "_isImageOnly",
value: function () {
return "INPUT" !== this._input.nodeName;
},
},
{
key: "_isFixedRatio",
value: function () {
return this._options.ratio.indexOf(":") !== -1;
},
},
{
key: "_isAutoCrop",
value: function () {
return this._data.actions.crop.type === At.AUTO;
},
},
{
key: "_toggleButton",
value: function (t, e) {
xt('.slim-btn[data-action="' + t + '"]', e, this._element);
},
},
{
key: "_clearState",
value: function () {
(this._state = []), this._updateState();
},
},
{
key: "_removeState",
value: function (t) {
(this._state = this._state.filter(function (e) {
return e !== t;
})),
this._updateState();
},
},
{
key: "_addState",
value: function (t) {
O(t, this._state) || (this._state.push(t), this._updateState());
},
},
{
key: "_updateState",
value: function () {
this._element && this._element.setAttribute("data-state", this._state.join(","));
},
},
{
key: "_resetData",
value: function () {
(this._data = {
server: null,
meta: mt(this._options.meta),
input: { field: this._inputReference, name: null, type: null, width: 0, height: 0, file: null },
output: { image: null, width: 0, height: 0 },
actions: { rotation: null, crop: null, size: null },
}),
this._output && (this._output.value = ""),
_t(this._getFileInput());
},
},
{
key: "_init",
value: function () {
var t = this;
if (
((this._isInitialising = !0),
this._addState("empty"),
O("input", this._options.post) && (this._inputReference = "slim_input_" + this._uid),
(this._input = this._getInputElement()),
this._input || ((this._input = k("input")), (this._input.type = "file"), this._element.appendChild(this._input)),
(this._isRequired = this._input.required === !0),
(this._output = this._element.querySelector("input[type=hidden]")),
this._output)
) {
var e = null;
try {
e = JSON.parse(this._output.value);
} catch (i) { }
if (e) {
var n = new Image();
(n.src = e.output.image), n.setAttribute("data-filename", e.output.name), this._element.insertBefore(n, this._element.firstChild);
}
} else (this._output = k("input")), (this._output.type = "hidden"), (this._output.name = this._input.name || this._options.defaultInputName), this._element.appendChild(this._output);
this._input.removeAttribute("name");
var o = k("div", "slim-area"),
a = this._getInitialImage(),
r = (a || {}).src,
s = a ? a.getAttribute("data-filename") : null;
r ? (this._hasInitialImage = !0) : ((this._initialCrop = null), (this._initialRotation = null));
var h = '\n\t\t';
if (this._isImageOnly())
o.innerHTML =
"\n\t\t\t\t" + jt + "\n\t\t\t\t" + qt + "\n\t\t\t\t" + h + '\n\t\t\t\t' + (this._options.labelLoading || "") + "
\n\t\t\t\t' +
(this._options.label || "") +
'
' +
(this._options.labelLoading || "") +
"
' + (this._options.label || "") + "
" + t + "
"), i && i.apply(n, ["remote-url-problem"]);
},
function (t) {
n._load(t, i, o);
}
);
var s = t;
if (this._imageHopper && this._imageHopper.accept.indexOf(s.type) === -1) return r(), this._onInvalidFile(t), void (i && i.apply(this, ["file-invalid"]));
if (s.size && this._options.maxFileSize && D(s.size) > this._options.maxFileSize) return r(), this._onOverWeightFile(), void (i && i.apply(this, ["file-too-big"]));
this._imageEditor && this._imageEditor.dirty(),
(this._data.input.name = o && o.name ? o.name : j(s)),
(this._data.input.type = q(s)),
(this._data.input.size = s.size),
(this._data.input.file = s),
Q(s, this._options.internalCanvasSize, function (t, e) {
var a = function () {
n._imageHopper && (n._imageHopper.enabled = !0), n._removeState("loading"), n._removeState("busy"), n._addState("empty"), n._stopProgressLoop(), n._resetData();
};
if (!t) return a(), void (i && i.apply(n, ["file-not-found"]));
if (!ct(t, n._options.minSize)) return a(), n._onImageTooSmall(), void (i && i.apply(n, ["image-too-small"]));
var r = n._options.didLoad.apply(n, [s, t, e, n]);
if (r !== !0) return a(), r !== !1 && n._throwError(r), void (i && i.apply(n, [r]));
n._removeState("loading");
var h = function (t) {
n._imageHopper && n._options.dropReplace && (n._imageHopper.enabled = !0);
var e = n._getIntro(),
i = {
fromScale: [1.25, 1.25],
scale: [1, 1],
fromOpacity: 0,
opacity: 1,
complete: function () {
z(e), (e.style.opacity = 1), t();
},
};
n.isDetached() ? (i.duration = 1) : ((i.easing = "spring"), (i.springConstant = 0.3), (i.springDeceleration = 0.7)),
n._canInstantEdit() && ((i.delay = 500), (i.duration = 1), n._doEdit()),
u(e, i);
};
n._loadCanvas(
t,
function (t) {
n._addState("preview"),
h(function () {
n._canInstantEdit() || t || n._showButtons(), t || (n._stopProgressLoop(), n._removeState("busy")), i && i.apply(n, [null, n.data]);
});
},
function () {
n._canInstantEdit() || n._showButtons(), n._removeState("busy");
},
{ blockPush: o.blockPush }
);
});
}
},
},
{
key: "_loadCanvas",
value: function (t, e, i, n) {
var o = this;
if ((n || (n = {}), !this._isBeingDestroyed)) {
(this._data.input.image = t),
(this._data.input.width = t.width),
(this._data.input.height = t.height),
this._initialRotation && ((this._data.actions.rotation = this._initialRotation), (this._initialRotation = null));
var a = this._data.actions.rotation % 180 !== 0;
this._isFixedRatio() ||
(this._initialCrop ? (this._ratio = this._initialCrop.height / this._initialCrop.width) : (this._ratio = a ? t.width / t.height : t.height / t.width), this._scaleDropArea(this._ratio)),
this._initialCrop
? ((this._data.actions.crop = mt(this._initialCrop)), (this._data.actions.crop.type = At.INITIAL), (this._initialCrop = null))
: ((this._data.actions.crop = tt(a ? t.height : t.width, a ? t.width : t.height, this._ratio)), (this._data.actions.crop.type = At.AUTO)),
this._options.size && (this._data.actions.size = { width: this._options.size.width, height: this._options.size.height }),
this._applyTransforms(t, function (t) {
var a = o._getIntro(),
r = a.offsetWidth / t.width,
s = !1;
o._options.service &&
o._options.push &&
!n.blockPush &&
(o._hasInitialImage ||
o._canInstantEdit() ||
((s = !0),
o._stopProgressLoop(function () {
o._startProgress(function () {
o._updateProgress(0.1);
});
}))),
o._canInstantEdit() ||
o._save(function () {
o._isBeingDestroyed || (s && (o._stopProgress(), i()));
}, s),
(a.src = ""),
(a.src = ht(t, r).toDataURL()),
(a.onload = function () {
(a.onload = null), o._isBeingDestroyed || (e && e(s));
});
});
}
},
},
{
key: "_applyTransforms",
value: function (t, e) {
var i = this,
n = mt(this._data.actions);
(n.filters = { sharpen: this._options.filterSharpen / 100 }),
this._options.forceMinSize ? (n.minSize = this._options.minSize) : (n.minSize = { width: 0, height: 0 }),
et(t, n, function (t) {
var n = t;
if (i._options.forceSize || (i._options.size && 1 == rt(i._options.size, t))) {
(n = k("canvas")), (n.width = i._options.size.width), (n.height = i._options.size.height);
var o = n.getContext("2d");
o.drawImage(t, 0, 0, i._options.size.width, i._options.size.height);
}
if (
i._options.forceMinSize &&
i._options.size &&
i._options.minSize.width === i._options.size.width &&
i._options.minSize.height === i._options.size.height &&
(n.width < i._options.minSize.width || n.height < i._options.minSize.height)
) {
var a = Math.max(n.width, i._options.minSize.width),
r = Math.max(n.height, i._options.minSize.height);
(n = k("canvas")), (n.width = a), (n.height = r);
var s = n.getContext("2d");
s.drawImage(t, 0, 0, a, r);
}
(i._data.output.width = n.width),
(i._data.output.height = n.height),
(i._data.output.image = n),
i._onTransformCanvas(function (t) {
(i._data = t), i._options.didTransform.apply(i, [i.data, i]), e(i._data.output.image);
});
});
},
},
{
key: "_onTransformCanvas",
value: function (t) {
this._options.willTransform.apply(this, [this.data, t, this]);
},
},
{
key: "_appendEditor",
value: function () {
var t = this;
this._imageEditor ||
((this._imageEditor = new Rt(k("div"), {
minSize: this._options.minSize,
buttonConfirmClassName: this._options.buttonConfirmClassName,
buttonCancelClassName: this._options.buttonCancelClassName,
buttonRotateClassName: this._options.buttonRotateClassName,
buttonConfirmLabel: this._options.buttonConfirmLabel,
buttonCancelLabel: this._options.buttonCancelLabel,
buttonRotateLabel: this._options.buttonRotateLabel,
buttonConfirmTitle: this._options.buttonConfirmTitle,
buttonCancelTitle: this._options.buttonCancelTitle,
buttonRotateTitle: this._options.buttonRotateTitle,
})),
Bt.forEach(function (e) {
t._imageEditor.element.addEventListener(e, t);
}));
},
},
{
key: "_scaleDropArea",
value: function (t) {
var e = this._getRatioSpacerElement();
e && this._element && ((e.style.marginBottom = 100 * t + "%"), this._element.setAttribute("data-ratio", "1:" + t));
},
},
{
key: "_onCancel",
value: function (t) {
this._removeState("editor"),
this._options.didCancel.apply(this, [this]),
this._showButtons(),
this._hideEditor(),
this._options.instantEdit && !this._hasInitialImage && this._isAutoCrop() && this._doRemove();
},
},
{
key: "_onConfirm",
value: function (t) {
var e = this,
i = this._options.service && this._options.push;
i
? this._startProgress(function () {
e._updateProgress(0.1);
})
: this._startProgressLoop(),
this._removeState("editor"),
this._addState("busy"),
(this._output.value = ""),
(this._data.actions.rotation = t.detail.rotation),
(this._data.actions.crop = t.detail.crop),
(this._data.actions.crop.type = At.MANUAL),
this._applyTransforms(this._data.input.image, function (t) {
e._options.didConfirm.apply(e, [e.data, e]);
var n = e._getInOut(),
o = "out" === n[0].className ? n[0] : n[1],
a = o === n[0] ? n[1] : n[0];
(o.className = "in"),
(o.style.opacity = "0"),
(o.style.zIndex = "2"),
(a.className = "out"),
(a.style.zIndex = "1"),
(o.src = ""),
(o.src = ht(t, o.offsetWidth / t.width).toDataURL()),
(o.onload = function () {
(o.onload = null), "free" === e._options.ratio && ((e._ratio = o.naturalHeight / o.naturalWidth), e._scaleDropArea(e._ratio)), e._hideEditor();
var t = setTimeout(function () {
e._showPreview(o, function () {
e._save(function (t, n, o) {
e._toggleButton("upload", !0), i ? e._stopProgress() : e._stopProgressLoop(), e._removeState("busy"), e._showButtons();
}, i);
});
}, 250);
e._timers.push(t);
});
});
},
},
{
key: "_cropAuto",
value: function () {
var t = arguments.length > 0 && arguments[0] !== e ? arguments[0] : function (t) { },
i = this._data.actions.rotation % 180 !== 0,
n = tt(i ? this._data.input.image.width : this._data.input.image.height, i ? this._data.input.image.height : this._data.input.image.width, this._ratio);
this._crop(n.x, n.y, n.width, n.height, t, At.AUTO);
},
},
{
key: "_crop",
value: function (t, i, n, o) {
var a = arguments.length > 4 && arguments[4] !== e ? arguments[4] : function (t) { },
r = arguments.length > 5 && arguments[5] !== e ? arguments[5] : At.MANUAL;
(this._output.value = ""), (this._data.actions.crop = { x: t, y: i, width: n, height: o }), (this._data.actions.crop.type = r), this._manualTransform(a);
},
},
{
key: "_manualTransform",
value: function (t) {
var e = this;
this._startProgressLoop(),
this._addState("busy"),
this._applyTransforms(this._data.input.image, function (i) {
var n = e._getInOut(),
o = "out" === n[0].className ? n[0] : n[1],
a = o === n[0] ? n[1] : n[0];
(o.className = "in"),
(o.style.opacity = "1"),
(o.style.zIndex = "2"),
(a.className = "out"),
(a.style.zIndex = "0"),
(o.src = ""),
(o.src = ht(i, o.offsetWidth / i.width).toDataURL()),
(o.onload = function () {
(o.onload = null), "free" === e._options.ratio && ((e._ratio = o.naturalHeight / o.naturalWidth), e._scaleDropArea(e._ratio));
var i = e._options.service && e._options.push,
n = function () {
e._save(function (n, o, a) {
i || e._stopProgressLoop(), e._removeState("busy"), t.apply(e, [e.data]);
}, i);
};
i ? e._startProgress(n) : n();
});
});
},
},
{
key: "_save",
value: function () {
var t = this,
i = arguments.length > 0 && arguments[0] !== e ? arguments[0] : function () { },
n = !(arguments.length > 1 && arguments[1] !== e) || arguments[1];
if (!this._isBeingDestroyed) {
var o = this.dataBase64;
this._options.service ||
(this._isInitialising && !this._isImageOnly()) ||
this._options.willSave.apply(this, [
o,
function (e) {
t._store(e), t._options.didSave.apply(t, [e, t]);
},
this,
]),
this._isBeingDestroyed ||
(this._options.service &&
n &&
this._options.willSave.apply(this, [
o,
function (e) {
t._addState("upload"),
t._imageHopper && t._options.dropReplace && (t._imageHopper.enabled = !1),
t._upload(e, function (n, o) {
t._imageHopper && t._options.dropReplace && (t._imageHopper.enabled = !0),
n || t._storeServerResponse(o),
t._options.didUpload.apply(t, [n, e, o, t]),
t._removeState("upload"),
i(n, e, o);
});
},
this,
]),
(this._options.service && n) || i());
}
},
},
{
key: "_storeServerResponse",
value: function (t) {
this._isRequired && (this._input.required = !1), (this._data.server = t), (this._output.value = "object" === ("undefined" == typeof t ? "undefined" : c(t)) ? JSON.stringify(this._data.server) : t);
},
},
{
key: "_store",
value: function (t) {
this._isRequired && (this._input.required = !1), (this._output.value = JSON.stringify(t));
},
},
{
key: "_upload",
value: function (t, e) {
var i = this;
this.requestOutput(function (t, n) {
var o = i._element.querySelector(".slim-upload-status"),
a = i._options.willRequest,
r = function (t, e) {
i._updateProgress(Math.max(0.1, t / e));
},
s = function (t) {
var n = setTimeout(function () {
if (!i._isBeingDestroyed) {
(o.innerHTML = i._options.statusUploadSuccess), o.setAttribute("data-state", "success"), (o.style.opacity = 1);
var t = setTimeout(function () {
o.style.opacity = 0;
}, 2e3);
i._timers.push(t);
}
}, 250);
i._timers.push(n), e(null, t);
},
h = function (t) {
var n = "";
n = "file-too-big" === t ? i._options.statusContentLength : i._options.didReceiveServerError.apply(i, [t, i._options.statusUnknownResponse, i]);
var a = setTimeout(function () {
(o.innerHTML = n), o.setAttribute("data-state", "error"), (o.style.opacity = 1);
}, 250);
i._timers.push(a), e(t);
};
"string" == typeof i._options.service
? L(i._options.service, n, a, r, s, h)
: "function" == typeof i._options.service && i._options.service.apply(i, ["file" === i._options.serviceFormat ? t : n, r, s, h]);
}, t);
},
},
{
key: "requestOutput",
value: function (t, e) {
var i = this;
return this._data.input.file
? (e || (e = this.dataBase64),
void n.parseMetaData(
this._data.input.file,
function (o) {
var a = [],
r = new FormData();
if (
(O("input", i._options.post) && (a.push(i._data.input.file), r.append(i._inputReference, i._data.input.file, i._data.input.file.name)),
O("output", i._options.post) && null !== i._data.output.image && i._options.uploadBase64 === !1)
) {
var s = Z(e.output.image, e.output.name);
if (o.imageHead && i._options.copyImageHead)
try {
(s = new Blob([o.imageHead, n.blobSlice.call(s, 20)], { type: wt(e.output.image) })), (s = G(s, e.output.name));
} catch (h) { }
a.push(s);
var u = "slim_output_" + i._uid;
(e.output.image = null), (e.output.field = u), r.append(u, s, e.output.name);
}
r.append(i._output.name, JSON.stringify(e)), t(a, r);
},
{ maxMetaDataSize: 262144, disableImageHead: !1 }
))
: void t(null, null);
},
},
{
key: "_showEditor",
value: function () {
(Nt.className = this._options.popoverClassName), Nt.show(), this._imageEditor.show();
},
},
{
key: "_hideEditor",
value: function () {
this._imageEditor.hide();
var t = setTimeout(function () {
Nt.hide();
}, 250);
this._timers.push(t);
},
},
{
key: "_showPreview",
value: function (t, e) {
u(t, {
fromPosition: [0, 50, 0],
position: [0, 0, 0],
fromScale: [1.5, 1.5],
scale: [1, 1],
fromOpacity: 0,
opacity: 1,
easing: "spring",
springConstant: 0.3,
springDeceleration: 0.7,
complete: function () {
z(t), e && e();
},
});
},
},
{
key: "_hideResult",
value: function (t) {
var e = this._getIntro();
e &&
u(e, {
fromScale: [1, 1],
scale: [0.5, 0.5],
fromOpacity: 1,
opacity: 0,
easing: "spring",
springConstant: 0.3,
springDeceleration: 0.75,
complete: function () {
z(e), t && t();
},
});
},
},
{
key: "_showButtons",
value: function (t) {
if (this._btnGroup) {
this._btnGroup.style.display = "";
var e = {
fromScale: [0.5, 0.5],
scale: [1, 1],
fromPosition: [0, 10, 0],
position: [0, 0, 0],
fromOpacity: 0,
opacity: 1,
complete: function () {
z(this);
},
allDone: function () {
t && t();
},
};
this.isDetached()
? (e.duration = 1)
: ((e.delay = function (t) {
return 250 + 50 * t;
}),
(e.easing = "spring"),
(e.springConstant = 0.3),
(e.springDeceleration = 0.85)),
u(this._btnGroup.childNodes, e);
}
},
},
{
key: "_hideButtons",
value: function (t) {
var e = this;
if (this._btnGroup) {
var i = {
fromScale: [1, 1],
scale: [0.85, 0.85],
fromOpacity: 1,
opacity: 0,
allDone: function () {
(e._btnGroup.style.display = "none"), t && t();
},
};
this.isDetached() ? (i.duration = 1) : ((i.easing = "spring"), (i.springConstant = 0.3), (i.springDeceleration = 0.75)), u(this._btnGroup.childNodes, i);
}
},
},
{
key: "_hideStatus",
value: function () {
var t = this._element.querySelector(".slim-upload-status");
t.style.opacity = 0;
},
},
{
key: "_doEdit",
value: function () {
var t = this;
this._data.input.image &&
(this._addState("editor"),
this._imageEditor || this._appendEditor(),
(this._imageEditor.showRotateButton = this._options.rotateButton),
(Nt.inner = this._imageEditor.element),
this._imageEditor.open(st(this._data.input.image), "free" === this._options.ratio ? null : this._ratio, this._data.actions.crop, this._data.actions.rotation, function () {
t._showEditor(), t._hideButtons(), t._hideStatus();
}));
},
},
{
key: "_doRemove",
value: function (t) {
var e = this;
if (!this._isImageOnly()) {
this._clearState(), this._addState("empty"), (this._hasInitialImage = !1), this._imageHopper && (this._imageHopper.enabled = !0), this._isRequired && (this._input.required = !0);
var i = this._getOutro();
i && (i.style.opacity = "0");
var n = this.data;
this._resetData();
var o = setTimeout(
function () {
e._isBeingDestroyed ||
(e._hideButtons(function () {
e._toggleButton("upload", !0);
}),
e._hideStatus(),
e._hideResult(),
e._options.didRemove.apply(e, [n, e]),
t && t());
},
this.isDetached() ? 0 : 250
);
return this._timers.push(o), n;
}
},
},
{
key: "_doUpload",
value: function (t) {
var e = this;
this._data.input.image &&
(this._addState("upload"),
this._startProgress(),
this._hideButtons(function () {
e._toggleButton("upload", !1),
e._save(function (i, n, o) {
e._removeState("upload"), e._stopProgress(), t && t.apply(e, [i, n, o]), i && e._toggleButton("upload", !0), e._showButtons();
});
}));
},
},
{
key: "_doDownload",
value: function () {
var t = this._data.output.image;
t && kt(this._data, this._options.jpegCompression, this._options.forceType);
},
},
{
key: "_doDestroy",
value: function () {
function t(t, e) {
return (
0 !==
e.filter(function (e) {
return t.name === e.name && t.value === e.value;
}).length
);
}
var e = this;
(this._isBeingDestroyed = !0),
this._timers.forEach(function (t) {
clearTimeout(t);
}),
(this._timers = []),
u(this._element, "detach"),
this._imageHopper &&
(Ut.forEach(function (t) {
e._imageHopper.element.removeEventListener(t, e);
}),
this._imageHopper.destroy(),
(this._imageHopper = null)),
this._imageEditor &&
(Bt.forEach(function (t) {
e._imageEditor.element.removeEventListener(t, e);
}),
this._imageEditor.destroy(),
(this._imageEditor = null)),
St(this._btnGroup.children).forEach(function (t) {
t.removeEventListener("click", e);
}),
this._input.removeEventListener("change", this),
this._element !== this._originalElement && this._element.parentNode && this._element.parentNode.replaceChild(this._originalElement, this._element),
(this._originalElement.innerHTML = this._originalElementInner);
var i = _(this._originalElement);
i.forEach(function (i) {
t(i, e._originalElementAttributes) || e._originalElement.removeAttribute(i.name);
}),
this._originalElementAttributes.forEach(function (n) {
t(n, i) || e._originalElement.setAttribute(n.name, n.value);
}),
(Wt = Math.max(0, Wt - 1)),
Nt && 0 === Wt && (Nt.destroy(), (Nt = null)),
(this._originalElement = null),
(this._element = null),
(this._input = null),
(this._output = null),
(this._btnGroup = null),
(this._options = null);
},
},
{
key: "dataBase64",
get: function () {
return bt(this._data, this._options.post, this._options.jpegCompression, this._options.forceType, null !== this._options.service);
},
},
{
key: "data",
get: function () {
return vt(this._data);
},
},
{
key: "element",
get: function () {
return this._element;
},
},
{
key: "service",
set: function (t) {
this._options.service = t;
},
},
{
key: "size",
set: function (t) {
this.setSize(t, null);
},
},
{
key: "rotation",
set: function (t) {
this.setRotation(t, null);
},
},
{
key: "forceSize",
set: function (t) {
this.setForceSize(t, null);
},
},
{
key: "ratio",
set: function (t) {
this.setRatio(t, null);
},
},
],
[
{
key: "options",
value: function () {
var t = {
edit: !0,
instantEdit: !1,
uploadBase64: !1,
meta: {},
ratio: "free",
size: null,
rotation: null,
crop: null,
post: ["output", "actions"],
service: null,
serviceFormat: null,
filterSharpen: 0,
push: !1,
defaultInputName: "slim[]",
minSize: { width: 0, height: 0 },
maxFileSize: null,
jpegCompression: null,
download: !1,
saveInitialImage: !1,
forceType: !1,
forceSize: null,
forceMinSize: !0,
dropReplace: !0,
fetcher: null,
internalCanvasSize: { width: 4096, height: 4096 },
copyImageHead: !1,
rotateButton: !0,
popoverClassName: null,
label: "Drop your image here
",
labelLoading: "Loading image...
",
statusFileType: "Invalid file type, expects: $0.
",
statusFileSize: "File is too big, maximum file size: $0 MB.
",
statusNoSupport: "Your browser does not support image cropping.
",
statusImageTooSmall: "Image is too small, minimum size is: $0 pixels.
",
statusContentLength: ' The file is probably too big',
statusUnknownResponse: ' An unknown error occurred',
statusUploadSuccess: ' Saved',
didInit: function (t) { },
didLoad: function (t, e, i) {
return !0;
},
didSave: function (t) { },
didHeicFileSelected: function (t) { },
didUpload: function (t, e, i) { },
didReceiveServerError: function (t, e) {
return e;
},
didRemove: function (t) { },
didTransform: function (t) { },
didConfirm: function (t) { },
didCancel: function () { },
willTransform: function (t, e) {
e(t);
},
willSave: function (t, e) {
e(t);
},
willRemove: function (t, e) {
e();
},
willRequest: function (t, e) { },
willFetch: function (t) { },
willLoad: function (t) { },
};
return (
Ft.concat(Rt.Buttons)
.concat("rotate")
.forEach(function (e) {
var i = M(e);
(t["button" + i + "ClassName"] = null), (t["button" + i + "Label"] = i), (t["button" + i + "Title"] = i);
}),
t
);
},
},
]
),
i
);
})();
return (
(function () {
function t(t) {
return t ? "" + t + "
" : null;
}
function e(t) {
var e = window,
i = t.split(".");
return (
i.forEach(function (t, n) {
e[i[n]] && (e = e[i[n]]);
}),
e !== window ? e : null
);
}
var i = [],
n = function (t) {
for (var e = 0, n = i.length; e < n; e++) if (i[e].isAttachedTo(t)) return e;
return -1;
},
o = function (t) {
return t;
},
a = function (t) {
return "true" === t;
},
r = function (t) {
return !t || "true" === t;
},
s = function (e) {
return t(e);
},
h = function (t) {
return t ? e(t) : null;
},
u = function (t) {
if (!t) return null;
var e = zt(t, ",");
return { width: e[0], height: e[1] };
},
l = function (t) {
return t ? parseFloat(t) : null;
},
p = function (t) {
return t ? parseInt(t, 10) : null;
},
c = function (t) {
if (!t) return null;
var e = {};
return (
t
.split(",")
.map(function (t) {
return parseInt(t, 10);
})
.forEach(function (t, i) {
e[Ht[i]] = t;
}),
e
);
},
f = {
download: a,
edit: r,
instantEdit: a,
minSize: u,
size: u,
forceSize: u,
forceMinSize: r,
internalCanvasSize: u,
service: function (t) {
if ("undefined" == typeof t) return null;
var i = e(t);
return i ? i : t;
},
serviceFormat: function (t) {
return "undefined" == typeof t ? null : t;
},
fetcher: function (t) {
return "undefined" == typeof t ? null : t;
},
push: a,
rotation: function (t) {
return "undefined" == typeof t ? null : parseInt(t, 10);
},
crop: c,
post: function (t) {
return t
? t.split(",").map(function (t) {
return t.trim();
})
: null;
},
defaultInputName: o,
ratio: function (t) {
return t ? t : null;
},
maxFileSize: l,
filterSharpen: p,
jpegCompression: p,
uploadBase64: a,
forceType: o,
dropReplace: r,
saveInitialImage: a,
copyImageHead: a,
rotateButton: r,
label: s,
labelLoading: s,
popoverClassName: o,
};
["FileSize", "FileType", "NoSupport", "ImageTooSmall"].forEach(function (t) {
f["status" + t] = s;
}),
["ContentLength", "UnknownResponse", "UploadSuccess"].forEach(function (t) {
f["status" + t] = o;
}),
["Init", "Load", "Save", "Upload", "Remove", "Transform", "ReceiveServerError", "Confirm", "Cancel", "HeicFileSelected"].forEach(function (t) {
f["did" + t] = h;
}),
["Transform", "Save", "Remove", "Request", "Load", "Fetch"].forEach(function (t) {
f["will" + t] = h;
});
var _ = ["ClassName", "Label", "Title"];
Ft.concat(Rt.Buttons)
.concat("rotate")
.forEach(function (t) {
var e = M(t);
_.forEach(function (t) {
f["button" + e + t] = o;
});
}),
(Gt.supported = (function () {
return !(
"[object OperaMini]" === Object.prototype.toString.call(window.operamini) ||
"undefined" == typeof window.addEventListener ||
"undefined" == typeof window.FileReader ||
!("slice" in Blob.prototype) ||
"undefined" == typeof window.URL ||
"undefined" == typeof window.URL.createObjectURL
);
})()),
(Gt.parse = function (t) {
var e,
i,
n,
o = [];
for (e = t.querySelectorAll(".slim:not([data-state])"), n = e.length; n--;) (i = e[n]), o.push(Gt.create(i, Gt.getOptionsFromAttributes(i)));
return o;
}),
(Gt.getOptionsFromAttributes = function (t) {
var e = d(t),
i = { meta: {} };
for (var n in e) {
var o = f[n],
a = e[n];
o ? ((a = o(a)), (a = null === a ? mt(Gt.options()[n]) : a), (i[n] = a)) : 0 === n.indexOf("meta") && (i.meta[T(n.substr(4))] = a);
}
return i;
}),
(Gt.find = function (t) {
var e = i.filter(function (e) {
return e.isAttachedTo(t);
});
return e ? e[0] : null;
}),
(Gt.create = function (t, e) {
if (!Gt.find(t)) {
e || (e = Gt.getOptionsFromAttributes(t));
var n = new Gt(t, e);
return i.push(n), n;
}
}),
(Gt.destroy = function (t) {
var e = n(t);
return !(e < 0) && (i[e].destroy(), i.splice(e, 1), !0);
});
})(),
Gt
);
})();
t.fn.slim = function () {
var t = i(arguments);
if (n(t))
return this.each(function () {
s.create(this, t[0]);
});
var e = t.shift();
switch (e) {
case "supported":
return s.supported;
case "destroy":
return this.each(function () {
s.destroy(this);
});
case "parse":
return this.each(function () {
s.parse(this);
});
default:
var h = [];
return (
this.each(function () {
var i = s.find(this);
i && (r(i, e) ? h.push(i[e].apply(i, t)) : o(i, e) ? h.push(i[e]) : a(i, e) && h.push((i[e] = t[0])));
}),
h
);
}
};
}
})(window.jQuery);