12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972 |
- /*
- * Slim v4.19.0 - Image Cropping Made Easy
- * Copyright (c) 2018 Rik Schennink - http://slimimagecropper.com
- */
- !function (t, e) {
- function i() {
- t.Slim.parse(document)
- }
- if (t) if (t.Slim = 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(.5 * h.width), a = Math.round(.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(.5 * Math.PI), i.scale(1, -1);
- break;
- case 6:
- i.rotate(.5 * Math.PI), i.translate(0, -a);
- break;
- case 7:
- i.rotate(.5 * Math.PI), i.translate(o, -a), i.scale(-1, 1);
- break;
- case 8:
- i.rotate(-.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, q({}));
- e.movement = o;
- var a = E(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 = q({
- 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 = L(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) : j(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)
- }
- }
- }
- }, E = function (t) {
- var i = t.movement;
- t.initialVelocity = .1, t.equilibriumPosition = 0;
- var n = T(t), o = !1, a = i.position, r = i.rotation, s = i.rotationPost, h = i.scale, u = i.skew,
- l = q({
- 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 = T(t)
- }
- }
- }, C = function (t) {
- return t
- }, P = function (t) {
- return (Math.cos(t * Math.PI + Math.PI) + 1) / 2
- }, M = function (t) {
- return t * t
- }, R = function (t) {
- return -Math.pow(t - 1, 2) + 1
- }, T = function (t) {
- var e = G(t.startPosition, 0), i = G(t.equilibriumPosition, 1), n = G(t.initialVelocity, 0),
- o = G(t.springConstant, .8), a = G(t.springDeceleration, .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) < .001 && Math.abs(n) < .001 && (s = !0)
- }
- }, resetFrom: function (t) {
- e = t, n = 0
- }, getValue: function () {
- return s ? i : e
- }, completed: function () {
- return s
- }
- }
- }, I = {linear: C, ease: P, easeIn: M, easeOut: R}, L = function (t, e) {
- if ("spring" == t) return T(e);
- var i = t;
- J(t) || (i = I[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
- }
- }
- }, O = 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
- }, U = 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
- }, H = 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
- }, N = 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
- }, B = 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]
- }, F = function () {
- var t = new Float32Array(16), e = new Float32Array(16), i = new Float32Array(16);
- return N(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 () {
- N(t)
- }, translate: function (n, o, a) {
- return B(t, e), O(i, n, o, a), W(e, i, t), this
- }, rotateX: function (n) {
- return B(t, e), z(i, n), W(e, i, t), this
- }, rotateY: function (n) {
- return B(t, e), D(i, n), W(e, i, t), this
- }, rotateZ: function (n) {
- return B(t, e), A(i, n), W(e, i, t), this
- }, scale: function (n, o) {
- return B(t, e), H(i, n, o), W(e, i, t), this
- }, skew: function (n, o) {
- return B(t, e), U(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
- }, q = function (t) {
- var i = F(), 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 q({
- 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
- }
- }
- }, j = 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 E = a.width - o.width;
- r.width = o.width + t * E
- }
- if (d) {
- var C = a.height - o.height;
- r.height = o.height + t * C
- }
- 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, F()), 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 = F, 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, E, C, P, M, R, T, I, L, O = t.data, z = h + h + 1,
- D = r - 1, A = s - 1, U = h + 1, H = U * (U + 1) / 2, N = new n, B = N;
- for (p = 1; p < z; p++) if (B = B.next = new n, p == U) var F = B;
- B.next = N;
- var W = null, q = null;
- _ = f = 0;
- var j = o[h], V = a[h];
- for (l = 0; l < s; l++) {
- for (S = E = C = P = m = g = v = y = 0, w = U * (M = O[f]), b = U * (R = O[f + 1]), k = U * (T = O[f + 2]), x = U * (I = O[f + 3]), m += H * M, g += H * R, v += H * T, y += H * I, B = N, p = 0; p < U; p++) B.r = M, B.g = R, B.b = T, B.a = I, B = B.next;
- for (p = 1; p < U; p++) c = f + ((D < p ? D : p) << 2), m += (B.r = M = O[c]) * (L = U - p), g += (B.g = R = O[c + 1]) * L, v += (B.b = T = O[c + 2]) * L, y += (B.a = I = O[c + 3]) * L, S += M, E += R, C += T, P += I, B = B.next;
- for (W = N, q = F, u = 0; u < r; u++) O[f + 3] = I = y * j >> V, 0 != I ? (I = 255 / I, O[f] = (m * j >> V) * I, O[f + 1] = (g * j >> V) * I, O[f + 2] = (v * j >> V) * I) : O[f] = O[f + 1] = O[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 = O[c], E += W.g = O[c + 1], C += W.b = O[c + 2], P += W.a = O[c + 3], m += S, g += E, v += C, y += P, W = W.next, w += M = q.r, b += R = q.g, k += T = q.b, x += I = q.a, S -= M, E -= R, C -= T, P -= I, q = q.next, f += 4;
- _ += r
- }
- for (u = 0; u < r; u++) {
- for (E = C = P = S = g = v = y = m = 0, f = u << 2, w = U * (M = O[f]), b = U * (R = O[f + 1]), k = U * (T = O[f + 2]), x = U * (I = O[f + 3]), m += H * M, g += H * R, v += H * T, y += H * I, B = N, p = 0; p < U; p++) B.r = M, B.g = R, B.b = T, B.a = I, B = B.next;
- for (d = r, p = 1; p <= h; p++) f = d + u << 2, m += (B.r = M = O[f]) * (L = U - p), g += (B.g = R = O[f + 1]) * L, v += (B.b = T = O[f + 2]) * L, y += (B.a = I = O[f + 3]) * L, S += M, E += R, C += T, P += I, B = B.next, p < A && (d += r);
- for (f = u, W = N, q = F, l = 0; l < s; l++) c = f << 2, O[c + 3] = I = y * j >> V, I > 0 ? (I = 255 / I, O[c] = (m * j >> V) * I, O[c + 1] = (g * j >> V) * I, O[c + 2] = (v * j >> V) * I) : O[c] = O[c + 1] = O[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 + U) < A ? c : A) * r << 2, m += S += W.r = O[c], g += E += W.g = O[c + 1], v += C += W.b = O[c + 2], y += P += W.a = O[c + 3], W = W.next, w += M = q.r, b += R = q.g, k += T = q.b, x += I = q.a, S -= M, E -= R, C -= T, P -= I, q = q.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)
- })
- }, E = function (t) {
- var e = t.changedTouches ? t.changedTouches[0] : t;
- if (e) return {x: e.pageX, y: e.pageY}
- }, C = function (t, e) {
- var i = .5, n = .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 = E(t);
- return e.x -= window.pageXOffset || document.documentElement.scrollLeft, e.y -= window.pageYOffset || document.documentElement.scrollTop, e
- }, M = function (t) {
- return t.charAt(0).toLowerCase() + t.slice(1)
- }, R = function (t) {
- return t.charAt(0).toUpperCase() + t.slice(1)
- }, T = function (t) {
- return t[t.length - 1]
- }, I = function (t, e, i) {
- return Math.max(e, Math.min(i, t))
- }, L = function (t, e) {
- if (!e) return !1;
- for (var i = 0; i < e.length; i++) if (e[i] === t) return !0;
- return !1
- }, O = function (t) {
- var i = arguments.length > 1 && arguments[1] !== e ? arguments[1] : "POST", n = arguments[2],
- o = arguments[3], a = arguments[4], r = arguments[5], s = arguments[6], h = new XMLHttpRequest;
- a && h.upload.addEventListener("progress", function (t) {
- a(t.loaded, t.total)
- }), h.open(i, t, !0), o && o(h, n), h.onreadystatechange = function () {
- if (4 === h.readyState && h.status >= 200 && h.status < 300) {
- var t = h.responseText;
- if (!t.length) return void r();
- if (t.indexOf("Content-Length") !== -1) return void s("file-too-big");
- var e = void 0;
- try {
- e = JSON.parse(h.responseText)
- } catch (i) {
- }
- if ("object" === ("undefined" == typeof e ? "undefined" : c(e)) && "failure" === e.status) return void s(e.message);
- r(e || t)
- } else if (4 === h.readyState) {
- var n = void 0;
- try {
- n = JSON.parse(h.responseText)
- } catch (i) {
- }
- if ("object" === ("undefined" == typeof n ? "undefined" : c(n)) && "failure" === n.status) return void s(n.message);
- s("fail")
- }
- }, h.send(n)
- }, 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
- }, U = function (t) {
- return "image/jpeg" === t
- }, H = function (t) {
- var e = void 0;
- for (e in w) if (w.hasOwnProperty(e) && w[e] === t) return e;
- return t
- }, N = function (t) {
- var e = void 0;
- for (e in w) if (w.hasOwnProperty(e) && t.indexOf(w[e]) !== -1) return w[e];
- return null
- }, B = function (t) {
- return t.split("/").pop().split("?").shift()
- }, F = function (t) {
- var i = arguments.length > 1 && arguments[1] !== e ? arguments[1] : "";
- return (i + t).slice(-i.length)
- }, W = function (t) {
- return t.getFullYear() + "-" + F(t.getMonth() + 1, "00") + "-" + F(t.getDate(), "00") + "_" + F(t.getHours(), "00") + "-" + F(t.getMinutes(), "00") + "-" + F(t.getSeconds(), "00")
- }, q = function (t) {
- return "undefined" == typeof t.name ? W(new Date) + "." + H(j(t)) : t.name
- }, j = function (t) {
- return t.type || "image/jpeg"
- }, V = function (t) {
- if ("string" != typeof t) return W(new Date);
- var e = B(t);
- return e.split(".").shift()
- }, G = function (t, e) {
- try {
- return new File([t], e, {type: t.type, lastModified: Date.now()})
- } catch (i) {
- return t.lastModified = 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, n) {
- var o = new XMLHttpRequest;
- o.open("GET", t, !0), e(o), o.responseType = "blob", o.onload = function (e) {
- if (o.status >= 200 && o.status < 300) {
- var a = B(t), r = N(this.response.type);
- b.test(a) || (a += "." + H(r));
- var s = G(this.response, a);
- i(gt(s, r))
- } else n(o.status + ": " + o.statusText)
- }, o.onerror = function () {
- n()
- }, o.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) + "." + H(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 = .5 * (t - a), o = 0) : (a = t, r = a * i, n = 0, o = .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(.5 * a.width, .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, .5 * -a.height, .5 * -a.width, a.height, a.width)) : 180 === r ? (g.translate(.5 * a.width, .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, .5 * -a.width, .5 * -a.height, a.width, a.height)) : 270 === r ? (g.translate(.5 * a.width, .5 * a.height), g.rotate(-270 * Math.PI / 180), g.drawImage(t, s.y, (1 - d) * t.height - t.height * _, s.height, s.width, .5 * -a.height, .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 = .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, n.lastModified = new Date(t.lastModified), 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, U(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 L("input", i) && !a && (r.input.image = yt(t.input.image, t.input.type)), L("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")), L("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)
- }, Et = function (t) {
- t.parentNode.removeChild(t)
- }, Ct = 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)}
- }, Mt = 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
- }, Rt = function (t, e, i, n) {
- return Mt(t, e, i, 0, 360 * n)
- }, Tt = 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 = I(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 = .5 * (h - t.width), s = t.x - l, a = t.x + t.width + l, (s < 0 || Math.round(a) > Math.round(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 = I(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 = .5 * (h - t.width), s = t.x - l, a = t.x + t.width + l, (s < 0 || Math.round(a) > Math.round(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 = I(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 = .5 * (u - t.height), o = t.y - l, r = t.y + t.height + l, (o < 0 || Math.round(r) > Math.round(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 = I(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 = .5 * (u - t.height), a = t.y - l, s = t.y + t.height + l, (a < 0 || Math.round(s) > Math.round(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 = I(e.x, s, i.width), a - s < i.min.width && (a = s + i.min.width), u = n ? (a - s) * n : I(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 || Math.round(r) > Math.round(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 = I(e.x, s, i.width), a - s < i.min.width && (a = s + i.min.width), u = n ? (a - s) * n : I(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 || Math.round(r) > Math.round(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 = I(e.x, 0, a), a - s < i.min.width && (s = a - i.min.width), u = n ? (a - s) * n : I(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 || Math.round(r) > Math.round(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 = I(e.x, 0, a), a - s < i.min.width && (s = a - i.min.width), u = n ? (a - s) * n : I(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 || Math.round(r) > Math.round(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 = 1, this._minHeight = 1, 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: I(t, 0, this._space.width - this._minWidth),
- y: I(e, 0, this._space.height - this._minHeight),
- width: I(i, this._minWidth, this._space.width),
- height: I(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 = I(e.x - this._interaction.offset.x, 0, this._space.width - this._rect.width), this._rect.y = I(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), Et(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 = Math.max(t, 1)
- }
- }, {
- key: "minHeight", set: function (t) {
- this._minHeight = Math.max(t, 1)
- }
- }, {
- key: "ratio", set: function (t) {
- this._ratio = t
- }
- }]), n
- }()
- }(), It = 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._rotating = !1, 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 Tt, 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 = R(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._rotating || this._element.dispatchEvent(new CustomEvent("cancel"))
- }
- }, {
- key: "_confirm", value: function () {
- if (!this._rotating) {
- 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;
- if (!this._rotating) {
- this._rotating = !0, this._updateWrapperRotation();
- var e = 1 === this.ratio || null === this._ratio ? this._cropper.area : null;
- e && C(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: .8,
- springDeceleration: .65,
- complete: function () {
- t._redrawCropper(e), t._showCropper(), t._rotating = !1
- }
- })
- }
- }
- }, {
- 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 = "", this._preview.src = ht(this._input, Math.min(this._container.offsetWidth / this._input.width, this._container.offsetHeight / this._input.height) * this._options.devicePixelRatio).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 ? .5 * (a - s) : this._wrapper.offsetLeft,
- l = e ? .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 - .02, this._wrapperScale - .02],
- scale: [this._wrapperScale, this._wrapperScale],
- easing: "spring",
- springConstant: .3,
- springDeceleration: .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: [.9, .9],
- scale: [1, 1],
- fromOpacity: 0,
- opacity: 1,
- delay: function (t) {
- return 1e3 + 100 * t
- },
- easing: "spring",
- springConstant: .3,
- springDeceleration: .85,
- complete: function () {
- z(this)
- }
- }), u(this._utilsGroup.childNodes, {
- fromScale: [.9, .9],
- scale: [1, 1],
- fromOpacity: 0,
- opacity: 1,
- easing: "spring",
- springConstant: .3,
- springDeceleration: .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: .3,
- springDeceleration: .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 && Et(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,
- devicePixelRatio: null,
- minSize: {width: 0, height: 0}
- }
- }
- }]), n
- }();
- return n.Buttons = ["cancel", "confirm"], n
- }(Tt), Lt = 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 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 !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: T(this._dragPath).x,
- y: T(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)
- }), Et(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
- }()
- }(), Ot = 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), this._element.addEventListener("touchmove", function (t) {
- t.preventDefault()
- }, !0)
- }
- }, {
- 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"}, Ut = ["x", "y", "width", "height"],
- Ht = ["file-invalid-drop", "file-invalid", "file-drop", "file-over", "file-out", "click"],
- Nt = ["cancel", "confirm"], Bt = ["remove", "edit", "download", "upload"], Ft = null, Wt = 0,
- qt = '\n<div class="slim-loader">\n\t<svg>\n\t\t<path class="slim-loader-background" fill="none" stroke-width="3" />\n\t\t<path class="slim-loader-foreground" fill="none" stroke-width="3" />\n\t</svg>\n</div>\n',
- jt = '\n<div class="slim-upload-status"></div>\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), Ft || (Ft = new Ot), 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)), "string" == typeof this._options.post && (this._options.post = this._options.post.split(",").map(function (t) {
- return t.trim()
- })), this._originalElement = n, this._originalElementInner = n.innerHTML, this._originalElementAttributes = _(n), Dt(n) ? this._element = n : (this._element = Ct(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) {
- L(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"), L("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<div class="slim-result">\n\t\t\t<img class="in" style="opacity:0" ' + (r ? 'src="' + r + '"' : "") + '><img><img style="opacity:0">\n\t\t</div>';
- if (this._isImageOnly()) o.innerHTML = "\n\t\t\t\t" + qt + "\n\t\t\t\t" + jt + "\n\t\t\t\t" + h + '\n\t\t\t\t<div class="slim-status"><div class="slim-label-loading">' + (this._options.labelLoading || "") + "</div></div>\n\t\t\t"; else {
- L("input", this._options.post) && (this._data.input.field = this._inputReference, this._options.service || (this._input.name = this._inputReference));
- var u = void 0;
- this._input.hasAttribute("accept") && "image/*" !== this._input.getAttribute("accept") ? u = this._input.accept.split(",").map(function (t) {
- return t.trim()
- }).filter(function (t) {
- return t.length > 0
- }) : (u = A(), this._input.setAttribute("accept", u.join(","))), this._imageHopper = new Lt, this._imageHopper.accept = u, this._imageHopper.allowURLs = "string" == typeof this._options.fetcher, this._element.appendChild(this._imageHopper.element), Ht.forEach(function (e) {
- t._imageHopper.element.addEventListener(e, t)
- }), o.innerHTML = "\n\t\t\t\t" + qt + "\n\t\t\t\t" + jt + '\n\t\t\t\t<div class="slim-drip"><span><span></span></span></div>\n\t\t\t\t<div class="slim-status"><div class="slim-label">' + (this._options.label || "") + '</div><div class="slim-label-loading">' + (this._options.labelLoading || "") + "</div></div>\n\t\t\t\t" + h + "\n\t\t\t", this._input.addEventListener("change", this)
- }
- if (this._element.appendChild(o), this._btnGroup = k("div", "slim-btn-group"), this._btnGroup.style.display = "none", this._element.appendChild(this._btnGroup), Bt.filter(function (e) {
- return t._isButtonAllowed(e)
- }).forEach(function (e) {
- var i = R(e), n = t._options["button" + i + "Label"],
- o = t._options["button" + i + "Title"] || n, a = t._options["button" + i + "ClassName"],
- r = k("button", "slim-btn slim-btn-" + e + (a ? " " + a : ""));
- r.innerHTML = n, r.title = o, r.type = "button", r.addEventListener("click", t), r.setAttribute("data-action", e), t._btnGroup.appendChild(r)
- }), this._isFixedRatio()) {
- var l = zt(this._options.ratio, ":");
- this._ratio = l[1] / l[0], this._scaleDropArea(this._ratio)
- }
- this._updateProgress(.5), r ? this._load(r, function () {
- t._onInit()
- }, {name: s}) : this._onInit()
- }
- }, {
- key: "_onInit", value: function () {
- var t = this;
- this._isInitialising = !1;
- var e = function () {
- var e = setTimeout(function () {
- t._options.didInit.apply(t, [t.data, t])
- }, 0);
- t._timers.push(e)
- };
- this._options.saveInitialImage && this.containsImage() ? this._options.service || this._save(function () {
- e()
- }, !1) : (this._options.service && this.containsImage() && this._toggleButton("upload", !1), e())
- }
- }, {
- key: "_updateProgress", value: function (t) {
- if (t = Math.min(.99999, t), this._element && this._progressEnabled) {
- var e = this._element.querySelector(".slim-loader");
- if (e) {
- var i = e.offsetWidth, n = e.querySelectorAll("path"),
- o = parseInt(n[0].getAttribute("stroke-width"), 10);
- n[0].setAttribute("d", Rt(.5 * i, .5 * i, .5 * i - o, .9999)), n[1].setAttribute("d", Rt(.5 * i, .5 * i, .5 * i - o, t))
- }
- }
- }
- }, {
- key: "_startProgress", value: function (t) {
- var e = this;
- if (this._element) {
- this._progressEnabled = !1;
- var i = this._element.querySelector(".slim-loader");
- if (i) {
- var n = i.children[0];
- this._stopProgressLoop(function () {
- i.removeAttribute("style"), n.removeAttribute("style"), e._progressEnabled = !0, e._updateProgress(0), e._progressEnabled = !1, u(n, {
- fromOpacity: 0,
- opacity: 1,
- duration: 250,
- complete: function () {
- e._progressEnabled = !0, t && t()
- }
- })
- })
- }
- }
- }
- }, {
- key: "_stopProgress", value: function () {
- var t = this;
- if (this._element) {
- var e = this._element.querySelector(".slim-loader");
- if (e) {
- var i = e.children[0];
- this._updateProgress(1), u(i, {
- fromOpacity: 1,
- opacity: 0,
- duration: 250,
- complete: function () {
- e.removeAttribute("style"), i.removeAttribute("style"), t._updateProgress(.5), t._progressEnabled = !1
- }
- })
- }
- }
- }
- }, {
- key: "_startProgressLoop", value: function () {
- if (this._element) {
- var t = this._element.querySelector(".slim-loader");
- if (t) {
- var e = t.children[0];
- t.removeAttribute("style"), e.removeAttribute("style"), this._updateProgress(.5);
- var i = 1e3;
- u(t, "stop"), u(t, {
- rotation: [0, 0, -(2 * Math.PI) * i],
- easing: "linear",
- duration: 1e3 * i
- }), u(e, {fromOpacity: 0, opacity: 1, duration: 250})
- }
- }
- }
- }, {
- key: "_stopProgressLoop", value: function (t) {
- if (this._element) {
- var e = this._element.querySelector(".slim-loader");
- if (e) {
- var i = e.children[0];
- u(i, {
- fromOpacity: parseFloat(i.style.opacity),
- opacity: 0,
- duration: 250,
- complete: function () {
- u(e, "stop"), e.removeAttribute("style"), i.removeAttribute("style"), t && t()
- }
- })
- }
- }
- }
- }, {
- key: "_isButtonAllowed", value: function (t) {
- return "edit" === t ? this._options.edit : "download" === t ? this._options.download : "upload" === t ? !!this._options.service && !this._options.push : "remove" !== t || !this._isImageOnly()
- }
- }, {
- key: "_fallback", value: function () {
- var t = k("div", "slim-area");
- t.innerHTML = '\n\t\t\t<div class="slim-status"><div class="slim-label">' + (this._options.label || "") + "</div></div>\n\t\t", this._element.appendChild(t), this._throwError(this._options.statusNoSupport)
- }
- }, {
- key: "handleEvent", value: function (t) {
- switch (t.type) {
- case"click":
- this._onClick(t);
- break;
- case"change":
- this._onChange(t);
- break;
- case"cancel":
- this._onCancel(t);
- break;
- case"confirm":
- this._onConfirm(t);
- break;
- case"file-over":
- this._onFileOver(t);
- break;
- case"file-out":
- this._onFileOut(t);
- break;
- case"file-drop":
- this._onDropFile(t);
- break;
- case"file-invalid":
- this._onInvalidFile(t);
- break;
- case"file-invalid-drop":
- this._onInvalidFileDrop(t)
- }
- }
- }, {
- key: "_getIntro", value: function () {
- return this._element.querySelector(".slim-result .in")
- }
- }, {
- key: "_getOutro", value: function () {
- return this._element.querySelector(".slim-result .out")
- }
- }, {
- key: "_getInOut", value: function () {
- return this._element.querySelectorAll(".slim-result img")
- }
- }, {
- key: "_getDrip", value: function () {
- return this._drip || (this._drip = this._element.querySelector(".slim-drip > span")), this._drip
- }
- }, {
- key: "_throwError", value: function (t) {
- this._addState("error"), this._element.querySelector(".slim-label").style.display = "none";
- var e = this._element.querySelector(".slim-error");
- e || (e = k("div", "slim-error"), this._element.querySelector(".slim-status").appendChild(e)), e.innerHTML = t, this._options.didThrowError.apply(this, [t])
- }
- }, {
- key: "_removeError", value: function () {
- this._removeState("error"), this._element.querySelector(".slim-label").style.display = "";
- var t = this._element.querySelector(".slim-error");
- t && t.parentNode.removeChild(t)
- }
- }, {
- key: "_openFileDialog", value: function () {
- this._removeError(), this._input.click()
- }
- }, {
- key: "_onClick", value: function (t) {
- var e = this, i = t.target.classList, n = t.target;
- if (i.contains("slim-file-hopper")) return t.preventDefault(), void this._openFileDialog();
- switch (n.getAttribute("data-action")) {
- case"remove":
- this._options.willRemove.apply(this, [this.data, function () {
- e._doRemove()
- }]);
- break;
- case"edit":
- this._doEdit();
- break;
- case"download":
- this._doDownload();
- break;
- case"upload":
- this._doUpload()
- }
- }
- }, {
- key: "_onInvalidFileDrop", value: function () {
- this._onInvalidFile(), this._removeState("file-over");
- var t = this._getDrip();
- u(t.firstChild, {
- fromScale: [.5, .5],
- scale: [0, 0],
- fromOpacity: .5,
- opacity: 0,
- duration: 150,
- complete: function () {
- z(t.firstChild)
- }
- })
- }
- }, {
- key: "_onInvalidFile", value: function () {
- var t = this._imageHopper.accept.map(H),
- e = this._options.statusFileType.replace("$0", t.join(", "));
- this._throwError(e)
- }
- }, {
- key: "_onImageTooSmall", value: function () {
- var t = this._options.statusImageTooSmall.replace("$0", this._options.minSize.width + " × " + this._options.minSize.height);
- this._throwError(t)
- }
- }, {
- key: "_onOverWeightFile", value: function () {
- var t = this._options.statusFileSize.replace("$0", this._options.maxFileSize);
- this._throwError(t)
- }
- }, {
- key: "_onLocalURLProblem", value: function (t) {
- this._throwError(this._options.statusLocalUrlProblem || t)
- }
- }, {
- key: "_onRemoteURLProblem", value: function (t) {
- this._throwError(t)
- }
- }, {
- key: "_onFileOver", value: function (t) {
- this._addState("file-over"), this._removeError();
- var e = this._getDrip(), i = u.createMatrix();
- i.translate(t.detail.x, t.detail.y, 0), u.setElementTransform(e, i), 1 == this._imageHopper.dragPath.length && (e.style.opacity = 1, u(e.firstChild, {
- fromOpacity: 0,
- opacity: .5,
- fromScale: [0, 0],
- scale: [.5, .5],
- duration: 150
- }))
- }
- }, {
- key: "_onFileOut", value: function (t) {
- this._removeState("file-over"), this._removeState("file-invalid"), this._removeError();
- var e = this._getDrip(), i = u.createMatrix();
- i.translate(t.detail.x, t.detail.y, 0), u.setElementTransform(e, i), u(e.firstChild, {
- fromScale: [.5, .5],
- scale: [0, 0],
- fromOpacity: .5,
- opacity: 0,
- duration: 150,
- complete: function () {
- z(e.firstChild)
- }
- })
- }
- }, {
- key: "_onDropFile", value: function (t) {
- var e = this;
- this._removeState("file-over");
- var i = this._getDrip(), n = u.createMatrix();
- n.translate(t.detail.x, t.detail.y, 0), u.setElementTransform(i, n);
- var o = this._imageHopper.dragPath.length, a = this._imageHopper.dragPath[o - Math.min(10, o)],
- r = t.detail.x - a.x, s = t.detail.y - a.y;
- u(i, {
- fromPosition: [t.detail.x, t.detail.y, 0],
- position: [t.detail.x + r, t.detail.y + s, 0],
- duration: 200
- }), u(i.firstChild, {
- fromScale: [.5, .5],
- scale: [2, 2],
- fromOpacity: 1,
- opacity: 0,
- duration: 200,
- complete: function () {
- z(i.firstChild), e._load(t.target.files[0])
- }
- })
- }
- }, {
- key: "_onChange", value: function (t) {
- t.target.files.length && this._load(t.target.files[0])
- }
- }, {
- key: "_load", value: function (t, i) {
- var n = this, o = arguments.length > 2 && arguments[2] !== e ? arguments[2] : {};
- if (!this._isBeingDestroyed) {
- if (this.containsImage()) return clearTimeout(this._replaceTimeout), void this._doRemove(function () {
- n._replaceTimeout = setTimeout(function () {
- n._load(t, i, o)
- }, 100)
- });
- this._removeState("empty"), this._addState("busy"), this._startProgressLoop(), this._imageHopper && (this._imageHopper.enabled = !1), clearTimeout(this._loadTimeout);
- var a = function () {
- clearTimeout(n._loadTimeout), n._loadTimeout = setTimeout(function () {
- n._isBeingDestroyed || (n._addState("loading"), u(n._element.querySelector(".slim-label-loading"), {
- fromOpacity: 0,
- opacity: 1,
- duration: 250
- }))
- }, 500)
- }, r = function () {
- n._imageHopper && (n._imageHopper.enabled = !0), n._removeState("loading"), n._removeState("busy"), n._addState("empty"), n._stopProgressLoop()
- };
- if ("string" == typeof t) return void(X(t) ? this._load(Z(t), i, o) : (a(), J(t, this._options.willLoad, function (t) {
- n._load(t, i, o)
- }, function (t) {
- setTimeout(function () {
- r(), n._onLocalURLProblem("<p>" + t + "</p>"), i && i.apply(n, ["local-url-problem"])
- }, 500)
- })));
- if ("undefined" != typeof t.remote) return X(t.remote) ? void this._load(Z(t.remote), i, o) : void(this._options.fetcher && Y(this._options.fetcher, this._options.willFetch, this._options.willLoad, t.remote, function (t) {
- r(), n._onRemoteURLProblem("<p>" + t + "</p>"), 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(), 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 : q(s), this._data.input.type = j(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 = .3, i.springDeceleration = .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));
- var r = function () {
- o._options.size && (o._data.actions.size = {
- width: o._options.size.width,
- height: o._options.size.height
- }), o._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(.1)
- })
- }))), o._canInstantEdit() || o._save(function () {
- o._isBeingDestroyed || s && (o._stopProgress(), i())
- }, s);
- var h = "auto" === o._options.devicePixelRatio ? window.devicePixelRatio : o._options.devicePixelRatio;
- a.src = "", a.src = ht(t, r * h).toDataURL(), a.onload = function () {
- a.onload = null, o._isBeingDestroyed || e && e(s)
- }
- })
- };
- this._initialCrop ? (this._data.actions.crop = mt(this._initialCrop), this._data.actions.crop.type = At.INITIAL, this._initialCrop = null, r()) : this._options.willCropInitial.apply(this, [this.data, function (e) {
- e ? (o._data.actions.crop = e, o._data.actions.crop.type = At.INITIAL) : (o._data.actions.crop = tt(a ? t.height : t.width, a ? t.width : t.height, o._ratio), o._data.actions.crop.type = At.AUTO), r()
- }, this])
- }
- }
- }, {
- 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)
- }
- if (i._options.forceMinSize && 1 === i._ratio && (n.width < i._options.minSize.width || n.height < i._options.minSize.height)) {
- n = k("canvas"), n.width = i._options.minSize.width, n.height = i._options.minSize.height;
- var h = n.getContext("2d");
- h.drawImage(t, 0, 0, n.width, n.height)
- }
- 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 It(k("div"), {
- minSize: this._options.minSize,
- devicePixelRatio: this._options.devicePixelRatio,
- 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
- }), Nt.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(.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";
- var r = "auto" === e._options.devicePixelRatio ? window.devicePixelRatio : e._options.devicePixelRatio;
- o.src = "", o.src = ht(t, o.offsetWidth / t.width * r).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.height : this._data.input.image.width, i ? this._data.input.image.width : this._data.input.image.height, 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";
- var r = "auto" === e._options.devicePixelRatio ? window.devicePixelRatio : e._options.devicePixelRatio;
- o.src = "", o.src = ht(i, o.offsetWidth / i.width * r).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(.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 ? O(i._options.service, i._options.uploadMethod, n, a, r, s, h) : "function" == typeof i._options.service && i._options.service.apply(i, ["file" === i._options.serviceFormat ? t : n, r, s, h, i])
- }, 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 (L("input", i._options.post) && (a.push(i._data.input.file), r.append(i._inputReference, i._data.input.file, i._data.input.file.name)), L("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 () {
- Ft.className = this._options.popoverClassName, Ft.show(), this._imageEditor.show()
- }
- }, {
- key: "_hideEditor", value: function () {
- this._imageEditor.hide();
- var t = setTimeout(function () {
- Ft.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: .3,
- springDeceleration: .7,
- complete: function () {
- z(t), e && e()
- }
- })
- }
- }, {
- key: "_hideResult", value: function (t) {
- var e = this._getIntro();
- e && u(e, {
- fromScale: [1, 1],
- scale: [.5, .5],
- fromOpacity: 1,
- opacity: 0,
- easing: "spring",
- springConstant: .3,
- springDeceleration: .75,
- complete: function () {
- z(e), t && t()
- }
- })
- }
- }, {
- key: "_showButtons", value: function (t) {
- if (this._btnGroup) {
- this._btnGroup.style.display = "";
- var e = {
- fromScale: [.5, .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 = .3, e.springDeceleration = .85), u(this._btnGroup.childNodes, e)
- }
- }
- }, {
- key: "_hideButtons", value: function (t) {
- var e = this;
- if (this._btnGroup) {
- var i = {
- fromScale: [1, 1],
- scale: [.85, .85],
- fromOpacity: 1,
- opacity: 0,
- allDone: function () {
- e._btnGroup.style.display = "none", t && t()
- }
- };
- this.isDetached() ? i.duration = 1 : (i.easing = "spring", i.springConstant = .3, i.springDeceleration = .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, Ft.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 && (Ht.forEach(function (t) {
- e._imageHopper.element.removeEventListener(t, e)
- }), this._imageHopper.destroy(), this._imageHopper = null), this._imageEditor && (Nt.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), Ft && 0 === Wt && (Ft.destroy(), Ft = 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",
- devicePixelRatio: 1,
- 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,
- uploadMethod: "POST",
- 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: "<p>Drop your image here</p>",
- labelLoading: "<p>Loading image...</p>",
- statusFileType: "<p>Invalid file type, expects: $0.</p>",
- statusFileSize: "<p>File is too big, maximum file size: $0 MB.</p>",
- statusNoSupport: "<p>Your browser does not support image cropping.</p>",
- statusImageTooSmall: "<p>Image is too small, minimum size is: $0 pixels.</p>",
- statusContentLength: '<span class="slim-upload-status-icon"></span> The file is probably too big',
- statusUnknownResponse: '<span class="slim-upload-status-icon"></span> An unknown error occurred',
- statusUploadSuccess: '<span class="slim-upload-status-icon"></span> Saved',
- statusLocalUrlProblem: null,
- didInit: function (t) {
- },
- didLoad: function (t, e, i) {
- return !0
- },
- didSave: function (t) {
- },
- didUpload: function (t, e, i) {
- },
- didReceiveServerError: function (t, e) {
- return e
- },
- didRemove: function (t) {
- },
- didTransform: function (t) {
- },
- didConfirm: function (t) {
- },
- didCancel: function () {
- },
- didThrowError: function () {
- },
- willCropInitial: function (t, e) {
- e(null)
- },
- 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 Bt.concat(It.Buttons).concat("rotate").forEach(function (e) {
- var i = R(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 ? "<p>" + t + "</p>" : 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[Ut[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,
- devicePixelRatio: o,
- uploadMethod: o
- };
- ["FileSize", "FileType", "NoSupport", "ImageTooSmall"].forEach(function (t) {
- f["status" + t] = s
- }), ["ContentLength", "UnknownResponse", "UploadSuccess", "localUrlProblem"].forEach(function (t) {
- f["status" + t] = o
- }), ["Init", "Load", "Save", "Upload", "Remove", "Transform", "ReceiveServerError", "Confirm", "Cancel", "ThrowError"].forEach(function (t) {
- f["did" + t] = h
- }), ["CropInitial", "Transform", "Save", "Remove", "Request", "Load", "Fetch"].forEach(function (t) {
- f["will" + t] = h
- });
- var _ = ["ClassName", "Label", "Title"];
- Bt.concat(It.Buttons).concat("rotate").forEach(function (t) {
- var e = R(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[M(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.Slim.supported) "loading" !== document.readyState ? i() : document.addEventListener("DOMContentLoaded", i); else {
- var n = t.getElementsByClassName("slim"), o = 0, a = n.length;
- for (o = 0; o < a; o++) n[o].className = ""
- }
- }(window);
|