plugin.js 105 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653
  1. (function () {
  2. var imagetools = (function () {
  3. 'use strict';
  4. var Cell = function (initial) {
  5. var value = initial;
  6. var get = function () {
  7. return value;
  8. };
  9. var set = function (v) {
  10. value = v;
  11. };
  12. var clone = function () {
  13. return Cell(get());
  14. };
  15. return {
  16. get: get,
  17. set: set,
  18. clone: clone
  19. };
  20. };
  21. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  22. var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
  23. function create(width, height) {
  24. return resize(document.createElement('canvas'), width, height);
  25. }
  26. function clone(canvas) {
  27. var tCanvas, ctx;
  28. tCanvas = create(canvas.width, canvas.height);
  29. ctx = get2dContext(tCanvas);
  30. ctx.drawImage(canvas, 0, 0);
  31. return tCanvas;
  32. }
  33. function get2dContext(canvas) {
  34. return canvas.getContext('2d');
  35. }
  36. function get3dContext(canvas) {
  37. var gl = null;
  38. try {
  39. gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
  40. } catch (e) {
  41. }
  42. if (!gl) {
  43. gl = null;
  44. }
  45. return gl;
  46. }
  47. function resize(canvas, width, height) {
  48. canvas.width = width;
  49. canvas.height = height;
  50. return canvas;
  51. }
  52. var Canvas = {
  53. create: create,
  54. clone: clone,
  55. resize: resize,
  56. get2dContext: get2dContext,
  57. get3dContext: get3dContext
  58. };
  59. function getWidth(image) {
  60. return image.naturalWidth || image.width;
  61. }
  62. function getHeight(image) {
  63. return image.naturalHeight || image.height;
  64. }
  65. var ImageSize = {
  66. getWidth: getWidth,
  67. getHeight: getHeight
  68. };
  69. var promise = function () {
  70. var Promise = function (fn) {
  71. if (typeof this !== 'object')
  72. throw new TypeError('Promises must be constructed via new');
  73. if (typeof fn !== 'function')
  74. throw new TypeError('not a function');
  75. this._state = null;
  76. this._value = null;
  77. this._deferreds = [];
  78. doResolve(fn, bind(resolve, this), bind(reject, this));
  79. };
  80. var asap = Promise.immediateFn || typeof window.setImmediate === 'function' && window.setImmediate || function (fn) {
  81. setTimeout(fn, 1);
  82. };
  83. function bind(fn, thisArg) {
  84. return function () {
  85. fn.apply(thisArg, arguments);
  86. };
  87. }
  88. var isArray = Array.isArray || function (value) {
  89. return Object.prototype.toString.call(value) === '[object Array]';
  90. };
  91. function handle(deferred) {
  92. var me = this;
  93. if (this._state === null) {
  94. this._deferreds.push(deferred);
  95. return;
  96. }
  97. asap(function () {
  98. var cb = me._state ? deferred.onFulfilled : deferred.onRejected;
  99. if (cb === null) {
  100. (me._state ? deferred.resolve : deferred.reject)(me._value);
  101. return;
  102. }
  103. var ret;
  104. try {
  105. ret = cb(me._value);
  106. } catch (e) {
  107. deferred.reject(e);
  108. return;
  109. }
  110. deferred.resolve(ret);
  111. });
  112. }
  113. function resolve(newValue) {
  114. try {
  115. if (newValue === this)
  116. throw new TypeError('A promise cannot be resolved with itself.');
  117. if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
  118. var then = newValue.then;
  119. if (typeof then === 'function') {
  120. doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this));
  121. return;
  122. }
  123. }
  124. this._state = true;
  125. this._value = newValue;
  126. finale.call(this);
  127. } catch (e) {
  128. reject.call(this, e);
  129. }
  130. }
  131. function reject(newValue) {
  132. this._state = false;
  133. this._value = newValue;
  134. finale.call(this);
  135. }
  136. function finale() {
  137. for (var i = 0, len = this._deferreds.length; i < len; i++) {
  138. handle.call(this, this._deferreds[i]);
  139. }
  140. this._deferreds = null;
  141. }
  142. function Handler(onFulfilled, onRejected, resolve, reject) {
  143. this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
  144. this.onRejected = typeof onRejected === 'function' ? onRejected : null;
  145. this.resolve = resolve;
  146. this.reject = reject;
  147. }
  148. function doResolve(fn, onFulfilled, onRejected) {
  149. var done = false;
  150. try {
  151. fn(function (value) {
  152. if (done)
  153. return;
  154. done = true;
  155. onFulfilled(value);
  156. }, function (reason) {
  157. if (done)
  158. return;
  159. done = true;
  160. onRejected(reason);
  161. });
  162. } catch (ex) {
  163. if (done)
  164. return;
  165. done = true;
  166. onRejected(ex);
  167. }
  168. }
  169. Promise.prototype['catch'] = function (onRejected) {
  170. return this.then(null, onRejected);
  171. };
  172. Promise.prototype.then = function (onFulfilled, onRejected) {
  173. var me = this;
  174. return new Promise(function (resolve, reject) {
  175. handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject));
  176. });
  177. };
  178. Promise.all = function () {
  179. var args = Array.prototype.slice.call(arguments.length === 1 && isArray(arguments[0]) ? arguments[0] : arguments);
  180. return new Promise(function (resolve, reject) {
  181. if (args.length === 0)
  182. return resolve([]);
  183. var remaining = args.length;
  184. function res(i, val) {
  185. try {
  186. if (val && (typeof val === 'object' || typeof val === 'function')) {
  187. var then = val.then;
  188. if (typeof then === 'function') {
  189. then.call(val, function (val) {
  190. res(i, val);
  191. }, reject);
  192. return;
  193. }
  194. }
  195. args[i] = val;
  196. if (--remaining === 0) {
  197. resolve(args);
  198. }
  199. } catch (ex) {
  200. reject(ex);
  201. }
  202. }
  203. for (var i = 0; i < args.length; i++) {
  204. res(i, args[i]);
  205. }
  206. });
  207. };
  208. Promise.resolve = function (value) {
  209. if (value && typeof value === 'object' && value.constructor === Promise) {
  210. return value;
  211. }
  212. return new Promise(function (resolve) {
  213. resolve(value);
  214. });
  215. };
  216. Promise.reject = function (value) {
  217. return new Promise(function (resolve, reject) {
  218. reject(value);
  219. });
  220. };
  221. Promise.race = function (values) {
  222. return new Promise(function (resolve, reject) {
  223. for (var i = 0, len = values.length; i < len; i++) {
  224. values[i].then(resolve, reject);
  225. }
  226. });
  227. };
  228. return Promise;
  229. };
  230. var Promise = window.Promise ? window.Promise : promise();
  231. var constant = function (value) {
  232. return function () {
  233. return value;
  234. };
  235. };
  236. function curry(fn) {
  237. var initialArgs = [];
  238. for (var _i = 1; _i < arguments.length; _i++) {
  239. initialArgs[_i - 1] = arguments[_i];
  240. }
  241. return function () {
  242. var restArgs = [];
  243. for (var _i = 0; _i < arguments.length; _i++) {
  244. restArgs[_i] = arguments[_i];
  245. }
  246. var all = initialArgs.concat(restArgs);
  247. return fn.apply(null, all);
  248. };
  249. }
  250. var never = constant(false);
  251. var always = constant(true);
  252. var never$1 = never;
  253. var always$1 = always;
  254. var none = function () {
  255. return NONE;
  256. };
  257. var NONE = function () {
  258. var eq = function (o) {
  259. return o.isNone();
  260. };
  261. var call$$1 = function (thunk) {
  262. return thunk();
  263. };
  264. var id = function (n) {
  265. return n;
  266. };
  267. var noop$$1 = function () {
  268. };
  269. var nul = function () {
  270. return null;
  271. };
  272. var undef = function () {
  273. return undefined;
  274. };
  275. var me = {
  276. fold: function (n, s) {
  277. return n();
  278. },
  279. is: never$1,
  280. isSome: never$1,
  281. isNone: always$1,
  282. getOr: id,
  283. getOrThunk: call$$1,
  284. getOrDie: function (msg) {
  285. throw new Error(msg || 'error: getOrDie called on none.');
  286. },
  287. getOrNull: nul,
  288. getOrUndefined: undef,
  289. or: id,
  290. orThunk: call$$1,
  291. map: none,
  292. ap: none,
  293. each: noop$$1,
  294. bind: none,
  295. flatten: none,
  296. exists: never$1,
  297. forall: always$1,
  298. filter: none,
  299. equals: eq,
  300. equals_: eq,
  301. toArray: function () {
  302. return [];
  303. },
  304. toString: constant('none()')
  305. };
  306. if (Object.freeze)
  307. Object.freeze(me);
  308. return me;
  309. }();
  310. var some = function (a) {
  311. var constant_a = function () {
  312. return a;
  313. };
  314. var self = function () {
  315. return me;
  316. };
  317. var map = function (f) {
  318. return some(f(a));
  319. };
  320. var bind = function (f) {
  321. return f(a);
  322. };
  323. var me = {
  324. fold: function (n, s) {
  325. return s(a);
  326. },
  327. is: function (v) {
  328. return a === v;
  329. },
  330. isSome: always$1,
  331. isNone: never$1,
  332. getOr: constant_a,
  333. getOrThunk: constant_a,
  334. getOrDie: constant_a,
  335. getOrNull: constant_a,
  336. getOrUndefined: constant_a,
  337. or: self,
  338. orThunk: self,
  339. map: map,
  340. ap: function (optfab) {
  341. return optfab.fold(none, function (fab) {
  342. return some(fab(a));
  343. });
  344. },
  345. each: function (f) {
  346. f(a);
  347. },
  348. bind: bind,
  349. flatten: constant_a,
  350. exists: bind,
  351. forall: bind,
  352. filter: function (f) {
  353. return f(a) ? me : NONE;
  354. },
  355. equals: function (o) {
  356. return o.is(a);
  357. },
  358. equals_: function (o, elementEq) {
  359. return o.fold(never$1, function (b) {
  360. return elementEq(a, b);
  361. });
  362. },
  363. toArray: function () {
  364. return [a];
  365. },
  366. toString: function () {
  367. return 'some(' + a + ')';
  368. }
  369. };
  370. return me;
  371. };
  372. var from = function (value) {
  373. return value === null || value === undefined ? NONE : some(value);
  374. };
  375. var Option = {
  376. some: some,
  377. none: none,
  378. from: from
  379. };
  380. var Global = typeof window !== 'undefined' ? window : Function('return this;')();
  381. var path = function (parts, scope) {
  382. var o = scope !== undefined && scope !== null ? scope : Global;
  383. for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i)
  384. o = o[parts[i]];
  385. return o;
  386. };
  387. var resolve = function (p, scope) {
  388. var parts = p.split('.');
  389. return path(parts, scope);
  390. };
  391. var unsafe = function (name, scope) {
  392. return resolve(name, scope);
  393. };
  394. var getOrDie = function (name, scope) {
  395. var actual = unsafe(name, scope);
  396. if (actual === undefined || actual === null)
  397. throw name + ' not available on this browser';
  398. return actual;
  399. };
  400. var Global$1 = { getOrDie: getOrDie };
  401. function Blob (parts, properties) {
  402. var f = Global$1.getOrDie('Blob');
  403. return new f(parts, properties);
  404. }
  405. function FileReader () {
  406. var f = Global$1.getOrDie('FileReader');
  407. return new f();
  408. }
  409. function Uint8Array (arr) {
  410. var f = Global$1.getOrDie('Uint8Array');
  411. return new f(arr);
  412. }
  413. var requestAnimationFrame = function (callback) {
  414. var f = Global$1.getOrDie('requestAnimationFrame');
  415. f(callback);
  416. };
  417. var atob = function (base64) {
  418. var f = Global$1.getOrDie('atob');
  419. return f(base64);
  420. };
  421. var Window = {
  422. atob: atob,
  423. requestAnimationFrame: requestAnimationFrame
  424. };
  425. function imageToBlob(image) {
  426. var src = image.src;
  427. if (src.indexOf('data:') === 0) {
  428. return dataUriToBlob(src);
  429. }
  430. return anyUriToBlob(src);
  431. }
  432. function blobToImage(blob) {
  433. return new Promise(function (resolve, reject) {
  434. var blobUrl = URL.createObjectURL(blob);
  435. var image = new Image();
  436. var removeListeners = function () {
  437. image.removeEventListener('load', loaded);
  438. image.removeEventListener('error', error);
  439. };
  440. function loaded() {
  441. removeListeners();
  442. resolve(image);
  443. }
  444. function error() {
  445. removeListeners();
  446. reject('Unable to load data of type ' + blob.type + ': ' + blobUrl);
  447. }
  448. image.addEventListener('load', loaded);
  449. image.addEventListener('error', error);
  450. image.src = blobUrl;
  451. if (image.complete) {
  452. loaded();
  453. }
  454. });
  455. }
  456. function anyUriToBlob(url) {
  457. return new Promise(function (resolve, reject) {
  458. var xhr = new XMLHttpRequest();
  459. xhr.open('GET', url, true);
  460. xhr.responseType = 'blob';
  461. xhr.onload = function () {
  462. if (this.status == 200) {
  463. resolve(this.response);
  464. }
  465. };
  466. xhr.onerror = function () {
  467. var _this = this;
  468. var corsError = function () {
  469. var obj = new Error('No access to download image');
  470. obj.code = 18;
  471. obj.name = 'SecurityError';
  472. return obj;
  473. };
  474. var genericError = function () {
  475. return new Error('Error ' + _this.status + ' downloading image');
  476. };
  477. reject(this.status === 0 ? corsError() : genericError());
  478. };
  479. xhr.send();
  480. });
  481. }
  482. function dataUriToBlobSync(uri) {
  483. var data = uri.split(',');
  484. var matches = /data:([^;]+)/.exec(data[0]);
  485. if (!matches)
  486. return Option.none();
  487. var mimetype = matches[1];
  488. var base64 = data[1];
  489. var sliceSize = 1024;
  490. var byteCharacters = Window.atob(base64);
  491. var bytesLength = byteCharacters.length;
  492. var slicesCount = Math.ceil(bytesLength / sliceSize);
  493. var byteArrays = new Array(slicesCount);
  494. for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
  495. var begin = sliceIndex * sliceSize;
  496. var end = Math.min(begin + sliceSize, bytesLength);
  497. var bytes = new Array(end - begin);
  498. for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
  499. bytes[i] = byteCharacters[offset].charCodeAt(0);
  500. }
  501. byteArrays[sliceIndex] = Uint8Array(bytes);
  502. }
  503. return Option.some(Blob(byteArrays, { type: mimetype }));
  504. }
  505. function dataUriToBlob(uri) {
  506. return new Promise(function (resolve, reject) {
  507. dataUriToBlobSync(uri).fold(function () {
  508. reject('uri is not base64: ' + uri);
  509. }, resolve);
  510. });
  511. }
  512. function uriToBlob(url) {
  513. if (url.indexOf('blob:') === 0) {
  514. return anyUriToBlob(url);
  515. }
  516. if (url.indexOf('data:') === 0) {
  517. return dataUriToBlob(url);
  518. }
  519. return null;
  520. }
  521. function canvasToBlob(canvas, type, quality) {
  522. type = type || 'image/png';
  523. if (HTMLCanvasElement.prototype.toBlob) {
  524. return new Promise(function (resolve) {
  525. canvas.toBlob(function (blob) {
  526. resolve(blob);
  527. }, type, quality);
  528. });
  529. } else {
  530. return dataUriToBlob(canvas.toDataURL(type, quality));
  531. }
  532. }
  533. function canvasToDataURL(getCanvas, type, quality) {
  534. type = type || 'image/png';
  535. return getCanvas.then(function (canvas) {
  536. return canvas.toDataURL(type, quality);
  537. });
  538. }
  539. function blobToCanvas(blob) {
  540. return blobToImage(blob).then(function (image) {
  541. revokeImageUrl(image);
  542. var context, canvas;
  543. canvas = Canvas.create(ImageSize.getWidth(image), ImageSize.getHeight(image));
  544. context = Canvas.get2dContext(canvas);
  545. context.drawImage(image, 0, 0);
  546. return canvas;
  547. });
  548. }
  549. function blobToDataUri(blob) {
  550. return new Promise(function (resolve) {
  551. var reader = FileReader();
  552. reader.onloadend = function () {
  553. resolve(reader.result);
  554. };
  555. reader.readAsDataURL(blob);
  556. });
  557. }
  558. function blobToArrayBuffer(blob) {
  559. return new Promise(function (resolve) {
  560. var reader = FileReader();
  561. reader.onloadend = function () {
  562. resolve(reader.result);
  563. };
  564. reader.readAsArrayBuffer(blob);
  565. });
  566. }
  567. function blobToBase64(blob) {
  568. return blobToDataUri(blob).then(function (dataUri) {
  569. return dataUri.split(',')[1];
  570. });
  571. }
  572. function revokeImageUrl(image) {
  573. URL.revokeObjectURL(image.src);
  574. }
  575. var Conversions = {
  576. blobToImage: blobToImage,
  577. imageToBlob: imageToBlob,
  578. blobToArrayBuffer: blobToArrayBuffer,
  579. blobToDataUri: blobToDataUri,
  580. blobToBase64: blobToBase64,
  581. dataUriToBlobSync: dataUriToBlobSync,
  582. canvasToBlob: canvasToBlob,
  583. canvasToDataURL: canvasToDataURL,
  584. blobToCanvas: blobToCanvas,
  585. uriToBlob: uriToBlob
  586. };
  587. var blobToImage$1 = function (image) {
  588. return Conversions.blobToImage(image);
  589. };
  590. var imageToBlob$1 = function (blob) {
  591. return Conversions.imageToBlob(blob);
  592. };
  593. var blobToDataUri$1 = function (blob) {
  594. return Conversions.blobToDataUri(blob);
  595. };
  596. var blobToBase64$1 = function (blob) {
  597. return Conversions.blobToBase64(blob);
  598. };
  599. var dataUriToBlobSync$1 = function (uri) {
  600. return Conversions.dataUriToBlobSync(uri);
  601. };
  602. var uriToBlob$1 = function (uri) {
  603. return Option.from(Conversions.uriToBlob(uri));
  604. };
  605. var BlobConversions = {
  606. blobToImage: blobToImage$1,
  607. imageToBlob: imageToBlob$1,
  608. blobToDataUri: blobToDataUri$1,
  609. blobToBase64: blobToBase64$1,
  610. dataUriToBlobSync: dataUriToBlobSync$1,
  611. uriToBlob: uriToBlob$1
  612. };
  613. function create$1(getCanvas, blob, uri) {
  614. var initialType = blob.type;
  615. var getType = constant(initialType);
  616. function toBlob() {
  617. return Promise.resolve(blob);
  618. }
  619. function toDataURL() {
  620. return uri;
  621. }
  622. function toBase64() {
  623. return uri.split(',')[1];
  624. }
  625. function toAdjustedBlob(type, quality) {
  626. return getCanvas.then(function (canvas) {
  627. return Conversions.canvasToBlob(canvas, type, quality);
  628. });
  629. }
  630. function toAdjustedDataURL(type, quality) {
  631. return getCanvas.then(function (canvas) {
  632. return Conversions.canvasToDataURL(canvas, type, quality);
  633. });
  634. }
  635. function toAdjustedBase64(type, quality) {
  636. return toAdjustedDataURL(type, quality).then(function (dataurl) {
  637. return dataurl.split(',')[1];
  638. });
  639. }
  640. function toCanvas() {
  641. return getCanvas.then(Canvas.clone);
  642. }
  643. return {
  644. getType: getType,
  645. toBlob: toBlob,
  646. toDataURL: toDataURL,
  647. toBase64: toBase64,
  648. toAdjustedBlob: toAdjustedBlob,
  649. toAdjustedDataURL: toAdjustedDataURL,
  650. toAdjustedBase64: toAdjustedBase64,
  651. toCanvas: toCanvas
  652. };
  653. }
  654. function fromBlob(blob) {
  655. return Conversions.blobToDataUri(blob).then(function (uri) {
  656. return create$1(Conversions.blobToCanvas(blob), blob, uri);
  657. });
  658. }
  659. function fromCanvas(canvas, type) {
  660. return Conversions.canvasToBlob(canvas, type).then(function (blob) {
  661. return create$1(Promise.resolve(canvas), blob, canvas.toDataURL());
  662. });
  663. }
  664. function fromImage(image) {
  665. return Conversions.imageToBlob(image).then(function (blob) {
  666. return fromBlob(blob);
  667. });
  668. }
  669. var fromBlobAndUrlSync = function (blob, url) {
  670. return create$1(Conversions.blobToCanvas(blob), blob, url);
  671. };
  672. var ImageResult = {
  673. fromBlob: fromBlob,
  674. fromCanvas: fromCanvas,
  675. fromImage: fromImage,
  676. fromBlobAndUrlSync: fromBlobAndUrlSync
  677. };
  678. function clamp(value, min, max) {
  679. value = parseFloat(value);
  680. if (value > max) {
  681. value = max;
  682. } else if (value < min) {
  683. value = min;
  684. }
  685. return value;
  686. }
  687. function identity$1() {
  688. return [
  689. 1,
  690. 0,
  691. 0,
  692. 0,
  693. 0,
  694. 0,
  695. 1,
  696. 0,
  697. 0,
  698. 0,
  699. 0,
  700. 0,
  701. 1,
  702. 0,
  703. 0,
  704. 0,
  705. 0,
  706. 0,
  707. 1,
  708. 0,
  709. 0,
  710. 0,
  711. 0,
  712. 0,
  713. 1
  714. ];
  715. }
  716. var DELTA_INDEX = [
  717. 0,
  718. 0.01,
  719. 0.02,
  720. 0.04,
  721. 0.05,
  722. 0.06,
  723. 0.07,
  724. 0.08,
  725. 0.1,
  726. 0.11,
  727. 0.12,
  728. 0.14,
  729. 0.15,
  730. 0.16,
  731. 0.17,
  732. 0.18,
  733. 0.2,
  734. 0.21,
  735. 0.22,
  736. 0.24,
  737. 0.25,
  738. 0.27,
  739. 0.28,
  740. 0.3,
  741. 0.32,
  742. 0.34,
  743. 0.36,
  744. 0.38,
  745. 0.4,
  746. 0.42,
  747. 0.44,
  748. 0.46,
  749. 0.48,
  750. 0.5,
  751. 0.53,
  752. 0.56,
  753. 0.59,
  754. 0.62,
  755. 0.65,
  756. 0.68,
  757. 0.71,
  758. 0.74,
  759. 0.77,
  760. 0.8,
  761. 0.83,
  762. 0.86,
  763. 0.89,
  764. 0.92,
  765. 0.95,
  766. 0.98,
  767. 1,
  768. 1.06,
  769. 1.12,
  770. 1.18,
  771. 1.24,
  772. 1.3,
  773. 1.36,
  774. 1.42,
  775. 1.48,
  776. 1.54,
  777. 1.6,
  778. 1.66,
  779. 1.72,
  780. 1.78,
  781. 1.84,
  782. 1.9,
  783. 1.96,
  784. 2,
  785. 2.12,
  786. 2.25,
  787. 2.37,
  788. 2.5,
  789. 2.62,
  790. 2.75,
  791. 2.87,
  792. 3,
  793. 3.2,
  794. 3.4,
  795. 3.6,
  796. 3.8,
  797. 4,
  798. 4.3,
  799. 4.7,
  800. 4.9,
  801. 5,
  802. 5.5,
  803. 6,
  804. 6.5,
  805. 6.8,
  806. 7,
  807. 7.3,
  808. 7.5,
  809. 7.8,
  810. 8,
  811. 8.4,
  812. 8.7,
  813. 9,
  814. 9.4,
  815. 9.6,
  816. 9.8,
  817. 10
  818. ];
  819. function multiply(matrix1, matrix2) {
  820. var i, j, k, val, col = [], out = new Array(10);
  821. for (i = 0; i < 5; i++) {
  822. for (j = 0; j < 5; j++) {
  823. col[j] = matrix2[j + i * 5];
  824. }
  825. for (j = 0; j < 5; j++) {
  826. val = 0;
  827. for (k = 0; k < 5; k++) {
  828. val += matrix1[j + k * 5] * col[k];
  829. }
  830. out[j + i * 5] = val;
  831. }
  832. }
  833. return out;
  834. }
  835. function adjust(matrix, adjustValue) {
  836. adjustValue = clamp(adjustValue, 0, 1);
  837. return matrix.map(function (value, index) {
  838. if (index % 6 === 0) {
  839. value = 1 - (1 - value) * adjustValue;
  840. } else {
  841. value *= adjustValue;
  842. }
  843. return clamp(value, 0, 1);
  844. });
  845. }
  846. function adjustContrast(matrix, value) {
  847. var x;
  848. value = clamp(value, -1, 1);
  849. value *= 100;
  850. if (value < 0) {
  851. x = 127 + value / 100 * 127;
  852. } else {
  853. x = value % 1;
  854. if (x === 0) {
  855. x = DELTA_INDEX[value];
  856. } else {
  857. x = DELTA_INDEX[Math.floor(value)] * (1 - x) + DELTA_INDEX[Math.floor(value) + 1] * x;
  858. }
  859. x = x * 127 + 127;
  860. }
  861. return multiply(matrix, [
  862. x / 127,
  863. 0,
  864. 0,
  865. 0,
  866. 0.5 * (127 - x),
  867. 0,
  868. x / 127,
  869. 0,
  870. 0,
  871. 0.5 * (127 - x),
  872. 0,
  873. 0,
  874. x / 127,
  875. 0,
  876. 0.5 * (127 - x),
  877. 0,
  878. 0,
  879. 0,
  880. 1,
  881. 0,
  882. 0,
  883. 0,
  884. 0,
  885. 0,
  886. 1
  887. ]);
  888. }
  889. function adjustSaturation(matrix, value) {
  890. var x, lumR, lumG, lumB;
  891. value = clamp(value, -1, 1);
  892. x = 1 + (value > 0 ? 3 * value : value);
  893. lumR = 0.3086;
  894. lumG = 0.6094;
  895. lumB = 0.082;
  896. return multiply(matrix, [
  897. lumR * (1 - x) + x,
  898. lumG * (1 - x),
  899. lumB * (1 - x),
  900. 0,
  901. 0,
  902. lumR * (1 - x),
  903. lumG * (1 - x) + x,
  904. lumB * (1 - x),
  905. 0,
  906. 0,
  907. lumR * (1 - x),
  908. lumG * (1 - x),
  909. lumB * (1 - x) + x,
  910. 0,
  911. 0,
  912. 0,
  913. 0,
  914. 0,
  915. 1,
  916. 0,
  917. 0,
  918. 0,
  919. 0,
  920. 0,
  921. 1
  922. ]);
  923. }
  924. function adjustHue(matrix, angle) {
  925. var cosVal, sinVal, lumR, lumG, lumB;
  926. angle = clamp(angle, -180, 180) / 180 * Math.PI;
  927. cosVal = Math.cos(angle);
  928. sinVal = Math.sin(angle);
  929. lumR = 0.213;
  930. lumG = 0.715;
  931. lumB = 0.072;
  932. return multiply(matrix, [
  933. lumR + cosVal * (1 - lumR) + sinVal * -lumR,
  934. lumG + cosVal * -lumG + sinVal * -lumG,
  935. lumB + cosVal * -lumB + sinVal * (1 - lumB),
  936. 0,
  937. 0,
  938. lumR + cosVal * -lumR + sinVal * 0.143,
  939. lumG + cosVal * (1 - lumG) + sinVal * 0.14,
  940. lumB + cosVal * -lumB + sinVal * -0.283,
  941. 0,
  942. 0,
  943. lumR + cosVal * -lumR + sinVal * -(1 - lumR),
  944. lumG + cosVal * -lumG + sinVal * lumG,
  945. lumB + cosVal * (1 - lumB) + sinVal * lumB,
  946. 0,
  947. 0,
  948. 0,
  949. 0,
  950. 0,
  951. 1,
  952. 0,
  953. 0,
  954. 0,
  955. 0,
  956. 0,
  957. 1
  958. ]);
  959. }
  960. function adjustBrightness(matrix, value) {
  961. value = clamp(255 * value, -255, 255);
  962. return multiply(matrix, [
  963. 1,
  964. 0,
  965. 0,
  966. 0,
  967. value,
  968. 0,
  969. 1,
  970. 0,
  971. 0,
  972. value,
  973. 0,
  974. 0,
  975. 1,
  976. 0,
  977. value,
  978. 0,
  979. 0,
  980. 0,
  981. 1,
  982. 0,
  983. 0,
  984. 0,
  985. 0,
  986. 0,
  987. 1
  988. ]);
  989. }
  990. function adjustColors(matrix, adjustR, adjustG, adjustB) {
  991. adjustR = clamp(adjustR, 0, 2);
  992. adjustG = clamp(adjustG, 0, 2);
  993. adjustB = clamp(adjustB, 0, 2);
  994. return multiply(matrix, [
  995. adjustR,
  996. 0,
  997. 0,
  998. 0,
  999. 0,
  1000. 0,
  1001. adjustG,
  1002. 0,
  1003. 0,
  1004. 0,
  1005. 0,
  1006. 0,
  1007. adjustB,
  1008. 0,
  1009. 0,
  1010. 0,
  1011. 0,
  1012. 0,
  1013. 1,
  1014. 0,
  1015. 0,
  1016. 0,
  1017. 0,
  1018. 0,
  1019. 1
  1020. ]);
  1021. }
  1022. function adjustSepia(matrix, value) {
  1023. value = clamp(value, 0, 1);
  1024. return multiply(matrix, adjust([
  1025. 0.393,
  1026. 0.769,
  1027. 0.189,
  1028. 0,
  1029. 0,
  1030. 0.349,
  1031. 0.686,
  1032. 0.168,
  1033. 0,
  1034. 0,
  1035. 0.272,
  1036. 0.534,
  1037. 0.131,
  1038. 0,
  1039. 0,
  1040. 0,
  1041. 0,
  1042. 0,
  1043. 1,
  1044. 0,
  1045. 0,
  1046. 0,
  1047. 0,
  1048. 0,
  1049. 1
  1050. ], value));
  1051. }
  1052. function adjustGrayscale(matrix, value) {
  1053. value = clamp(value, 0, 1);
  1054. return multiply(matrix, adjust([
  1055. 0.33,
  1056. 0.34,
  1057. 0.33,
  1058. 0,
  1059. 0,
  1060. 0.33,
  1061. 0.34,
  1062. 0.33,
  1063. 0,
  1064. 0,
  1065. 0.33,
  1066. 0.34,
  1067. 0.33,
  1068. 0,
  1069. 0,
  1070. 0,
  1071. 0,
  1072. 0,
  1073. 1,
  1074. 0,
  1075. 0,
  1076. 0,
  1077. 0,
  1078. 0,
  1079. 1
  1080. ], value));
  1081. }
  1082. var ColorMatrix = {
  1083. identity: identity$1,
  1084. adjust: adjust,
  1085. multiply: multiply,
  1086. adjustContrast: adjustContrast,
  1087. adjustBrightness: adjustBrightness,
  1088. adjustSaturation: adjustSaturation,
  1089. adjustHue: adjustHue,
  1090. adjustColors: adjustColors,
  1091. adjustSepia: adjustSepia,
  1092. adjustGrayscale: adjustGrayscale
  1093. };
  1094. function colorFilter(ir, matrix) {
  1095. return ir.toCanvas().then(function (canvas) {
  1096. return applyColorFilter(canvas, ir.getType(), matrix);
  1097. });
  1098. }
  1099. function applyColorFilter(canvas, type, matrix) {
  1100. var context = Canvas.get2dContext(canvas);
  1101. var pixels;
  1102. function applyMatrix(pixels, m) {
  1103. var d = pixels.data, r, g, b, a, i, m0 = m[0], m1 = m[1], m2 = m[2], m3 = m[3], m4 = m[4], m5 = m[5], m6 = m[6], m7 = m[7], m8 = m[8], m9 = m[9], m10 = m[10], m11 = m[11], m12 = m[12], m13 = m[13], m14 = m[14], m15 = m[15], m16 = m[16], m17 = m[17], m18 = m[18], m19 = m[19];
  1104. for (i = 0; i < d.length; i += 4) {
  1105. r = d[i];
  1106. g = d[i + 1];
  1107. b = d[i + 2];
  1108. a = d[i + 3];
  1109. d[i] = r * m0 + g * m1 + b * m2 + a * m3 + m4;
  1110. d[i + 1] = r * m5 + g * m6 + b * m7 + a * m8 + m9;
  1111. d[i + 2] = r * m10 + g * m11 + b * m12 + a * m13 + m14;
  1112. d[i + 3] = r * m15 + g * m16 + b * m17 + a * m18 + m19;
  1113. }
  1114. return pixels;
  1115. }
  1116. pixels = applyMatrix(context.getImageData(0, 0, canvas.width, canvas.height), matrix);
  1117. context.putImageData(pixels, 0, 0);
  1118. return ImageResult.fromCanvas(canvas, type);
  1119. }
  1120. function convoluteFilter(ir, matrix) {
  1121. return ir.toCanvas().then(function (canvas) {
  1122. return applyConvoluteFilter(canvas, ir.getType(), matrix);
  1123. });
  1124. }
  1125. function applyConvoluteFilter(canvas, type, matrix) {
  1126. var context = Canvas.get2dContext(canvas);
  1127. var pixelsIn, pixelsOut;
  1128. function applyMatrix(pixelsIn, pixelsOut, matrix) {
  1129. var rgba, drgba, side, halfSide, x, y, r, g, b, cx, cy, scx, scy, offset, wt, w, h;
  1130. function clamp(value, min, max) {
  1131. if (value > max) {
  1132. value = max;
  1133. } else if (value < min) {
  1134. value = min;
  1135. }
  1136. return value;
  1137. }
  1138. side = Math.round(Math.sqrt(matrix.length));
  1139. halfSide = Math.floor(side / 2);
  1140. rgba = pixelsIn.data;
  1141. drgba = pixelsOut.data;
  1142. w = pixelsIn.width;
  1143. h = pixelsIn.height;
  1144. for (y = 0; y < h; y++) {
  1145. for (x = 0; x < w; x++) {
  1146. r = g = b = 0;
  1147. for (cy = 0; cy < side; cy++) {
  1148. for (cx = 0; cx < side; cx++) {
  1149. scx = clamp(x + cx - halfSide, 0, w - 1);
  1150. scy = clamp(y + cy - halfSide, 0, h - 1);
  1151. offset = (scy * w + scx) * 4;
  1152. wt = matrix[cy * side + cx];
  1153. r += rgba[offset] * wt;
  1154. g += rgba[offset + 1] * wt;
  1155. b += rgba[offset + 2] * wt;
  1156. }
  1157. }
  1158. offset = (y * w + x) * 4;
  1159. drgba[offset] = clamp(r, 0, 255);
  1160. drgba[offset + 1] = clamp(g, 0, 255);
  1161. drgba[offset + 2] = clamp(b, 0, 255);
  1162. }
  1163. }
  1164. return pixelsOut;
  1165. }
  1166. pixelsIn = context.getImageData(0, 0, canvas.width, canvas.height);
  1167. pixelsOut = context.getImageData(0, 0, canvas.width, canvas.height);
  1168. pixelsOut = applyMatrix(pixelsIn, pixelsOut, matrix);
  1169. context.putImageData(pixelsOut, 0, 0);
  1170. return ImageResult.fromCanvas(canvas, type);
  1171. }
  1172. function functionColorFilter(colorFn) {
  1173. var filterImpl = function (canvas, type, value) {
  1174. var context = Canvas.get2dContext(canvas);
  1175. var pixels, i, lookup = new Array(256);
  1176. function applyLookup(pixels, lookup) {
  1177. var d = pixels.data, i;
  1178. for (i = 0; i < d.length; i += 4) {
  1179. d[i] = lookup[d[i]];
  1180. d[i + 1] = lookup[d[i + 1]];
  1181. d[i + 2] = lookup[d[i + 2]];
  1182. }
  1183. return pixels;
  1184. }
  1185. for (i = 0; i < lookup.length; i++) {
  1186. lookup[i] = colorFn(i, value);
  1187. }
  1188. pixels = applyLookup(context.getImageData(0, 0, canvas.width, canvas.height), lookup);
  1189. context.putImageData(pixels, 0, 0);
  1190. return ImageResult.fromCanvas(canvas, type);
  1191. };
  1192. return function (ir, value) {
  1193. return ir.toCanvas().then(function (canvas) {
  1194. return filterImpl(canvas, ir.getType(), value);
  1195. });
  1196. };
  1197. }
  1198. function complexAdjustableColorFilter(matrixAdjustFn) {
  1199. return function (ir, adjust) {
  1200. return colorFilter(ir, matrixAdjustFn(ColorMatrix.identity(), adjust));
  1201. };
  1202. }
  1203. function basicColorFilter(matrix) {
  1204. return function (ir) {
  1205. return colorFilter(ir, matrix);
  1206. };
  1207. }
  1208. function basicConvolutionFilter(kernel) {
  1209. return function (ir) {
  1210. return convoluteFilter(ir, kernel);
  1211. };
  1212. }
  1213. var Filters = {
  1214. invert: basicColorFilter([
  1215. -1,
  1216. 0,
  1217. 0,
  1218. 0,
  1219. 255,
  1220. 0,
  1221. -1,
  1222. 0,
  1223. 0,
  1224. 255,
  1225. 0,
  1226. 0,
  1227. -1,
  1228. 0,
  1229. 255,
  1230. 0,
  1231. 0,
  1232. 0,
  1233. 1,
  1234. 0
  1235. ]),
  1236. brightness: complexAdjustableColorFilter(ColorMatrix.adjustBrightness),
  1237. hue: complexAdjustableColorFilter(ColorMatrix.adjustHue),
  1238. saturate: complexAdjustableColorFilter(ColorMatrix.adjustSaturation),
  1239. contrast: complexAdjustableColorFilter(ColorMatrix.adjustContrast),
  1240. grayscale: complexAdjustableColorFilter(ColorMatrix.adjustGrayscale),
  1241. sepia: complexAdjustableColorFilter(ColorMatrix.adjustSepia),
  1242. colorize: function (ir, adjustR, adjustG, adjustB) {
  1243. return colorFilter(ir, ColorMatrix.adjustColors(ColorMatrix.identity(), adjustR, adjustG, adjustB));
  1244. },
  1245. sharpen: basicConvolutionFilter([
  1246. 0,
  1247. -1,
  1248. 0,
  1249. -1,
  1250. 5,
  1251. -1,
  1252. 0,
  1253. -1,
  1254. 0
  1255. ]),
  1256. emboss: basicConvolutionFilter([
  1257. -2,
  1258. -1,
  1259. 0,
  1260. -1,
  1261. 1,
  1262. 1,
  1263. 0,
  1264. 1,
  1265. 2
  1266. ]),
  1267. gamma: functionColorFilter(function (color, value) {
  1268. return Math.pow(color / 255, 1 - value) * 255;
  1269. }),
  1270. exposure: functionColorFilter(function (color, value) {
  1271. return 255 * (1 - Math.exp(-(color / 255) * value));
  1272. }),
  1273. colorFilter: colorFilter,
  1274. convoluteFilter: convoluteFilter
  1275. };
  1276. function scale(image, dW, dH) {
  1277. var sW = ImageSize.getWidth(image);
  1278. var sH = ImageSize.getHeight(image);
  1279. var wRatio = dW / sW;
  1280. var hRatio = dH / sH;
  1281. var scaleCapped = false;
  1282. if (wRatio < 0.5 || wRatio > 2) {
  1283. wRatio = wRatio < 0.5 ? 0.5 : 2;
  1284. scaleCapped = true;
  1285. }
  1286. if (hRatio < 0.5 || hRatio > 2) {
  1287. hRatio = hRatio < 0.5 ? 0.5 : 2;
  1288. scaleCapped = true;
  1289. }
  1290. var scaled = _scale(image, wRatio, hRatio);
  1291. return !scaleCapped ? scaled : scaled.then(function (tCanvas) {
  1292. return scale(tCanvas, dW, dH);
  1293. });
  1294. }
  1295. function _scale(image, wRatio, hRatio) {
  1296. return new Promise(function (resolve) {
  1297. var sW = ImageSize.getWidth(image);
  1298. var sH = ImageSize.getHeight(image);
  1299. var dW = Math.floor(sW * wRatio);
  1300. var dH = Math.floor(sH * hRatio);
  1301. var canvas = Canvas.create(dW, dH);
  1302. var context = Canvas.get2dContext(canvas);
  1303. context.drawImage(image, 0, 0, sW, sH, 0, 0, dW, dH);
  1304. resolve(canvas);
  1305. });
  1306. }
  1307. var ImageResizerCanvas = { scale: scale };
  1308. function rotate(ir, angle) {
  1309. return ir.toCanvas().then(function (canvas) {
  1310. return applyRotate(canvas, ir.getType(), angle);
  1311. });
  1312. }
  1313. function applyRotate(image, type, angle) {
  1314. var canvas = Canvas.create(image.width, image.height);
  1315. var context = Canvas.get2dContext(canvas);
  1316. var translateX = 0, translateY = 0;
  1317. angle = angle < 0 ? 360 + angle : angle;
  1318. if (angle == 90 || angle == 270) {
  1319. Canvas.resize(canvas, canvas.height, canvas.width);
  1320. }
  1321. if (angle == 90 || angle == 180) {
  1322. translateX = canvas.width;
  1323. }
  1324. if (angle == 270 || angle == 180) {
  1325. translateY = canvas.height;
  1326. }
  1327. context.translate(translateX, translateY);
  1328. context.rotate(angle * Math.PI / 180);
  1329. context.drawImage(image, 0, 0);
  1330. return ImageResult.fromCanvas(canvas, type);
  1331. }
  1332. function flip(ir, axis) {
  1333. return ir.toCanvas().then(function (canvas) {
  1334. return applyFlip(canvas, ir.getType(), axis);
  1335. });
  1336. }
  1337. function applyFlip(image, type, axis) {
  1338. var canvas = Canvas.create(image.width, image.height);
  1339. var context = Canvas.get2dContext(canvas);
  1340. if (axis == 'v') {
  1341. context.scale(1, -1);
  1342. context.drawImage(image, 0, -canvas.height);
  1343. } else {
  1344. context.scale(-1, 1);
  1345. context.drawImage(image, -canvas.width, 0);
  1346. }
  1347. return ImageResult.fromCanvas(canvas, type);
  1348. }
  1349. function crop(ir, x, y, w, h) {
  1350. return ir.toCanvas().then(function (canvas) {
  1351. return applyCrop(canvas, ir.getType(), x, y, w, h);
  1352. });
  1353. }
  1354. function applyCrop(image, type, x, y, w, h) {
  1355. var canvas = Canvas.create(w, h);
  1356. var context = Canvas.get2dContext(canvas);
  1357. context.drawImage(image, -x, -y);
  1358. return ImageResult.fromCanvas(canvas, type);
  1359. }
  1360. function resize$1(ir, w, h) {
  1361. return ir.toCanvas().then(function (canvas) {
  1362. return ImageResizerCanvas.scale(canvas, w, h).then(function (newCanvas) {
  1363. return ImageResult.fromCanvas(newCanvas, ir.getType());
  1364. });
  1365. });
  1366. }
  1367. var ImageTools = {
  1368. rotate: rotate,
  1369. flip: flip,
  1370. crop: crop,
  1371. resize: resize$1
  1372. };
  1373. var BinaryReader = function () {
  1374. function BinaryReader(ar) {
  1375. this.littleEndian = false;
  1376. this._dv = new DataView(ar);
  1377. }
  1378. BinaryReader.prototype.readByteAt = function (idx) {
  1379. return this._dv.getUint8(idx);
  1380. };
  1381. BinaryReader.prototype.read = function (idx, size) {
  1382. if (idx + size > this.length()) {
  1383. return null;
  1384. }
  1385. var mv = this.littleEndian ? 0 : -8 * (size - 1);
  1386. for (var i = 0, sum = 0; i < size; i++) {
  1387. sum |= this.readByteAt(idx + i) << Math.abs(mv + i * 8);
  1388. }
  1389. return sum;
  1390. };
  1391. BinaryReader.prototype.BYTE = function (idx) {
  1392. return this.read(idx, 1);
  1393. };
  1394. BinaryReader.prototype.SHORT = function (idx) {
  1395. return this.read(idx, 2);
  1396. };
  1397. BinaryReader.prototype.LONG = function (idx) {
  1398. return this.read(idx, 4);
  1399. };
  1400. BinaryReader.prototype.SLONG = function (idx) {
  1401. var num = this.read(idx, 4);
  1402. return num > 2147483647 ? num - 4294967296 : num;
  1403. };
  1404. BinaryReader.prototype.CHAR = function (idx) {
  1405. return String.fromCharCode(this.read(idx, 1));
  1406. };
  1407. BinaryReader.prototype.STRING = function (idx, count) {
  1408. return this.asArray('CHAR', idx, count).join('');
  1409. };
  1410. BinaryReader.prototype.SEGMENT = function (idx, size) {
  1411. var ar = this._dv.buffer;
  1412. switch (arguments.length) {
  1413. case 2:
  1414. return ar.slice(idx, idx + size);
  1415. case 1:
  1416. return ar.slice(idx);
  1417. default:
  1418. return ar;
  1419. }
  1420. };
  1421. BinaryReader.prototype.asArray = function (type, idx, count) {
  1422. var values = [];
  1423. for (var i = 0; i < count; i++) {
  1424. values[i] = this[type](idx + i);
  1425. }
  1426. return values;
  1427. };
  1428. BinaryReader.prototype.length = function () {
  1429. return this._dv ? this._dv.byteLength : 0;
  1430. };
  1431. return BinaryReader;
  1432. }();
  1433. var tags = {
  1434. tiff: {
  1435. 274: 'Orientation',
  1436. 270: 'ImageDescription',
  1437. 271: 'Make',
  1438. 272: 'Model',
  1439. 305: 'Software',
  1440. 34665: 'ExifIFDPointer',
  1441. 34853: 'GPSInfoIFDPointer'
  1442. },
  1443. exif: {
  1444. 36864: 'ExifVersion',
  1445. 40961: 'ColorSpace',
  1446. 40962: 'PixelXDimension',
  1447. 40963: 'PixelYDimension',
  1448. 36867: 'DateTimeOriginal',
  1449. 33434: 'ExposureTime',
  1450. 33437: 'FNumber',
  1451. 34855: 'ISOSpeedRatings',
  1452. 37377: 'ShutterSpeedValue',
  1453. 37378: 'ApertureValue',
  1454. 37383: 'MeteringMode',
  1455. 37384: 'LightSource',
  1456. 37385: 'Flash',
  1457. 37386: 'FocalLength',
  1458. 41986: 'ExposureMode',
  1459. 41987: 'WhiteBalance',
  1460. 41990: 'SceneCaptureType',
  1461. 41988: 'DigitalZoomRatio',
  1462. 41992: 'Contrast',
  1463. 41993: 'Saturation',
  1464. 41994: 'Sharpness'
  1465. },
  1466. gps: {
  1467. 0: 'GPSVersionID',
  1468. 1: 'GPSLatitudeRef',
  1469. 2: 'GPSLatitude',
  1470. 3: 'GPSLongitudeRef',
  1471. 4: 'GPSLongitude'
  1472. },
  1473. thumb: {
  1474. 513: 'JPEGInterchangeFormat',
  1475. 514: 'JPEGInterchangeFormatLength'
  1476. }
  1477. };
  1478. var tagDescs = {
  1479. 'ColorSpace': {
  1480. 1: 'sRGB',
  1481. 0: 'Uncalibrated'
  1482. },
  1483. 'MeteringMode': {
  1484. 0: 'Unknown',
  1485. 1: 'Average',
  1486. 2: 'CenterWeightedAverage',
  1487. 3: 'Spot',
  1488. 4: 'MultiSpot',
  1489. 5: 'Pattern',
  1490. 6: 'Partial',
  1491. 255: 'Other'
  1492. },
  1493. 'LightSource': {
  1494. 1: 'Daylight',
  1495. 2: 'Fliorescent',
  1496. 3: 'Tungsten',
  1497. 4: 'Flash',
  1498. 9: 'Fine weather',
  1499. 10: 'Cloudy weather',
  1500. 11: 'Shade',
  1501. 12: 'Daylight fluorescent (D 5700 - 7100K)',
  1502. 13: 'Day white fluorescent (N 4600 -5400K)',
  1503. 14: 'Cool white fluorescent (W 3900 - 4500K)',
  1504. 15: 'White fluorescent (WW 3200 - 3700K)',
  1505. 17: 'Standard light A',
  1506. 18: 'Standard light B',
  1507. 19: 'Standard light C',
  1508. 20: 'D55',
  1509. 21: 'D65',
  1510. 22: 'D75',
  1511. 23: 'D50',
  1512. 24: 'ISO studio tungsten',
  1513. 255: 'Other'
  1514. },
  1515. 'Flash': {
  1516. 0: 'Flash did not fire',
  1517. 1: 'Flash fired',
  1518. 5: 'Strobe return light not detected',
  1519. 7: 'Strobe return light detected',
  1520. 9: 'Flash fired, compulsory flash mode',
  1521. 13: 'Flash fired, compulsory flash mode, return light not detected',
  1522. 15: 'Flash fired, compulsory flash mode, return light detected',
  1523. 16: 'Flash did not fire, compulsory flash mode',
  1524. 24: 'Flash did not fire, auto mode',
  1525. 25: 'Flash fired, auto mode',
  1526. 29: 'Flash fired, auto mode, return light not detected',
  1527. 31: 'Flash fired, auto mode, return light detected',
  1528. 32: 'No flash function',
  1529. 65: 'Flash fired, red-eye reduction mode',
  1530. 69: 'Flash fired, red-eye reduction mode, return light not detected',
  1531. 71: 'Flash fired, red-eye reduction mode, return light detected',
  1532. 73: 'Flash fired, compulsory flash mode, red-eye reduction mode',
  1533. 77: 'Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected',
  1534. 79: 'Flash fired, compulsory flash mode, red-eye reduction mode, return light detected',
  1535. 89: 'Flash fired, auto mode, red-eye reduction mode',
  1536. 93: 'Flash fired, auto mode, return light not detected, red-eye reduction mode',
  1537. 95: 'Flash fired, auto mode, return light detected, red-eye reduction mode'
  1538. },
  1539. 'ExposureMode': {
  1540. 0: 'Auto exposure',
  1541. 1: 'Manual exposure',
  1542. 2: 'Auto bracket'
  1543. },
  1544. 'WhiteBalance': {
  1545. 0: 'Auto white balance',
  1546. 1: 'Manual white balance'
  1547. },
  1548. 'SceneCaptureType': {
  1549. 0: 'Standard',
  1550. 1: 'Landscape',
  1551. 2: 'Portrait',
  1552. 3: 'Night scene'
  1553. },
  1554. 'Contrast': {
  1555. 0: 'Normal',
  1556. 1: 'Soft',
  1557. 2: 'Hard'
  1558. },
  1559. 'Saturation': {
  1560. 0: 'Normal',
  1561. 1: 'Low saturation',
  1562. 2: 'High saturation'
  1563. },
  1564. 'Sharpness': {
  1565. 0: 'Normal',
  1566. 1: 'Soft',
  1567. 2: 'Hard'
  1568. },
  1569. 'GPSLatitudeRef': {
  1570. N: 'North latitude',
  1571. S: 'South latitude'
  1572. },
  1573. 'GPSLongitudeRef': {
  1574. E: 'East longitude',
  1575. W: 'West longitude'
  1576. }
  1577. };
  1578. var ExifReader = function () {
  1579. function ExifReader(ar) {
  1580. this._offsets = {
  1581. tiffHeader: 10,
  1582. IFD0: null,
  1583. IFD1: null,
  1584. exifIFD: null,
  1585. gpsIFD: null
  1586. };
  1587. this._tiffTags = {};
  1588. var self = this;
  1589. self._reader = new BinaryReader(ar);
  1590. self._idx = self._offsets.tiffHeader;
  1591. if (self.SHORT(0) !== 65505 || self.STRING(4, 5).toUpperCase() !== 'EXIF\0') {
  1592. throw new Error('Exif data cannot be read or not available.');
  1593. }
  1594. self._reader.littleEndian = self.SHORT(self._idx) == 18761;
  1595. if (self.SHORT(self._idx += 2) !== 42) {
  1596. throw new Error('Invalid Exif data.');
  1597. }
  1598. self._offsets.IFD0 = self._offsets.tiffHeader + self.LONG(self._idx += 2);
  1599. self._tiffTags = self.extractTags(self._offsets.IFD0, tags.tiff);
  1600. if ('ExifIFDPointer' in self._tiffTags) {
  1601. self._offsets.exifIFD = self._offsets.tiffHeader + self._tiffTags.ExifIFDPointer;
  1602. delete self._tiffTags.ExifIFDPointer;
  1603. }
  1604. if ('GPSInfoIFDPointer' in self._tiffTags) {
  1605. self._offsets.gpsIFD = self._offsets.tiffHeader + self._tiffTags.GPSInfoIFDPointer;
  1606. delete self._tiffTags.GPSInfoIFDPointer;
  1607. }
  1608. var IFD1Offset = self.LONG(self._offsets.IFD0 + self.SHORT(self._offsets.IFD0) * 12 + 2);
  1609. if (IFD1Offset) {
  1610. self._offsets.IFD1 = self._offsets.tiffHeader + IFD1Offset;
  1611. }
  1612. }
  1613. ExifReader.prototype.BYTE = function (idx) {
  1614. return this._reader.BYTE(idx);
  1615. };
  1616. ExifReader.prototype.SHORT = function (idx) {
  1617. return this._reader.SHORT(idx);
  1618. };
  1619. ExifReader.prototype.LONG = function (idx) {
  1620. return this._reader.LONG(idx);
  1621. };
  1622. ExifReader.prototype.SLONG = function (idx) {
  1623. return this._reader.SLONG(idx);
  1624. };
  1625. ExifReader.prototype.CHAR = function (idx) {
  1626. return this._reader.CHAR(idx);
  1627. };
  1628. ExifReader.prototype.STRING = function (idx, count) {
  1629. return this._reader.STRING(idx, count);
  1630. };
  1631. ExifReader.prototype.SEGMENT = function (idx, size) {
  1632. return this._reader.SEGMENT(idx, size);
  1633. };
  1634. ExifReader.prototype.asArray = function (type, idx, count) {
  1635. var values = [];
  1636. for (var i = 0; i < count; i++) {
  1637. values[i] = this[type](idx + i);
  1638. }
  1639. return values;
  1640. };
  1641. ExifReader.prototype.length = function () {
  1642. return this._reader.length();
  1643. };
  1644. ExifReader.prototype.UNDEFINED = function () {
  1645. return this.BYTE.apply(this, arguments);
  1646. };
  1647. ExifReader.prototype.RATIONAL = function (idx) {
  1648. return this.LONG(idx) / this.LONG(idx + 4);
  1649. };
  1650. ExifReader.prototype.SRATIONAL = function (idx) {
  1651. return this.SLONG(idx) / this.SLONG(idx + 4);
  1652. };
  1653. ExifReader.prototype.ASCII = function (idx) {
  1654. return this.CHAR(idx);
  1655. };
  1656. ExifReader.prototype.TIFF = function () {
  1657. return this._tiffTags;
  1658. };
  1659. ExifReader.prototype.EXIF = function () {
  1660. var self = this;
  1661. var Exif = null;
  1662. if (self._offsets.exifIFD) {
  1663. try {
  1664. Exif = self.extractTags(self._offsets.exifIFD, tags.exif);
  1665. } catch (ex) {
  1666. return null;
  1667. }
  1668. if (Exif.ExifVersion && Array.isArray(Exif.ExifVersion)) {
  1669. for (var i = 0, exifVersion = ''; i < Exif.ExifVersion.length; i++) {
  1670. exifVersion += String.fromCharCode(Exif.ExifVersion[i]);
  1671. }
  1672. Exif.ExifVersion = exifVersion;
  1673. }
  1674. }
  1675. return Exif;
  1676. };
  1677. ExifReader.prototype.GPS = function () {
  1678. var self = this;
  1679. var GPS = null;
  1680. if (self._offsets.gpsIFD) {
  1681. try {
  1682. GPS = self.extractTags(self._offsets.gpsIFD, tags.gps);
  1683. } catch (ex) {
  1684. return null;
  1685. }
  1686. if (GPS.GPSVersionID && Array.isArray(GPS.GPSVersionID)) {
  1687. GPS.GPSVersionID = GPS.GPSVersionID.join('.');
  1688. }
  1689. }
  1690. return GPS;
  1691. };
  1692. ExifReader.prototype.thumb = function () {
  1693. var self = this;
  1694. if (self._offsets.IFD1) {
  1695. try {
  1696. var IFD1Tags = self.extractTags(self._offsets.IFD1, tags.thumb);
  1697. if ('JPEGInterchangeFormat' in IFD1Tags) {
  1698. return self.SEGMENT(self._offsets.tiffHeader + IFD1Tags.JPEGInterchangeFormat, IFD1Tags.JPEGInterchangeFormatLength);
  1699. }
  1700. } catch (ex) {
  1701. }
  1702. }
  1703. return null;
  1704. };
  1705. ExifReader.prototype.extractTags = function (IFD_offset, tags2extract) {
  1706. var self = this;
  1707. var length, i, tag, type, count, size, offset, value, values = [], hash = {};
  1708. var types = {
  1709. 1: 'BYTE',
  1710. 7: 'UNDEFINED',
  1711. 2: 'ASCII',
  1712. 3: 'SHORT',
  1713. 4: 'LONG',
  1714. 5: 'RATIONAL',
  1715. 9: 'SLONG',
  1716. 10: 'SRATIONAL'
  1717. };
  1718. var sizes = {
  1719. 'BYTE': 1,
  1720. 'UNDEFINED': 1,
  1721. 'ASCII': 1,
  1722. 'SHORT': 2,
  1723. 'LONG': 4,
  1724. 'RATIONAL': 8,
  1725. 'SLONG': 4,
  1726. 'SRATIONAL': 8
  1727. };
  1728. length = self.SHORT(IFD_offset);
  1729. for (i = 0; i < length; i++) {
  1730. values = [];
  1731. offset = IFD_offset + 2 + i * 12;
  1732. tag = tags2extract[self.SHORT(offset)];
  1733. if (tag === undefined) {
  1734. continue;
  1735. }
  1736. type = types[self.SHORT(offset += 2)];
  1737. count = self.LONG(offset += 2);
  1738. size = sizes[type];
  1739. if (!size) {
  1740. throw new Error('Invalid Exif data.');
  1741. }
  1742. offset += 4;
  1743. if (size * count > 4) {
  1744. offset = self.LONG(offset) + self._offsets.tiffHeader;
  1745. }
  1746. if (offset + size * count >= self.length()) {
  1747. throw new Error('Invalid Exif data.');
  1748. }
  1749. if (type === 'ASCII') {
  1750. hash[tag] = self.STRING(offset, count).replace(/\0$/, '').trim();
  1751. continue;
  1752. } else {
  1753. values = self.asArray(type, offset, count);
  1754. value = count == 1 ? values[0] : values;
  1755. if (tagDescs.hasOwnProperty(tag) && typeof value != 'object') {
  1756. hash[tag] = tagDescs[tag][value];
  1757. } else {
  1758. hash[tag] = value;
  1759. }
  1760. }
  1761. }
  1762. return hash;
  1763. };
  1764. return ExifReader;
  1765. }();
  1766. var extractFrom = function (blob) {
  1767. return Conversions.blobToArrayBuffer(blob).then(function (ar) {
  1768. try {
  1769. var br = new BinaryReader(ar);
  1770. if (br.SHORT(0) === 65496) {
  1771. var headers = extractHeaders(br);
  1772. var app1 = headers.filter(function (header) {
  1773. return header.name === 'APP1';
  1774. });
  1775. var meta = {};
  1776. if (app1.length) {
  1777. var exifReader = new ExifReader(app1[0].segment);
  1778. meta = {
  1779. tiff: exifReader.TIFF(),
  1780. exif: exifReader.EXIF(),
  1781. gps: exifReader.GPS(),
  1782. thumb: exifReader.thumb()
  1783. };
  1784. } else {
  1785. return Promise.reject('Headers did not include required information');
  1786. }
  1787. meta.rawHeaders = headers;
  1788. return meta;
  1789. }
  1790. return Promise.reject('Image was not a jpeg');
  1791. } catch (ex) {
  1792. return Promise.reject('Unsupported format or not an image: ' + blob.type + ' (Exception: ' + ex.message + ')');
  1793. }
  1794. });
  1795. };
  1796. var extractHeaders = function (br) {
  1797. var headers = [], idx, marker, length = 0;
  1798. idx = 2;
  1799. while (idx <= br.length()) {
  1800. marker = br.SHORT(idx);
  1801. if (marker >= 65488 && marker <= 65495) {
  1802. idx += 2;
  1803. continue;
  1804. }
  1805. if (marker === 65498 || marker === 65497) {
  1806. break;
  1807. }
  1808. length = br.SHORT(idx + 2) + 2;
  1809. if (marker >= 65505 && marker <= 65519) {
  1810. headers.push({
  1811. hex: marker,
  1812. name: 'APP' + (marker & 15),
  1813. start: idx,
  1814. length: length,
  1815. segment: br.SEGMENT(idx, length)
  1816. });
  1817. }
  1818. idx += length;
  1819. }
  1820. return headers;
  1821. };
  1822. var JPEGMeta = { extractFrom: extractFrom };
  1823. var invert = function (ir) {
  1824. return Filters.invert(ir);
  1825. };
  1826. var sharpen = function (ir) {
  1827. return Filters.sharpen(ir);
  1828. };
  1829. var emboss = function (ir) {
  1830. return Filters.emboss(ir);
  1831. };
  1832. var gamma = function (ir, value) {
  1833. return Filters.gamma(ir, value);
  1834. };
  1835. var exposure = function (ir, value) {
  1836. return Filters.exposure(ir, value);
  1837. };
  1838. var colorize = function (ir, adjustR, adjustG, adjustB) {
  1839. return Filters.colorize(ir, adjustR, adjustG, adjustB);
  1840. };
  1841. var brightness = function (ir, adjust) {
  1842. return Filters.brightness(ir, adjust);
  1843. };
  1844. var hue = function (ir, adjust) {
  1845. return Filters.hue(ir, adjust);
  1846. };
  1847. var saturate = function (ir, adjust) {
  1848. return Filters.saturate(ir, adjust);
  1849. };
  1850. var contrast = function (ir, adjust) {
  1851. return Filters.contrast(ir, adjust);
  1852. };
  1853. var grayscale = function (ir, adjust) {
  1854. return Filters.grayscale(ir, adjust);
  1855. };
  1856. var sepia = function (ir, adjust) {
  1857. return Filters.sepia(ir, adjust);
  1858. };
  1859. var flip$1 = function (ir, axis) {
  1860. return ImageTools.flip(ir, axis);
  1861. };
  1862. var crop$1 = function (ir, x, y, w, h) {
  1863. return ImageTools.crop(ir, x, y, w, h);
  1864. };
  1865. var resize$2 = function (ir, w, h) {
  1866. return ImageTools.resize(ir, w, h);
  1867. };
  1868. var rotate$1 = function (ir, angle) {
  1869. return ImageTools.rotate(ir, angle);
  1870. };
  1871. var exifRotate = function (ir) {
  1872. var ROTATE_90 = 6;
  1873. var ROTATE_180 = 3;
  1874. var ROTATE_270 = 8;
  1875. var checkRotation = function (data) {
  1876. var orientation = data.tiff.Orientation;
  1877. switch (orientation) {
  1878. case ROTATE_90:
  1879. return rotate$1(ir, 90);
  1880. case ROTATE_180:
  1881. return rotate$1(ir, 180);
  1882. case ROTATE_270:
  1883. return rotate$1(ir, 270);
  1884. default:
  1885. return ir;
  1886. }
  1887. };
  1888. var notJpeg = function () {
  1889. return ir;
  1890. };
  1891. return ir.toBlob().then(JPEGMeta.extractFrom).then(checkRotation, notJpeg);
  1892. };
  1893. var ImageTransformations = {
  1894. invert: invert,
  1895. sharpen: sharpen,
  1896. emboss: emboss,
  1897. brightness: brightness,
  1898. hue: hue,
  1899. saturate: saturate,
  1900. contrast: contrast,
  1901. grayscale: grayscale,
  1902. sepia: sepia,
  1903. colorize: colorize,
  1904. gamma: gamma,
  1905. exposure: exposure,
  1906. flip: flip$1,
  1907. crop: crop$1,
  1908. resize: resize$2,
  1909. rotate: rotate$1,
  1910. exifRotate: exifRotate
  1911. };
  1912. var blobToImageResult = function (blob) {
  1913. return ImageResult.fromBlob(blob);
  1914. };
  1915. var fromBlobAndUrlSync$1 = function (blob, uri) {
  1916. return ImageResult.fromBlobAndUrlSync(blob, uri);
  1917. };
  1918. var imageToImageResult = function (image) {
  1919. return ImageResult.fromImage(image);
  1920. };
  1921. var imageResultToBlob = function (ir, type, quality) {
  1922. if (type === undefined && quality === undefined) {
  1923. return imageResultToOriginalBlob(ir);
  1924. } else {
  1925. return ir.toAdjustedBlob(type, quality);
  1926. }
  1927. };
  1928. var imageResultToOriginalBlob = function (ir) {
  1929. return ir.toBlob();
  1930. };
  1931. var imageResultToDataURL = function (ir) {
  1932. return ir.toDataURL();
  1933. };
  1934. var ResultConversions = {
  1935. blobToImageResult: blobToImageResult,
  1936. fromBlobAndUrlSync: fromBlobAndUrlSync$1,
  1937. imageToImageResult: imageToImageResult,
  1938. imageResultToBlob: imageResultToBlob,
  1939. imageResultToOriginalBlob: imageResultToOriginalBlob,
  1940. imageResultToDataURL: imageResultToDataURL
  1941. };
  1942. var url = function () {
  1943. return Global$1.getOrDie('URL');
  1944. };
  1945. var createObjectURL = function (blob) {
  1946. return url().createObjectURL(blob);
  1947. };
  1948. var revokeObjectURL = function (u) {
  1949. url().revokeObjectURL(u);
  1950. };
  1951. var URL$1 = {
  1952. createObjectURL: createObjectURL,
  1953. revokeObjectURL: revokeObjectURL
  1954. };
  1955. var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
  1956. var global$3 = tinymce.util.Tools.resolve('tinymce.util.Promise');
  1957. var global$4 = tinymce.util.Tools.resolve('tinymce.util.URI');
  1958. var getToolbarItems = function (editor) {
  1959. return editor.getParam('imagetools_toolbar', 'rotateleft rotateright | flipv fliph | crop editimage imageoptions');
  1960. };
  1961. var getProxyUrl = function (editor) {
  1962. return editor.getParam('imagetools_proxy');
  1963. };
  1964. var getCorsHosts = function (editor) {
  1965. return editor.getParam('imagetools_cors_hosts', [], 'string[]');
  1966. };
  1967. var getCredentialsHosts = function (editor) {
  1968. return editor.getParam('imagetools_credentials_hosts', [], 'string[]');
  1969. };
  1970. var getApiKey = function (editor) {
  1971. return editor.getParam('api_key', editor.getParam('imagetools_api_key', '', 'string'), 'string');
  1972. };
  1973. var getUploadTimeout = function (editor) {
  1974. return editor.getParam('images_upload_timeout', 30000, 'number');
  1975. };
  1976. var shouldReuseFilename = function (editor) {
  1977. return editor.getParam('images_reuse_filename', false, 'boolean');
  1978. };
  1979. var global$5 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
  1980. var global$6 = tinymce.util.Tools.resolve('tinymce.ui.Factory');
  1981. function UndoStack () {
  1982. var data = [];
  1983. var index = -1;
  1984. function add(state) {
  1985. var removed;
  1986. removed = data.splice(++index);
  1987. data.push(state);
  1988. return {
  1989. state: state,
  1990. removed: removed
  1991. };
  1992. }
  1993. function undo() {
  1994. if (canUndo()) {
  1995. return data[--index];
  1996. }
  1997. }
  1998. function redo() {
  1999. if (canRedo()) {
  2000. return data[++index];
  2001. }
  2002. }
  2003. function canUndo() {
  2004. return index > 0;
  2005. }
  2006. function canRedo() {
  2007. return index !== -1 && index < data.length - 1;
  2008. }
  2009. return {
  2010. data: data,
  2011. add: add,
  2012. undo: undo,
  2013. redo: redo,
  2014. canUndo: canUndo,
  2015. canRedo: canRedo
  2016. };
  2017. }
  2018. var global$7 = tinymce.util.Tools.resolve('tinymce.geom.Rect');
  2019. var loadImage$1 = function (image) {
  2020. return new global$3(function (resolve) {
  2021. var loaded = function () {
  2022. image.removeEventListener('load', loaded);
  2023. resolve(image);
  2024. };
  2025. if (image.complete) {
  2026. resolve(image);
  2027. } else {
  2028. image.addEventListener('load', loaded);
  2029. }
  2030. });
  2031. };
  2032. var LoadImage = { loadImage: loadImage$1 };
  2033. var global$8 = tinymce.util.Tools.resolve('tinymce.dom.DomQuery');
  2034. var global$9 = tinymce.util.Tools.resolve('tinymce.util.Observable');
  2035. var global$a = tinymce.util.Tools.resolve('tinymce.util.VK');
  2036. var count = 0;
  2037. function CropRect (currentRect, viewPortRect, clampRect, containerElm, action) {
  2038. var instance;
  2039. var handles;
  2040. var dragHelpers;
  2041. var blockers;
  2042. var prefix = 'mce-';
  2043. var id = prefix + 'crid-' + count++;
  2044. handles = [
  2045. {
  2046. name: 'move',
  2047. xMul: 0,
  2048. yMul: 0,
  2049. deltaX: 1,
  2050. deltaY: 1,
  2051. deltaW: 0,
  2052. deltaH: 0,
  2053. label: 'Crop Mask'
  2054. },
  2055. {
  2056. name: 'nw',
  2057. xMul: 0,
  2058. yMul: 0,
  2059. deltaX: 1,
  2060. deltaY: 1,
  2061. deltaW: -1,
  2062. deltaH: -1,
  2063. label: 'Top Left Crop Handle'
  2064. },
  2065. {
  2066. name: 'ne',
  2067. xMul: 1,
  2068. yMul: 0,
  2069. deltaX: 0,
  2070. deltaY: 1,
  2071. deltaW: 1,
  2072. deltaH: -1,
  2073. label: 'Top Right Crop Handle'
  2074. },
  2075. {
  2076. name: 'sw',
  2077. xMul: 0,
  2078. yMul: 1,
  2079. deltaX: 1,
  2080. deltaY: 0,
  2081. deltaW: -1,
  2082. deltaH: 1,
  2083. label: 'Bottom Left Crop Handle'
  2084. },
  2085. {
  2086. name: 'se',
  2087. xMul: 1,
  2088. yMul: 1,
  2089. deltaX: 0,
  2090. deltaY: 0,
  2091. deltaW: 1,
  2092. deltaH: 1,
  2093. label: 'Bottom Right Crop Handle'
  2094. }
  2095. ];
  2096. blockers = [
  2097. 'top',
  2098. 'right',
  2099. 'bottom',
  2100. 'left'
  2101. ];
  2102. function getAbsoluteRect(outerRect, relativeRect) {
  2103. return {
  2104. x: relativeRect.x + outerRect.x,
  2105. y: relativeRect.y + outerRect.y,
  2106. w: relativeRect.w,
  2107. h: relativeRect.h
  2108. };
  2109. }
  2110. function getRelativeRect(outerRect, innerRect) {
  2111. return {
  2112. x: innerRect.x - outerRect.x,
  2113. y: innerRect.y - outerRect.y,
  2114. w: innerRect.w,
  2115. h: innerRect.h
  2116. };
  2117. }
  2118. function getInnerRect() {
  2119. return getRelativeRect(clampRect, currentRect);
  2120. }
  2121. function moveRect(handle, startRect, deltaX, deltaY) {
  2122. var x, y, w, h, rect;
  2123. x = startRect.x;
  2124. y = startRect.y;
  2125. w = startRect.w;
  2126. h = startRect.h;
  2127. x += deltaX * handle.deltaX;
  2128. y += deltaY * handle.deltaY;
  2129. w += deltaX * handle.deltaW;
  2130. h += deltaY * handle.deltaH;
  2131. if (w < 20) {
  2132. w = 20;
  2133. }
  2134. if (h < 20) {
  2135. h = 20;
  2136. }
  2137. rect = currentRect = global$7.clamp({
  2138. x: x,
  2139. y: y,
  2140. w: w,
  2141. h: h
  2142. }, clampRect, handle.name === 'move');
  2143. rect = getRelativeRect(clampRect, rect);
  2144. instance.fire('updateRect', { rect: rect });
  2145. setInnerRect(rect);
  2146. }
  2147. function render() {
  2148. function createDragHelper(handle) {
  2149. var startRect;
  2150. var DragHelper = global$6.get('DragHelper');
  2151. return new DragHelper(id, {
  2152. document: containerElm.ownerDocument,
  2153. handle: id + '-' + handle.name,
  2154. start: function () {
  2155. startRect = currentRect;
  2156. },
  2157. drag: function (e) {
  2158. moveRect(handle, startRect, e.deltaX, e.deltaY);
  2159. }
  2160. });
  2161. }
  2162. global$8('<div id="' + id + '" class="' + prefix + 'croprect-container"' + ' role="grid" aria-dropeffect="execute">').appendTo(containerElm);
  2163. global$1.each(blockers, function (blocker) {
  2164. global$8('#' + id, containerElm).append('<div id="' + id + '-' + blocker + '"class="' + prefix + 'croprect-block" style="display: none" data-mce-bogus="all">');
  2165. });
  2166. global$1.each(handles, function (handle) {
  2167. global$8('#' + id, containerElm).append('<div id="' + id + '-' + handle.name + '" class="' + prefix + 'croprect-handle ' + prefix + 'croprect-handle-' + handle.name + '"' + 'style="display: none" data-mce-bogus="all" role="gridcell" tabindex="-1"' + ' aria-label="' + handle.label + '" aria-grabbed="false">');
  2168. });
  2169. dragHelpers = global$1.map(handles, createDragHelper);
  2170. repaint(currentRect);
  2171. global$8(containerElm).on('focusin focusout', function (e) {
  2172. global$8(e.target).attr('aria-grabbed', e.type === 'focus');
  2173. });
  2174. global$8(containerElm).on('keydown', function (e) {
  2175. var activeHandle;
  2176. global$1.each(handles, function (handle) {
  2177. if (e.target.id === id + '-' + handle.name) {
  2178. activeHandle = handle;
  2179. return false;
  2180. }
  2181. });
  2182. function moveAndBlock(evt, handle, startRect, deltaX, deltaY) {
  2183. evt.stopPropagation();
  2184. evt.preventDefault();
  2185. moveRect(activeHandle, startRect, deltaX, deltaY);
  2186. }
  2187. switch (e.keyCode) {
  2188. case global$a.LEFT:
  2189. moveAndBlock(e, activeHandle, currentRect, -10, 0);
  2190. break;
  2191. case global$a.RIGHT:
  2192. moveAndBlock(e, activeHandle, currentRect, 10, 0);
  2193. break;
  2194. case global$a.UP:
  2195. moveAndBlock(e, activeHandle, currentRect, 0, -10);
  2196. break;
  2197. case global$a.DOWN:
  2198. moveAndBlock(e, activeHandle, currentRect, 0, 10);
  2199. break;
  2200. case global$a.ENTER:
  2201. case global$a.SPACEBAR:
  2202. e.preventDefault();
  2203. action();
  2204. break;
  2205. }
  2206. });
  2207. }
  2208. function toggleVisibility(state) {
  2209. var selectors;
  2210. selectors = global$1.map(handles, function (handle) {
  2211. return '#' + id + '-' + handle.name;
  2212. }).concat(global$1.map(blockers, function (blocker) {
  2213. return '#' + id + '-' + blocker;
  2214. })).join(',');
  2215. if (state) {
  2216. global$8(selectors, containerElm).show();
  2217. } else {
  2218. global$8(selectors, containerElm).hide();
  2219. }
  2220. }
  2221. function repaint(rect) {
  2222. function updateElementRect(name, rect) {
  2223. if (rect.h < 0) {
  2224. rect.h = 0;
  2225. }
  2226. if (rect.w < 0) {
  2227. rect.w = 0;
  2228. }
  2229. global$8('#' + id + '-' + name, containerElm).css({
  2230. left: rect.x,
  2231. top: rect.y,
  2232. width: rect.w,
  2233. height: rect.h
  2234. });
  2235. }
  2236. global$1.each(handles, function (handle) {
  2237. global$8('#' + id + '-' + handle.name, containerElm).css({
  2238. left: rect.w * handle.xMul + rect.x,
  2239. top: rect.h * handle.yMul + rect.y
  2240. });
  2241. });
  2242. updateElementRect('top', {
  2243. x: viewPortRect.x,
  2244. y: viewPortRect.y,
  2245. w: viewPortRect.w,
  2246. h: rect.y - viewPortRect.y
  2247. });
  2248. updateElementRect('right', {
  2249. x: rect.x + rect.w,
  2250. y: rect.y,
  2251. w: viewPortRect.w - rect.x - rect.w + viewPortRect.x,
  2252. h: rect.h
  2253. });
  2254. updateElementRect('bottom', {
  2255. x: viewPortRect.x,
  2256. y: rect.y + rect.h,
  2257. w: viewPortRect.w,
  2258. h: viewPortRect.h - rect.y - rect.h + viewPortRect.y
  2259. });
  2260. updateElementRect('left', {
  2261. x: viewPortRect.x,
  2262. y: rect.y,
  2263. w: rect.x - viewPortRect.x,
  2264. h: rect.h
  2265. });
  2266. updateElementRect('move', rect);
  2267. }
  2268. function setRect(rect) {
  2269. currentRect = rect;
  2270. repaint(currentRect);
  2271. }
  2272. function setViewPortRect(rect) {
  2273. viewPortRect = rect;
  2274. repaint(currentRect);
  2275. }
  2276. function setInnerRect(rect) {
  2277. setRect(getAbsoluteRect(clampRect, rect));
  2278. }
  2279. function setClampRect(rect) {
  2280. clampRect = rect;
  2281. repaint(currentRect);
  2282. }
  2283. function destroy() {
  2284. global$1.each(dragHelpers, function (helper) {
  2285. helper.destroy();
  2286. });
  2287. dragHelpers = [];
  2288. }
  2289. render();
  2290. instance = global$1.extend({
  2291. toggleVisibility: toggleVisibility,
  2292. setClampRect: setClampRect,
  2293. setRect: setRect,
  2294. getInnerRect: getInnerRect,
  2295. setInnerRect: setInnerRect,
  2296. setViewPortRect: setViewPortRect,
  2297. destroy: destroy
  2298. }, global$9);
  2299. return instance;
  2300. }
  2301. var create$2 = function (settings) {
  2302. var Control = global$6.get('Control');
  2303. var ImagePanel = Control.extend({
  2304. Defaults: { classes: 'imagepanel' },
  2305. selection: function (rect) {
  2306. if (arguments.length) {
  2307. this.state.set('rect', rect);
  2308. return this;
  2309. }
  2310. return this.state.get('rect');
  2311. },
  2312. imageSize: function () {
  2313. var viewRect = this.state.get('viewRect');
  2314. return {
  2315. w: viewRect.w,
  2316. h: viewRect.h
  2317. };
  2318. },
  2319. toggleCropRect: function (state) {
  2320. this.state.set('cropEnabled', state);
  2321. },
  2322. imageSrc: function (url) {
  2323. var self$$1 = this, img = new Image();
  2324. img.src = url;
  2325. LoadImage.loadImage(img).then(function () {
  2326. var rect, $img;
  2327. var lastRect = self$$1.state.get('viewRect');
  2328. $img = self$$1.$el.find('img');
  2329. if ($img[0]) {
  2330. $img.replaceWith(img);
  2331. } else {
  2332. var bg = document.createElement('div');
  2333. bg.className = 'mce-imagepanel-bg';
  2334. self$$1.getEl().appendChild(bg);
  2335. self$$1.getEl().appendChild(img);
  2336. }
  2337. rect = {
  2338. x: 0,
  2339. y: 0,
  2340. w: img.naturalWidth,
  2341. h: img.naturalHeight
  2342. };
  2343. self$$1.state.set('viewRect', rect);
  2344. self$$1.state.set('rect', global$7.inflate(rect, -20, -20));
  2345. if (!lastRect || lastRect.w !== rect.w || lastRect.h !== rect.h) {
  2346. self$$1.zoomFit();
  2347. }
  2348. self$$1.repaintImage();
  2349. self$$1.fire('load');
  2350. });
  2351. },
  2352. zoom: function (value) {
  2353. if (arguments.length) {
  2354. this.state.set('zoom', value);
  2355. return this;
  2356. }
  2357. return this.state.get('zoom');
  2358. },
  2359. postRender: function () {
  2360. this.imageSrc(this.settings.imageSrc);
  2361. return this._super();
  2362. },
  2363. zoomFit: function () {
  2364. var self$$1 = this;
  2365. var $img, pw, ph, w, h, zoom, padding;
  2366. padding = 10;
  2367. $img = self$$1.$el.find('img');
  2368. pw = self$$1.getEl().clientWidth;
  2369. ph = self$$1.getEl().clientHeight;
  2370. w = $img[0].naturalWidth;
  2371. h = $img[0].naturalHeight;
  2372. zoom = Math.min((pw - padding) / w, (ph - padding) / h);
  2373. if (zoom >= 1) {
  2374. zoom = 1;
  2375. }
  2376. self$$1.zoom(zoom);
  2377. },
  2378. repaintImage: function () {
  2379. var x, y, w, h, pw, ph, $img, $bg, zoom, rect, elm;
  2380. elm = this.getEl();
  2381. zoom = this.zoom();
  2382. rect = this.state.get('rect');
  2383. $img = this.$el.find('img');
  2384. $bg = this.$el.find('.mce-imagepanel-bg');
  2385. pw = elm.offsetWidth;
  2386. ph = elm.offsetHeight;
  2387. w = $img[0].naturalWidth * zoom;
  2388. h = $img[0].naturalHeight * zoom;
  2389. x = Math.max(0, pw / 2 - w / 2);
  2390. y = Math.max(0, ph / 2 - h / 2);
  2391. $img.css({
  2392. left: x,
  2393. top: y,
  2394. width: w,
  2395. height: h
  2396. });
  2397. $bg.css({
  2398. left: x,
  2399. top: y,
  2400. width: w,
  2401. height: h
  2402. });
  2403. if (this.cropRect) {
  2404. this.cropRect.setRect({
  2405. x: rect.x * zoom + x,
  2406. y: rect.y * zoom + y,
  2407. w: rect.w * zoom,
  2408. h: rect.h * zoom
  2409. });
  2410. this.cropRect.setClampRect({
  2411. x: x,
  2412. y: y,
  2413. w: w,
  2414. h: h
  2415. });
  2416. this.cropRect.setViewPortRect({
  2417. x: 0,
  2418. y: 0,
  2419. w: pw,
  2420. h: ph
  2421. });
  2422. }
  2423. },
  2424. bindStates: function () {
  2425. var self$$1 = this;
  2426. function setupCropRect(rect) {
  2427. self$$1.cropRect = CropRect(rect, self$$1.state.get('viewRect'), self$$1.state.get('viewRect'), self$$1.getEl(), function () {
  2428. self$$1.fire('crop');
  2429. });
  2430. self$$1.cropRect.on('updateRect', function (e) {
  2431. var rect = e.rect;
  2432. var zoom = self$$1.zoom();
  2433. rect = {
  2434. x: Math.round(rect.x / zoom),
  2435. y: Math.round(rect.y / zoom),
  2436. w: Math.round(rect.w / zoom),
  2437. h: Math.round(rect.h / zoom)
  2438. };
  2439. self$$1.state.set('rect', rect);
  2440. });
  2441. self$$1.on('remove', self$$1.cropRect.destroy);
  2442. }
  2443. self$$1.state.on('change:cropEnabled', function (e) {
  2444. self$$1.cropRect.toggleVisibility(e.value);
  2445. self$$1.repaintImage();
  2446. });
  2447. self$$1.state.on('change:zoom', function () {
  2448. self$$1.repaintImage();
  2449. });
  2450. self$$1.state.on('change:rect', function (e) {
  2451. var rect = e.value;
  2452. if (!self$$1.cropRect) {
  2453. setupCropRect(rect);
  2454. }
  2455. self$$1.cropRect.setRect(rect);
  2456. });
  2457. }
  2458. });
  2459. return new ImagePanel(settings);
  2460. };
  2461. var ImagePanel = { create: create$2 };
  2462. function createState(blob) {
  2463. return {
  2464. blob: blob,
  2465. url: URL$1.createObjectURL(blob)
  2466. };
  2467. }
  2468. function destroyState(state) {
  2469. if (state) {
  2470. URL$1.revokeObjectURL(state.url);
  2471. }
  2472. }
  2473. function destroyStates(states) {
  2474. global$1.each(states, destroyState);
  2475. }
  2476. function open(editor, currentState, resolve, reject) {
  2477. var win, undoStack = UndoStack(), mainPanel, filtersPanel, tempState, cropPanel, resizePanel, flipRotatePanel, imagePanel, sidePanel, mainViewContainer, invertPanel, brightnessPanel, huePanel, saturatePanel, contrastPanel, grayscalePanel, sepiaPanel, colorizePanel, sharpenPanel, embossPanel, gammaPanel, exposurePanel, panels, width, height, ratioW, ratioH;
  2478. var reverseIfRtl = function (items) {
  2479. return editor.rtl ? items.reverse() : items;
  2480. };
  2481. function recalcSize(e) {
  2482. var widthCtrl, heightCtrl, newWidth, newHeight;
  2483. widthCtrl = win.find('#w')[0];
  2484. heightCtrl = win.find('#h')[0];
  2485. newWidth = parseInt(widthCtrl.value(), 10);
  2486. newHeight = parseInt(heightCtrl.value(), 10);
  2487. if (win.find('#constrain')[0].checked() && width && height && newWidth && newHeight) {
  2488. if (e.control.settings.name === 'w') {
  2489. newHeight = Math.round(newWidth * ratioW);
  2490. heightCtrl.value(newHeight);
  2491. } else {
  2492. newWidth = Math.round(newHeight * ratioH);
  2493. widthCtrl.value(newWidth);
  2494. }
  2495. }
  2496. width = newWidth;
  2497. height = newHeight;
  2498. }
  2499. function floatToPercent(value) {
  2500. return Math.round(value * 100) + '%';
  2501. }
  2502. function updateButtonUndoStates() {
  2503. win.find('#undo').disabled(!undoStack.canUndo());
  2504. win.find('#redo').disabled(!undoStack.canRedo());
  2505. win.statusbar.find('#save').disabled(!undoStack.canUndo());
  2506. }
  2507. function disableUndoRedo() {
  2508. win.find('#undo').disabled(true);
  2509. win.find('#redo').disabled(true);
  2510. }
  2511. function displayState(state) {
  2512. if (state) {
  2513. imagePanel.imageSrc(state.url);
  2514. }
  2515. }
  2516. function switchPanel(targetPanel) {
  2517. return function () {
  2518. var hidePanels = global$1.grep(panels, function (panel) {
  2519. return panel.settings.name !== targetPanel;
  2520. });
  2521. global$1.each(hidePanels, function (panel) {
  2522. panel.hide();
  2523. });
  2524. targetPanel.show();
  2525. targetPanel.focus();
  2526. };
  2527. }
  2528. function addTempState(blob) {
  2529. tempState = createState(blob);
  2530. displayState(tempState);
  2531. }
  2532. function addBlobState(blob) {
  2533. currentState = createState(blob);
  2534. displayState(currentState);
  2535. destroyStates(undoStack.add(currentState).removed);
  2536. updateButtonUndoStates();
  2537. }
  2538. function crop() {
  2539. var rect = imagePanel.selection();
  2540. ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
  2541. ImageTransformations.crop(ir, rect.x, rect.y, rect.w, rect.h).then(imageResultToBlob).then(function (blob) {
  2542. addBlobState(blob);
  2543. cancel();
  2544. });
  2545. });
  2546. }
  2547. var tempAction = function (fn) {
  2548. var args = [].slice.call(arguments, 1);
  2549. return function () {
  2550. var state = tempState || currentState;
  2551. ResultConversions.blobToImageResult(state.blob).then(function (ir) {
  2552. fn.apply(this, [ir].concat(args)).then(imageResultToBlob).then(addTempState);
  2553. });
  2554. };
  2555. };
  2556. function action(fn) {
  2557. var arg = [];
  2558. for (var _i = 1; _i < arguments.length; _i++) {
  2559. arg[_i - 1] = arguments[_i];
  2560. }
  2561. var args = [].slice.call(arguments, 1);
  2562. return function () {
  2563. ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
  2564. fn.apply(this, [ir].concat(args)).then(imageResultToBlob).then(addBlobState);
  2565. });
  2566. };
  2567. }
  2568. function cancel() {
  2569. displayState(currentState);
  2570. destroyState(tempState);
  2571. switchPanel(mainPanel)();
  2572. updateButtonUndoStates();
  2573. }
  2574. function waitForTempState(times, applyCall) {
  2575. if (tempState) {
  2576. applyCall();
  2577. } else {
  2578. setTimeout(function () {
  2579. if (times-- > 0) {
  2580. waitForTempState(times, applyCall);
  2581. } else {
  2582. editor.windowManager.alert('Error: failed to apply image operation.');
  2583. }
  2584. }, 10);
  2585. }
  2586. }
  2587. function applyTempState() {
  2588. if (tempState) {
  2589. addBlobState(tempState.blob);
  2590. cancel();
  2591. } else {
  2592. waitForTempState(100, applyTempState);
  2593. }
  2594. }
  2595. function zoomIn() {
  2596. var zoom = imagePanel.zoom();
  2597. if (zoom < 2) {
  2598. zoom += 0.1;
  2599. }
  2600. imagePanel.zoom(zoom);
  2601. }
  2602. function zoomOut() {
  2603. var zoom = imagePanel.zoom();
  2604. if (zoom > 0.1) {
  2605. zoom -= 0.1;
  2606. }
  2607. imagePanel.zoom(zoom);
  2608. }
  2609. function undo() {
  2610. currentState = undoStack.undo();
  2611. displayState(currentState);
  2612. updateButtonUndoStates();
  2613. }
  2614. function redo() {
  2615. currentState = undoStack.redo();
  2616. displayState(currentState);
  2617. updateButtonUndoStates();
  2618. }
  2619. function save() {
  2620. resolve(currentState.blob);
  2621. win.close();
  2622. }
  2623. function createPanel(items) {
  2624. return global$6.create('Form', {
  2625. layout: 'flex',
  2626. direction: 'row',
  2627. labelGap: 5,
  2628. border: '0 0 1 0',
  2629. align: 'center',
  2630. pack: 'center',
  2631. padding: '0 10 0 10',
  2632. spacing: 5,
  2633. flex: 0,
  2634. minHeight: 60,
  2635. defaults: {
  2636. classes: 'imagetool',
  2637. type: 'button'
  2638. },
  2639. items: items
  2640. });
  2641. }
  2642. var imageResultToBlob = function (ir) {
  2643. return ir.toBlob();
  2644. };
  2645. function createFilterPanel(title, filter) {
  2646. return createPanel(reverseIfRtl([
  2647. {
  2648. text: 'Back',
  2649. onclick: cancel
  2650. },
  2651. {
  2652. type: 'spacer',
  2653. flex: 1
  2654. },
  2655. {
  2656. text: 'Apply',
  2657. subtype: 'primary',
  2658. onclick: applyTempState
  2659. }
  2660. ])).hide().on('show', function () {
  2661. disableUndoRedo();
  2662. ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
  2663. return filter(ir);
  2664. }).then(imageResultToBlob).then(function (blob) {
  2665. var newTempState = createState(blob);
  2666. displayState(newTempState);
  2667. destroyState(tempState);
  2668. tempState = newTempState;
  2669. });
  2670. });
  2671. }
  2672. function createVariableFilterPanel(title, filter, value, min, max) {
  2673. function update(value) {
  2674. ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
  2675. return filter(ir, value);
  2676. }).then(imageResultToBlob).then(function (blob) {
  2677. var newTempState = createState(blob);
  2678. displayState(newTempState);
  2679. destroyState(tempState);
  2680. tempState = newTempState;
  2681. });
  2682. }
  2683. return createPanel(reverseIfRtl([
  2684. {
  2685. text: 'Back',
  2686. onclick: cancel
  2687. },
  2688. {
  2689. type: 'spacer',
  2690. flex: 1
  2691. },
  2692. {
  2693. type: 'slider',
  2694. flex: 1,
  2695. ondragend: function (e) {
  2696. update(e.value);
  2697. },
  2698. minValue: editor.rtl ? max : min,
  2699. maxValue: editor.rtl ? min : max,
  2700. value: value,
  2701. previewFilter: floatToPercent
  2702. },
  2703. {
  2704. type: 'spacer',
  2705. flex: 1
  2706. },
  2707. {
  2708. text: 'Apply',
  2709. subtype: 'primary',
  2710. onclick: applyTempState
  2711. }
  2712. ])).hide().on('show', function () {
  2713. this.find('slider').value(value);
  2714. disableUndoRedo();
  2715. });
  2716. }
  2717. function createRgbFilterPanel(title, filter) {
  2718. function update() {
  2719. var r, g, b;
  2720. r = win.find('#r')[0].value();
  2721. g = win.find('#g')[0].value();
  2722. b = win.find('#b')[0].value();
  2723. ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
  2724. return filter(ir, r, g, b);
  2725. }).then(imageResultToBlob).then(function (blob) {
  2726. var newTempState = createState(blob);
  2727. displayState(newTempState);
  2728. destroyState(tempState);
  2729. tempState = newTempState;
  2730. });
  2731. }
  2732. var min = editor.rtl ? 2 : 0;
  2733. var max = editor.rtl ? 0 : 2;
  2734. return createPanel(reverseIfRtl([
  2735. {
  2736. text: 'Back',
  2737. onclick: cancel
  2738. },
  2739. {
  2740. type: 'spacer',
  2741. flex: 1
  2742. },
  2743. {
  2744. type: 'slider',
  2745. label: 'R',
  2746. name: 'r',
  2747. minValue: min,
  2748. value: 1,
  2749. maxValue: max,
  2750. ondragend: update,
  2751. previewFilter: floatToPercent
  2752. },
  2753. {
  2754. type: 'slider',
  2755. label: 'G',
  2756. name: 'g',
  2757. minValue: min,
  2758. value: 1,
  2759. maxValue: max,
  2760. ondragend: update,
  2761. previewFilter: floatToPercent
  2762. },
  2763. {
  2764. type: 'slider',
  2765. label: 'B',
  2766. name: 'b',
  2767. minValue: min,
  2768. value: 1,
  2769. maxValue: max,
  2770. ondragend: update,
  2771. previewFilter: floatToPercent
  2772. },
  2773. {
  2774. type: 'spacer',
  2775. flex: 1
  2776. },
  2777. {
  2778. text: 'Apply',
  2779. subtype: 'primary',
  2780. onclick: applyTempState
  2781. }
  2782. ])).hide().on('show', function () {
  2783. win.find('#r,#g,#b').value(1);
  2784. disableUndoRedo();
  2785. });
  2786. }
  2787. cropPanel = createPanel(reverseIfRtl([
  2788. {
  2789. text: 'Back',
  2790. onclick: cancel
  2791. },
  2792. {
  2793. type: 'spacer',
  2794. flex: 1
  2795. },
  2796. {
  2797. text: 'Apply',
  2798. subtype: 'primary',
  2799. onclick: crop
  2800. }
  2801. ])).hide().on('show hide', function (e) {
  2802. imagePanel.toggleCropRect(e.type === 'show');
  2803. }).on('show', disableUndoRedo);
  2804. function toggleConstrain(e) {
  2805. if (e.control.value() === true) {
  2806. ratioW = height / width;
  2807. ratioH = width / height;
  2808. }
  2809. }
  2810. resizePanel = createPanel(reverseIfRtl([
  2811. {
  2812. text: 'Back',
  2813. onclick: cancel
  2814. },
  2815. {
  2816. type: 'spacer',
  2817. flex: 1
  2818. },
  2819. {
  2820. type: 'textbox',
  2821. name: 'w',
  2822. label: 'Width',
  2823. size: 4,
  2824. onkeyup: recalcSize
  2825. },
  2826. {
  2827. type: 'textbox',
  2828. name: 'h',
  2829. label: 'Height',
  2830. size: 4,
  2831. onkeyup: recalcSize
  2832. },
  2833. {
  2834. type: 'checkbox',
  2835. name: 'constrain',
  2836. text: 'Constrain proportions',
  2837. checked: true,
  2838. onchange: toggleConstrain
  2839. },
  2840. {
  2841. type: 'spacer',
  2842. flex: 1
  2843. },
  2844. {
  2845. text: 'Apply',
  2846. subtype: 'primary',
  2847. onclick: 'submit'
  2848. }
  2849. ])).hide().on('submit', function (e) {
  2850. var width = parseInt(win.find('#w').value(), 10), height = parseInt(win.find('#h').value(), 10);
  2851. e.preventDefault();
  2852. action(ImageTransformations.resize, width, height)();
  2853. cancel();
  2854. }).on('show', disableUndoRedo);
  2855. flipRotatePanel = createPanel(reverseIfRtl([
  2856. {
  2857. text: 'Back',
  2858. onclick: cancel
  2859. },
  2860. {
  2861. type: 'spacer',
  2862. flex: 1
  2863. },
  2864. {
  2865. icon: 'fliph',
  2866. tooltip: 'Flip horizontally',
  2867. onclick: tempAction(ImageTransformations.flip, 'h')
  2868. },
  2869. {
  2870. icon: 'flipv',
  2871. tooltip: 'Flip vertically',
  2872. onclick: tempAction(ImageTransformations.flip, 'v')
  2873. },
  2874. {
  2875. icon: 'rotateleft',
  2876. tooltip: 'Rotate counterclockwise',
  2877. onclick: tempAction(ImageTransformations.rotate, -90)
  2878. },
  2879. {
  2880. icon: 'rotateright',
  2881. tooltip: 'Rotate clockwise',
  2882. onclick: tempAction(ImageTransformations.rotate, 90)
  2883. },
  2884. {
  2885. type: 'spacer',
  2886. flex: 1
  2887. },
  2888. {
  2889. text: 'Apply',
  2890. subtype: 'primary',
  2891. onclick: applyTempState
  2892. }
  2893. ])).hide().on('show', disableUndoRedo);
  2894. invertPanel = createFilterPanel('Invert', ImageTransformations.invert);
  2895. sharpenPanel = createFilterPanel('Sharpen', ImageTransformations.sharpen);
  2896. embossPanel = createFilterPanel('Emboss', ImageTransformations.emboss);
  2897. brightnessPanel = createVariableFilterPanel('Brightness', ImageTransformations.brightness, 0, -1, 1);
  2898. huePanel = createVariableFilterPanel('Hue', ImageTransformations.hue, 180, 0, 360);
  2899. saturatePanel = createVariableFilterPanel('Saturate', ImageTransformations.saturate, 0, -1, 1);
  2900. contrastPanel = createVariableFilterPanel('Contrast', ImageTransformations.contrast, 0, -1, 1);
  2901. grayscalePanel = createVariableFilterPanel('Grayscale', ImageTransformations.grayscale, 0, 0, 1);
  2902. sepiaPanel = createVariableFilterPanel('Sepia', ImageTransformations.sepia, 0, 0, 1);
  2903. colorizePanel = createRgbFilterPanel('Colorize', ImageTransformations.colorize);
  2904. gammaPanel = createVariableFilterPanel('Gamma', ImageTransformations.gamma, 0, -1, 1);
  2905. exposurePanel = createVariableFilterPanel('Exposure', ImageTransformations.exposure, 1, 0, 2);
  2906. filtersPanel = createPanel(reverseIfRtl([
  2907. {
  2908. text: 'Back',
  2909. onclick: cancel
  2910. },
  2911. {
  2912. type: 'spacer',
  2913. flex: 1
  2914. },
  2915. {
  2916. text: 'hue',
  2917. icon: 'hue',
  2918. onclick: switchPanel(huePanel)
  2919. },
  2920. {
  2921. text: 'saturate',
  2922. icon: 'saturate',
  2923. onclick: switchPanel(saturatePanel)
  2924. },
  2925. {
  2926. text: 'sepia',
  2927. icon: 'sepia',
  2928. onclick: switchPanel(sepiaPanel)
  2929. },
  2930. {
  2931. text: 'emboss',
  2932. icon: 'emboss',
  2933. onclick: switchPanel(embossPanel)
  2934. },
  2935. {
  2936. text: 'exposure',
  2937. icon: 'exposure',
  2938. onclick: switchPanel(exposurePanel)
  2939. },
  2940. {
  2941. type: 'spacer',
  2942. flex: 1
  2943. }
  2944. ])).hide();
  2945. mainPanel = createPanel(reverseIfRtl([
  2946. {
  2947. tooltip: 'Crop',
  2948. icon: 'crop',
  2949. onclick: switchPanel(cropPanel)
  2950. },
  2951. {
  2952. tooltip: 'Resize',
  2953. icon: 'resize2',
  2954. onclick: switchPanel(resizePanel)
  2955. },
  2956. {
  2957. tooltip: 'Orientation',
  2958. icon: 'orientation',
  2959. onclick: switchPanel(flipRotatePanel)
  2960. },
  2961. {
  2962. tooltip: 'Brightness',
  2963. icon: 'sun',
  2964. onclick: switchPanel(brightnessPanel)
  2965. },
  2966. {
  2967. tooltip: 'Sharpen',
  2968. icon: 'sharpen',
  2969. onclick: switchPanel(sharpenPanel)
  2970. },
  2971. {
  2972. tooltip: 'Contrast',
  2973. icon: 'contrast',
  2974. onclick: switchPanel(contrastPanel)
  2975. },
  2976. {
  2977. tooltip: 'Color levels',
  2978. icon: 'drop',
  2979. onclick: switchPanel(colorizePanel)
  2980. },
  2981. {
  2982. tooltip: 'Gamma',
  2983. icon: 'gamma',
  2984. onclick: switchPanel(gammaPanel)
  2985. },
  2986. {
  2987. tooltip: 'Invert',
  2988. icon: 'invert',
  2989. onclick: switchPanel(invertPanel)
  2990. }
  2991. ]));
  2992. imagePanel = ImagePanel.create({
  2993. flex: 1,
  2994. imageSrc: currentState.url
  2995. });
  2996. sidePanel = global$6.create('Container', {
  2997. layout: 'flex',
  2998. direction: 'column',
  2999. pack: 'start',
  3000. border: '0 1 0 0',
  3001. padding: 5,
  3002. spacing: 5,
  3003. items: [
  3004. {
  3005. type: 'button',
  3006. icon: 'undo',
  3007. tooltip: 'Undo',
  3008. name: 'undo',
  3009. onclick: undo
  3010. },
  3011. {
  3012. type: 'button',
  3013. icon: 'redo',
  3014. tooltip: 'Redo',
  3015. name: 'redo',
  3016. onclick: redo
  3017. },
  3018. {
  3019. type: 'button',
  3020. icon: 'zoomin',
  3021. tooltip: 'Zoom in',
  3022. onclick: zoomIn
  3023. },
  3024. {
  3025. type: 'button',
  3026. icon: 'zoomout',
  3027. tooltip: 'Zoom out',
  3028. onclick: zoomOut
  3029. }
  3030. ]
  3031. });
  3032. mainViewContainer = global$6.create('Container', {
  3033. type: 'container',
  3034. layout: 'flex',
  3035. direction: 'row',
  3036. align: 'stretch',
  3037. flex: 1,
  3038. items: reverseIfRtl([
  3039. sidePanel,
  3040. imagePanel
  3041. ])
  3042. });
  3043. panels = [
  3044. mainPanel,
  3045. cropPanel,
  3046. resizePanel,
  3047. flipRotatePanel,
  3048. filtersPanel,
  3049. invertPanel,
  3050. brightnessPanel,
  3051. huePanel,
  3052. saturatePanel,
  3053. contrastPanel,
  3054. grayscalePanel,
  3055. sepiaPanel,
  3056. colorizePanel,
  3057. sharpenPanel,
  3058. embossPanel,
  3059. gammaPanel,
  3060. exposurePanel
  3061. ];
  3062. win = editor.windowManager.open({
  3063. layout: 'flex',
  3064. direction: 'column',
  3065. align: 'stretch',
  3066. minWidth: Math.min(global$5.DOM.getViewPort().w, 800),
  3067. minHeight: Math.min(global$5.DOM.getViewPort().h, 650),
  3068. title: 'Edit image',
  3069. items: panels.concat([mainViewContainer]),
  3070. buttons: reverseIfRtl([
  3071. {
  3072. text: 'Save',
  3073. name: 'save',
  3074. subtype: 'primary',
  3075. onclick: save
  3076. },
  3077. {
  3078. text: 'Cancel',
  3079. onclick: 'close'
  3080. }
  3081. ])
  3082. });
  3083. win.on('close', function () {
  3084. reject();
  3085. destroyStates(undoStack.data);
  3086. undoStack = null;
  3087. tempState = null;
  3088. });
  3089. undoStack.add(currentState);
  3090. updateButtonUndoStates();
  3091. imagePanel.on('load', function () {
  3092. width = imagePanel.imageSize().w;
  3093. height = imagePanel.imageSize().h;
  3094. ratioW = height / width;
  3095. ratioH = width / height;
  3096. win.find('#w').value(width);
  3097. win.find('#h').value(height);
  3098. });
  3099. imagePanel.on('crop', crop);
  3100. }
  3101. function edit(editor, imageResult) {
  3102. return new global$3(function (resolve, reject) {
  3103. return imageResult.toBlob().then(function (blob) {
  3104. open(editor, createState(blob), resolve, reject);
  3105. });
  3106. });
  3107. }
  3108. var Dialog = { edit: edit };
  3109. function getImageSize(img) {
  3110. var width, height;
  3111. function isPxValue(value) {
  3112. return /^[0-9\.]+px$/.test(value);
  3113. }
  3114. width = img.style.width;
  3115. height = img.style.height;
  3116. if (width || height) {
  3117. if (isPxValue(width) && isPxValue(height)) {
  3118. return {
  3119. w: parseInt(width, 10),
  3120. h: parseInt(height, 10)
  3121. };
  3122. }
  3123. return null;
  3124. }
  3125. width = img.width;
  3126. height = img.height;
  3127. if (width && height) {
  3128. return {
  3129. w: parseInt(width, 10),
  3130. h: parseInt(height, 10)
  3131. };
  3132. }
  3133. return null;
  3134. }
  3135. function setImageSize(img, size) {
  3136. var width, height;
  3137. if (size) {
  3138. width = img.style.width;
  3139. height = img.style.height;
  3140. if (width || height) {
  3141. img.style.width = size.w + 'px';
  3142. img.style.height = size.h + 'px';
  3143. img.removeAttribute('data-mce-style');
  3144. }
  3145. width = img.width;
  3146. height = img.height;
  3147. if (width || height) {
  3148. img.setAttribute('width', size.w);
  3149. img.setAttribute('height', size.h);
  3150. }
  3151. }
  3152. }
  3153. function getNaturalImageSize(img) {
  3154. return {
  3155. w: img.naturalWidth,
  3156. h: img.naturalHeight
  3157. };
  3158. }
  3159. var ImageSize$1 = {
  3160. getImageSize: getImageSize,
  3161. setImageSize: setImageSize,
  3162. getNaturalImageSize: getNaturalImageSize
  3163. };
  3164. var typeOf = function (x) {
  3165. if (x === null)
  3166. return 'null';
  3167. var t = typeof x;
  3168. if (t === 'object' && Array.prototype.isPrototypeOf(x))
  3169. return 'array';
  3170. if (t === 'object' && String.prototype.isPrototypeOf(x))
  3171. return 'string';
  3172. return t;
  3173. };
  3174. var isType = function (type) {
  3175. return function (value) {
  3176. return typeOf(value) === type;
  3177. };
  3178. };
  3179. var isFunction = isType('function');
  3180. var find = function (xs, pred) {
  3181. for (var i = 0, len = xs.length; i < len; i++) {
  3182. var x = xs[i];
  3183. if (pred(x, i, xs)) {
  3184. return Option.some(x);
  3185. }
  3186. }
  3187. return Option.none();
  3188. };
  3189. var slice = Array.prototype.slice;
  3190. var from$1 = isFunction(Array.from) ? Array.from : function (x) {
  3191. return slice.call(x);
  3192. };
  3193. function XMLHttpRequest$1 () {
  3194. var f = Global$1.getOrDie('XMLHttpRequest');
  3195. return new f();
  3196. }
  3197. var isValue = function (obj) {
  3198. return obj !== null && obj !== undefined;
  3199. };
  3200. var traverse = function (json, path) {
  3201. var value;
  3202. value = path.reduce(function (result, key) {
  3203. return isValue(result) ? result[key] : undefined;
  3204. }, json);
  3205. return isValue(value) ? value : null;
  3206. };
  3207. var requestUrlAsBlob = function (url, headers, withCredentials) {
  3208. return new global$3(function (resolve) {
  3209. var xhr;
  3210. xhr = XMLHttpRequest$1();
  3211. xhr.onreadystatechange = function () {
  3212. if (xhr.readyState === 4) {
  3213. resolve({
  3214. status: xhr.status,
  3215. blob: this.response
  3216. });
  3217. }
  3218. };
  3219. xhr.open('GET', url, true);
  3220. xhr.withCredentials = withCredentials;
  3221. global$1.each(headers, function (value, key) {
  3222. xhr.setRequestHeader(key, value);
  3223. });
  3224. xhr.responseType = 'blob';
  3225. xhr.send();
  3226. });
  3227. };
  3228. var readBlob = function (blob) {
  3229. return new global$3(function (resolve) {
  3230. var fr = FileReader();
  3231. fr.onload = function (e) {
  3232. var data = e.target;
  3233. resolve(data.result);
  3234. };
  3235. fr.readAsText(blob);
  3236. });
  3237. };
  3238. var parseJson = function (text) {
  3239. var json;
  3240. try {
  3241. json = JSON.parse(text);
  3242. } catch (ex) {
  3243. }
  3244. return json;
  3245. };
  3246. var Utils = {
  3247. traverse: traverse,
  3248. readBlob: readBlob,
  3249. requestUrlAsBlob: requestUrlAsBlob,
  3250. parseJson: parseJson
  3251. };
  3252. var friendlyHttpErrors = [
  3253. {
  3254. code: 404,
  3255. message: 'Could not find Image Proxy'
  3256. },
  3257. {
  3258. code: 403,
  3259. message: 'Rejected request'
  3260. },
  3261. {
  3262. code: 0,
  3263. message: 'Incorrect Image Proxy URL'
  3264. }
  3265. ];
  3266. var friendlyServiceErrors = [
  3267. {
  3268. type: 'key_missing',
  3269. message: 'The request did not include an api key.'
  3270. },
  3271. {
  3272. type: 'key_not_found',
  3273. message: 'The provided api key could not be found.'
  3274. },
  3275. {
  3276. type: 'domain_not_trusted',
  3277. message: 'The api key is not valid for the request origins.'
  3278. }
  3279. ];
  3280. var isServiceErrorCode = function (code) {
  3281. return code === 400 || code === 403 || code === 500;
  3282. };
  3283. var getHttpErrorMsg = function (status) {
  3284. var message = find(friendlyHttpErrors, function (error) {
  3285. return status === error.code;
  3286. }).fold(constant('Unknown ImageProxy error'), function (error) {
  3287. return error.message;
  3288. });
  3289. return 'ImageProxy HTTP error: ' + message;
  3290. };
  3291. var handleHttpError = function (status) {
  3292. var message = getHttpErrorMsg(status);
  3293. return global$3.reject(message);
  3294. };
  3295. var getServiceErrorMsg = function (type) {
  3296. return find(friendlyServiceErrors, function (error) {
  3297. return error.type === type;
  3298. }).fold(constant('Unknown service error'), function (error) {
  3299. return error.message;
  3300. });
  3301. };
  3302. var getServiceError = function (text) {
  3303. var serviceError = Utils.parseJson(text);
  3304. var errorType = Utils.traverse(serviceError, [
  3305. 'error',
  3306. 'type'
  3307. ]);
  3308. var errorMsg = errorType ? getServiceErrorMsg(errorType) : 'Invalid JSON in service error message';
  3309. return 'ImageProxy Service error: ' + errorMsg;
  3310. };
  3311. var handleServiceError = function (status, blob) {
  3312. return Utils.readBlob(blob).then(function (text) {
  3313. var serviceError = getServiceError(text);
  3314. return global$3.reject(serviceError);
  3315. });
  3316. };
  3317. var handleServiceErrorResponse = function (status, blob) {
  3318. return isServiceErrorCode(status) ? handleServiceError(status, blob) : handleHttpError(status);
  3319. };
  3320. var Errors = {
  3321. handleServiceErrorResponse: handleServiceErrorResponse,
  3322. handleHttpError: handleHttpError,
  3323. getHttpErrorMsg: getHttpErrorMsg,
  3324. getServiceErrorMsg: getServiceErrorMsg
  3325. };
  3326. var appendApiKey = function (url, apiKey) {
  3327. var separator = url.indexOf('?') === -1 ? '?' : '&';
  3328. if (/[?&]apiKey=/.test(url) || !apiKey) {
  3329. return url;
  3330. } else {
  3331. return url + separator + 'apiKey=' + encodeURIComponent(apiKey);
  3332. }
  3333. };
  3334. var requestServiceBlob = function (url, apiKey) {
  3335. var headers = {
  3336. 'Content-Type': 'application/json;charset=UTF-8',
  3337. 'tiny-api-key': apiKey
  3338. };
  3339. return Utils.requestUrlAsBlob(appendApiKey(url, apiKey), headers, false).then(function (result) {
  3340. return result.status < 200 || result.status >= 300 ? Errors.handleServiceErrorResponse(result.status, result.blob) : global$3.resolve(result.blob);
  3341. });
  3342. };
  3343. function requestBlob(url, withCredentials) {
  3344. return Utils.requestUrlAsBlob(url, {}, withCredentials).then(function (result) {
  3345. return result.status < 200 || result.status >= 300 ? Errors.handleHttpError(result.status) : global$3.resolve(result.blob);
  3346. });
  3347. }
  3348. var getUrl = function (url, apiKey, withCredentials) {
  3349. return apiKey ? requestServiceBlob(url, apiKey) : requestBlob(url, withCredentials);
  3350. };
  3351. var Proxy = { getUrl: getUrl };
  3352. var count$1 = 0;
  3353. var isEditableImage = function (editor, img) {
  3354. var selectorMatched = editor.dom.is(img, 'img:not([data-mce-object],[data-mce-placeholder])');
  3355. return selectorMatched && (isLocalImage(editor, img) || isCorsImage(editor, img) || editor.settings.imagetools_proxy);
  3356. };
  3357. var displayError = function (editor, error) {
  3358. editor.notificationManager.open({
  3359. text: error,
  3360. type: 'error'
  3361. });
  3362. };
  3363. var getSelectedImage = function (editor) {
  3364. return editor.selection.getNode();
  3365. };
  3366. var extractFilename = function (editor, url) {
  3367. var m = url.match(/\/([^\/\?]+)?\.(?:jpeg|jpg|png|gif)(?:\?|$)/i);
  3368. if (m) {
  3369. return editor.dom.encode(m[1]);
  3370. }
  3371. return null;
  3372. };
  3373. var createId = function () {
  3374. return 'imagetools' + count$1++;
  3375. };
  3376. var isLocalImage = function (editor, img) {
  3377. var url = img.src;
  3378. return url.indexOf('data:') === 0 || url.indexOf('blob:') === 0 || new global$4(url).host === editor.documentBaseURI.host;
  3379. };
  3380. var isCorsImage = function (editor, img) {
  3381. return global$1.inArray(getCorsHosts(editor), new global$4(img.src).host) !== -1;
  3382. };
  3383. var isCorsWithCredentialsImage = function (editor, img) {
  3384. return global$1.inArray(getCredentialsHosts(editor), new global$4(img.src).host) !== -1;
  3385. };
  3386. var imageToBlob$2 = function (editor, img) {
  3387. var src = img.src, apiKey;
  3388. if (isCorsImage(editor, img)) {
  3389. return Proxy.getUrl(img.src, null, isCorsWithCredentialsImage(editor, img));
  3390. }
  3391. if (!isLocalImage(editor, img)) {
  3392. src = getProxyUrl(editor);
  3393. src += (src.indexOf('?') === -1 ? '?' : '&') + 'url=' + encodeURIComponent(img.src);
  3394. apiKey = getApiKey(editor);
  3395. return Proxy.getUrl(src, apiKey, false);
  3396. }
  3397. return BlobConversions.imageToBlob(img);
  3398. };
  3399. var findSelectedBlob = function (editor) {
  3400. var blobInfo;
  3401. blobInfo = editor.editorUpload.blobCache.getByUri(getSelectedImage(editor).src);
  3402. if (blobInfo) {
  3403. return global$3.resolve(blobInfo.blob());
  3404. }
  3405. return imageToBlob$2(editor, getSelectedImage(editor));
  3406. };
  3407. var startTimedUpload = function (editor, imageUploadTimerState) {
  3408. var imageUploadTimer = global$2.setEditorTimeout(editor, function () {
  3409. editor.editorUpload.uploadImagesAuto();
  3410. }, getUploadTimeout(editor));
  3411. imageUploadTimerState.set(imageUploadTimer);
  3412. };
  3413. var cancelTimedUpload = function (imageUploadTimerState) {
  3414. clearTimeout(imageUploadTimerState.get());
  3415. };
  3416. var updateSelectedImage = function (editor, ir, uploadImmediately, imageUploadTimerState, size) {
  3417. return ir.toBlob().then(function (blob) {
  3418. var uri, name, blobCache, blobInfo, selectedImage;
  3419. blobCache = editor.editorUpload.blobCache;
  3420. selectedImage = getSelectedImage(editor);
  3421. uri = selectedImage.src;
  3422. if (shouldReuseFilename(editor)) {
  3423. blobInfo = blobCache.getByUri(uri);
  3424. if (blobInfo) {
  3425. uri = blobInfo.uri();
  3426. name = blobInfo.name();
  3427. } else {
  3428. name = extractFilename(editor, uri);
  3429. }
  3430. }
  3431. blobInfo = blobCache.create({
  3432. id: createId(),
  3433. blob: blob,
  3434. base64: ir.toBase64(),
  3435. uri: uri,
  3436. name: name
  3437. });
  3438. blobCache.add(blobInfo);
  3439. editor.undoManager.transact(function () {
  3440. function imageLoadedHandler() {
  3441. editor.$(selectedImage).off('load', imageLoadedHandler);
  3442. editor.nodeChanged();
  3443. if (uploadImmediately) {
  3444. editor.editorUpload.uploadImagesAuto();
  3445. } else {
  3446. cancelTimedUpload(imageUploadTimerState);
  3447. startTimedUpload(editor, imageUploadTimerState);
  3448. }
  3449. }
  3450. editor.$(selectedImage).on('load', imageLoadedHandler);
  3451. if (size) {
  3452. editor.$(selectedImage).attr({
  3453. width: size.w,
  3454. height: size.h
  3455. });
  3456. }
  3457. editor.$(selectedImage).attr({ src: blobInfo.blobUri() }).removeAttr('data-mce-src');
  3458. });
  3459. return blobInfo;
  3460. });
  3461. };
  3462. var selectedImageOperation = function (editor, imageUploadTimerState, fn, size) {
  3463. return function () {
  3464. return editor._scanForImages().then(curry(findSelectedBlob, editor)).then(ResultConversions.blobToImageResult).then(fn).then(function (imageResult) {
  3465. return updateSelectedImage(editor, imageResult, false, imageUploadTimerState, size);
  3466. }, function (error) {
  3467. displayError(editor, error);
  3468. });
  3469. };
  3470. };
  3471. var rotate$2 = function (editor, imageUploadTimerState, angle) {
  3472. return function () {
  3473. var size = ImageSize$1.getImageSize(getSelectedImage(editor));
  3474. var flippedSize = size ? {
  3475. w: size.h,
  3476. h: size.w
  3477. } : null;
  3478. return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
  3479. return ImageTransformations.rotate(imageResult, angle);
  3480. }, flippedSize)();
  3481. };
  3482. };
  3483. var flip$2 = function (editor, imageUploadTimerState, axis) {
  3484. return function () {
  3485. return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
  3486. return ImageTransformations.flip(imageResult, axis);
  3487. })();
  3488. };
  3489. };
  3490. var editImageDialog = function (editor, imageUploadTimerState) {
  3491. return function () {
  3492. var img = getSelectedImage(editor), originalSize = ImageSize$1.getNaturalImageSize(img);
  3493. var handleDialogBlob = function (blob) {
  3494. return new global$3(function (resolve) {
  3495. BlobConversions.blobToImage(blob).then(function (newImage) {
  3496. var newSize = ImageSize$1.getNaturalImageSize(newImage);
  3497. if (originalSize.w !== newSize.w || originalSize.h !== newSize.h) {
  3498. if (ImageSize$1.getImageSize(img)) {
  3499. ImageSize$1.setImageSize(img, newSize);
  3500. }
  3501. }
  3502. URL$1.revokeObjectURL(newImage.src);
  3503. resolve(blob);
  3504. });
  3505. });
  3506. };
  3507. var openDialog = function (editor, imageResult) {
  3508. return Dialog.edit(editor, imageResult).then(handleDialogBlob).then(ResultConversions.blobToImageResult).then(function (imageResult) {
  3509. return updateSelectedImage(editor, imageResult, true, imageUploadTimerState);
  3510. }, function () {
  3511. });
  3512. };
  3513. findSelectedBlob(editor).then(ResultConversions.blobToImageResult).then(curry(openDialog, editor), function (error) {
  3514. displayError(editor, error);
  3515. });
  3516. };
  3517. };
  3518. var Actions = {
  3519. rotate: rotate$2,
  3520. flip: flip$2,
  3521. editImageDialog: editImageDialog,
  3522. isEditableImage: isEditableImage,
  3523. cancelTimedUpload: cancelTimedUpload
  3524. };
  3525. var register = function (editor, imageUploadTimerState) {
  3526. global$1.each({
  3527. mceImageRotateLeft: Actions.rotate(editor, imageUploadTimerState, -90),
  3528. mceImageRotateRight: Actions.rotate(editor, imageUploadTimerState, 90),
  3529. mceImageFlipVertical: Actions.flip(editor, imageUploadTimerState, 'v'),
  3530. mceImageFlipHorizontal: Actions.flip(editor, imageUploadTimerState, 'h'),
  3531. mceEditImage: Actions.editImageDialog(editor, imageUploadTimerState)
  3532. }, function (fn, cmd) {
  3533. editor.addCommand(cmd, fn);
  3534. });
  3535. };
  3536. var Commands = { register: register };
  3537. var setup = function (editor, imageUploadTimerState, lastSelectedImageState) {
  3538. editor.on('NodeChange', function (e) {
  3539. var lastSelectedImage = lastSelectedImageState.get();
  3540. if (lastSelectedImage && lastSelectedImage.src !== e.element.src) {
  3541. Actions.cancelTimedUpload(imageUploadTimerState);
  3542. editor.editorUpload.uploadImagesAuto();
  3543. lastSelectedImageState.set(null);
  3544. }
  3545. if (Actions.isEditableImage(editor, e.element)) {
  3546. lastSelectedImageState.set(e.element);
  3547. }
  3548. });
  3549. };
  3550. var UploadSelectedImage = { setup: setup };
  3551. var register$1 = function (editor) {
  3552. editor.addButton('rotateleft', {
  3553. title: 'Rotate counterclockwise',
  3554. cmd: 'mceImageRotateLeft'
  3555. });
  3556. editor.addButton('rotateright', {
  3557. title: 'Rotate clockwise',
  3558. cmd: 'mceImageRotateRight'
  3559. });
  3560. editor.addButton('flipv', {
  3561. title: 'Flip vertically',
  3562. cmd: 'mceImageFlipVertical'
  3563. });
  3564. editor.addButton('fliph', {
  3565. title: 'Flip horizontally',
  3566. cmd: 'mceImageFlipHorizontal'
  3567. });
  3568. editor.addButton('editimage', {
  3569. title: 'Edit image',
  3570. cmd: 'mceEditImage'
  3571. });
  3572. editor.addButton('imageoptions', {
  3573. title: 'Image options',
  3574. icon: 'options',
  3575. cmd: 'mceImage'
  3576. });
  3577. };
  3578. var Buttons = { register: register$1 };
  3579. var register$2 = function (editor) {
  3580. editor.addContextToolbar(curry(Actions.isEditableImage, editor), getToolbarItems(editor));
  3581. };
  3582. var ContextToolbar = { register: register$2 };
  3583. global.add('imagetools', function (editor) {
  3584. var imageUploadTimerState = Cell(0);
  3585. var lastSelectedImageState = Cell(null);
  3586. Commands.register(editor, imageUploadTimerState);
  3587. Buttons.register(editor);
  3588. ContextToolbar.register(editor);
  3589. UploadSelectedImage.setup(editor, imageUploadTimerState, lastSelectedImageState);
  3590. });
  3591. function Plugin () {
  3592. }
  3593. return Plugin;
  3594. }());
  3595. })();