plugin.js 90 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100
  1. /**
  2. * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. *
  7. * Version: 5.0.1 (2019-02-21)
  8. */
  9. (function () {
  10. var imagetools = (function (domGlobals) {
  11. 'use strict';
  12. var Cell = function (initial) {
  13. var value = initial;
  14. var get = function () {
  15. return value;
  16. };
  17. var set = function (v) {
  18. value = v;
  19. };
  20. var clone = function () {
  21. return Cell(get());
  22. };
  23. return {
  24. get: get,
  25. set: set,
  26. clone: clone
  27. };
  28. };
  29. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  30. var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
  31. function create(width, height) {
  32. return resize(domGlobals.document.createElement('canvas'), width, height);
  33. }
  34. function clone(canvas) {
  35. var tCanvas, ctx;
  36. tCanvas = create(canvas.width, canvas.height);
  37. ctx = get2dContext(tCanvas);
  38. ctx.drawImage(canvas, 0, 0);
  39. return tCanvas;
  40. }
  41. function get2dContext(canvas) {
  42. return canvas.getContext('2d');
  43. }
  44. function get3dContext(canvas) {
  45. var gl = null;
  46. try {
  47. gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
  48. } catch (e) {
  49. }
  50. if (!gl) {
  51. gl = null;
  52. }
  53. return gl;
  54. }
  55. function resize(canvas, width, height) {
  56. canvas.width = width;
  57. canvas.height = height;
  58. return canvas;
  59. }
  60. var Canvas = {
  61. create: create,
  62. clone: clone,
  63. resize: resize,
  64. get2dContext: get2dContext,
  65. get3dContext: get3dContext
  66. };
  67. function getWidth(image) {
  68. return image.naturalWidth || image.width;
  69. }
  70. function getHeight(image) {
  71. return image.naturalHeight || image.height;
  72. }
  73. var ImageSize = {
  74. getWidth: getWidth,
  75. getHeight: getHeight
  76. };
  77. var promise = function () {
  78. var Promise = function (fn) {
  79. if (typeof this !== 'object')
  80. throw new TypeError('Promises must be constructed via new');
  81. if (typeof fn !== 'function')
  82. throw new TypeError('not a function');
  83. this._state = null;
  84. this._value = null;
  85. this._deferreds = [];
  86. doResolve(fn, bind(resolve, this), bind(reject, this));
  87. };
  88. var asap = Promise.immediateFn || typeof window.setImmediate === 'function' && window.setImmediate || function (fn) {
  89. domGlobals.setTimeout(fn, 1);
  90. };
  91. function bind(fn, thisArg) {
  92. return function () {
  93. fn.apply(thisArg, arguments);
  94. };
  95. }
  96. var isArray = Array.isArray || function (value) {
  97. return Object.prototype.toString.call(value) === '[object Array]';
  98. };
  99. function handle(deferred) {
  100. var me = this;
  101. if (this._state === null) {
  102. this._deferreds.push(deferred);
  103. return;
  104. }
  105. asap(function () {
  106. var cb = me._state ? deferred.onFulfilled : deferred.onRejected;
  107. if (cb === null) {
  108. (me._state ? deferred.resolve : deferred.reject)(me._value);
  109. return;
  110. }
  111. var ret;
  112. try {
  113. ret = cb(me._value);
  114. } catch (e) {
  115. deferred.reject(e);
  116. return;
  117. }
  118. deferred.resolve(ret);
  119. });
  120. }
  121. function resolve(newValue) {
  122. try {
  123. if (newValue === this)
  124. throw new TypeError('A promise cannot be resolved with itself.');
  125. if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
  126. var then = newValue.then;
  127. if (typeof then === 'function') {
  128. doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this));
  129. return;
  130. }
  131. }
  132. this._state = true;
  133. this._value = newValue;
  134. finale.call(this);
  135. } catch (e) {
  136. reject.call(this, e);
  137. }
  138. }
  139. function reject(newValue) {
  140. this._state = false;
  141. this._value = newValue;
  142. finale.call(this);
  143. }
  144. function finale() {
  145. for (var i = 0, len = this._deferreds.length; i < len; i++) {
  146. handle.call(this, this._deferreds[i]);
  147. }
  148. this._deferreds = null;
  149. }
  150. function Handler(onFulfilled, onRejected, resolve, reject) {
  151. this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
  152. this.onRejected = typeof onRejected === 'function' ? onRejected : null;
  153. this.resolve = resolve;
  154. this.reject = reject;
  155. }
  156. function doResolve(fn, onFulfilled, onRejected) {
  157. var done = false;
  158. try {
  159. fn(function (value) {
  160. if (done)
  161. return;
  162. done = true;
  163. onFulfilled(value);
  164. }, function (reason) {
  165. if (done)
  166. return;
  167. done = true;
  168. onRejected(reason);
  169. });
  170. } catch (ex) {
  171. if (done)
  172. return;
  173. done = true;
  174. onRejected(ex);
  175. }
  176. }
  177. Promise.prototype['catch'] = function (onRejected) {
  178. return this.then(null, onRejected);
  179. };
  180. Promise.prototype.then = function (onFulfilled, onRejected) {
  181. var me = this;
  182. return new Promise(function (resolve, reject) {
  183. handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject));
  184. });
  185. };
  186. Promise.all = function () {
  187. var args = Array.prototype.slice.call(arguments.length === 1 && isArray(arguments[0]) ? arguments[0] : arguments);
  188. return new Promise(function (resolve, reject) {
  189. if (args.length === 0)
  190. return resolve([]);
  191. var remaining = args.length;
  192. function res(i, val) {
  193. try {
  194. if (val && (typeof val === 'object' || typeof val === 'function')) {
  195. var then = val.then;
  196. if (typeof then === 'function') {
  197. then.call(val, function (val) {
  198. res(i, val);
  199. }, reject);
  200. return;
  201. }
  202. }
  203. args[i] = val;
  204. if (--remaining === 0) {
  205. resolve(args);
  206. }
  207. } catch (ex) {
  208. reject(ex);
  209. }
  210. }
  211. for (var i = 0; i < args.length; i++) {
  212. res(i, args[i]);
  213. }
  214. });
  215. };
  216. Promise.resolve = function (value) {
  217. if (value && typeof value === 'object' && value.constructor === Promise) {
  218. return value;
  219. }
  220. return new Promise(function (resolve) {
  221. resolve(value);
  222. });
  223. };
  224. Promise.reject = function (value) {
  225. return new Promise(function (resolve, reject) {
  226. reject(value);
  227. });
  228. };
  229. Promise.race = function (values) {
  230. return new Promise(function (resolve, reject) {
  231. for (var i = 0, len = values.length; i < len; i++) {
  232. values[i].then(resolve, reject);
  233. }
  234. });
  235. };
  236. return Promise;
  237. };
  238. var Promise = window.Promise ? window.Promise : promise();
  239. var compose = function (fa, fb) {
  240. return function () {
  241. var args = [];
  242. for (var _i = 0; _i < arguments.length; _i++) {
  243. args[_i] = arguments[_i];
  244. }
  245. return fa(fb.apply(null, args));
  246. };
  247. };
  248. var constant = function (value) {
  249. return function () {
  250. return value;
  251. };
  252. };
  253. var never = constant(false);
  254. var always = constant(true);
  255. var never$1 = never;
  256. var always$1 = always;
  257. var none = function () {
  258. return NONE;
  259. };
  260. var NONE = function () {
  261. var eq = function (o) {
  262. return o.isNone();
  263. };
  264. var call = function (thunk) {
  265. return thunk();
  266. };
  267. var id = function (n) {
  268. return n;
  269. };
  270. var noop = function () {
  271. };
  272. var nul = function () {
  273. return null;
  274. };
  275. var undef = function () {
  276. return undefined;
  277. };
  278. var me = {
  279. fold: function (n, s) {
  280. return n();
  281. },
  282. is: never$1,
  283. isSome: never$1,
  284. isNone: always$1,
  285. getOr: id,
  286. getOrThunk: call,
  287. getOrDie: function (msg) {
  288. throw new Error(msg || 'error: getOrDie called on none.');
  289. },
  290. getOrNull: nul,
  291. getOrUndefined: undef,
  292. or: id,
  293. orThunk: call,
  294. map: none,
  295. ap: none,
  296. each: noop,
  297. bind: none,
  298. flatten: none,
  299. exists: never$1,
  300. forall: always$1,
  301. filter: none,
  302. equals: eq,
  303. equals_: eq,
  304. toArray: function () {
  305. return [];
  306. },
  307. toString: constant('none()')
  308. };
  309. if (Object.freeze)
  310. Object.freeze(me);
  311. return me;
  312. }();
  313. var some = function (a) {
  314. var constant_a = function () {
  315. return a;
  316. };
  317. var self = function () {
  318. return me;
  319. };
  320. var map = function (f) {
  321. return some(f(a));
  322. };
  323. var bind = function (f) {
  324. return f(a);
  325. };
  326. var me = {
  327. fold: function (n, s) {
  328. return s(a);
  329. },
  330. is: function (v) {
  331. return a === v;
  332. },
  333. isSome: always$1,
  334. isNone: never$1,
  335. getOr: constant_a,
  336. getOrThunk: constant_a,
  337. getOrDie: constant_a,
  338. getOrNull: constant_a,
  339. getOrUndefined: constant_a,
  340. or: self,
  341. orThunk: self,
  342. map: map,
  343. ap: function (optfab) {
  344. return optfab.fold(none, function (fab) {
  345. return some(fab(a));
  346. });
  347. },
  348. each: function (f) {
  349. f(a);
  350. },
  351. bind: bind,
  352. flatten: constant_a,
  353. exists: bind,
  354. forall: bind,
  355. filter: function (f) {
  356. return f(a) ? me : NONE;
  357. },
  358. equals: function (o) {
  359. return o.is(a);
  360. },
  361. equals_: function (o, elementEq) {
  362. return o.fold(never$1, function (b) {
  363. return elementEq(a, b);
  364. });
  365. },
  366. toArray: function () {
  367. return [a];
  368. },
  369. toString: function () {
  370. return 'some(' + a + ')';
  371. }
  372. };
  373. return me;
  374. };
  375. var from = function (value) {
  376. return value === null || value === undefined ? NONE : some(value);
  377. };
  378. var Option = {
  379. some: some,
  380. none: none,
  381. from: from
  382. };
  383. var Global = typeof window !== 'undefined' ? window : Function('return this;')();
  384. var path = function (parts, scope) {
  385. var o = scope !== undefined && scope !== null ? scope : Global;
  386. for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i)
  387. o = o[parts[i]];
  388. return o;
  389. };
  390. var resolve = function (p, scope) {
  391. var parts = p.split('.');
  392. return path(parts, scope);
  393. };
  394. var unsafe = function (name, scope) {
  395. return resolve(name, scope);
  396. };
  397. var getOrDie = function (name, scope) {
  398. var actual = unsafe(name, scope);
  399. if (actual === undefined || actual === null)
  400. throw name + ' not available on this browser';
  401. return actual;
  402. };
  403. var Global$1 = { getOrDie: getOrDie };
  404. function Blob (parts, properties) {
  405. var f = Global$1.getOrDie('Blob');
  406. return new f(parts, properties);
  407. }
  408. function FileReader () {
  409. var f = Global$1.getOrDie('FileReader');
  410. return new f();
  411. }
  412. function Uint8Array (arr) {
  413. var f = Global$1.getOrDie('Uint8Array');
  414. return new f(arr);
  415. }
  416. var requestAnimationFrame = function (callback) {
  417. var f = Global$1.getOrDie('requestAnimationFrame');
  418. f(callback);
  419. };
  420. var atob = function (base64) {
  421. var f = Global$1.getOrDie('atob');
  422. return f(base64);
  423. };
  424. var Window = {
  425. atob: atob,
  426. requestAnimationFrame: requestAnimationFrame
  427. };
  428. function imageToBlob(image) {
  429. var src = image.src;
  430. if (src.indexOf('data:') === 0) {
  431. return dataUriToBlob(src);
  432. }
  433. return anyUriToBlob(src);
  434. }
  435. function blobToImage(blob) {
  436. return new Promise(function (resolve, reject) {
  437. var blobUrl = domGlobals.URL.createObjectURL(blob);
  438. var image = new domGlobals.Image();
  439. var removeListeners = function () {
  440. image.removeEventListener('load', loaded);
  441. image.removeEventListener('error', error);
  442. };
  443. function loaded() {
  444. removeListeners();
  445. resolve(image);
  446. }
  447. function error() {
  448. removeListeners();
  449. reject('Unable to load data of type ' + blob.type + ': ' + blobUrl);
  450. }
  451. image.addEventListener('load', loaded);
  452. image.addEventListener('error', error);
  453. image.src = blobUrl;
  454. if (image.complete) {
  455. loaded();
  456. }
  457. });
  458. }
  459. function anyUriToBlob(url) {
  460. return new Promise(function (resolve, reject) {
  461. var xhr = new domGlobals.XMLHttpRequest();
  462. xhr.open('GET', url, true);
  463. xhr.responseType = 'blob';
  464. xhr.onload = function () {
  465. if (this.status == 200) {
  466. resolve(this.response);
  467. }
  468. };
  469. xhr.onerror = function () {
  470. var _this = this;
  471. var corsError = function () {
  472. var obj = new Error('No access to download image');
  473. obj.code = 18;
  474. obj.name = 'SecurityError';
  475. return obj;
  476. };
  477. var genericError = function () {
  478. return new Error('Error ' + _this.status + ' downloading image');
  479. };
  480. reject(this.status === 0 ? corsError() : genericError());
  481. };
  482. xhr.send();
  483. });
  484. }
  485. function dataUriToBlobSync(uri) {
  486. var data = uri.split(',');
  487. var matches = /data:([^;]+)/.exec(data[0]);
  488. if (!matches)
  489. return Option.none();
  490. var mimetype = matches[1];
  491. var base64 = data[1];
  492. var sliceSize = 1024;
  493. var byteCharacters = Window.atob(base64);
  494. var bytesLength = byteCharacters.length;
  495. var slicesCount = Math.ceil(bytesLength / sliceSize);
  496. var byteArrays = new Array(slicesCount);
  497. for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
  498. var begin = sliceIndex * sliceSize;
  499. var end = Math.min(begin + sliceSize, bytesLength);
  500. var bytes = new Array(end - begin);
  501. for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
  502. bytes[i] = byteCharacters[offset].charCodeAt(0);
  503. }
  504. byteArrays[sliceIndex] = Uint8Array(bytes);
  505. }
  506. return Option.some(Blob(byteArrays, { type: mimetype }));
  507. }
  508. function dataUriToBlob(uri) {
  509. return new Promise(function (resolve, reject) {
  510. dataUriToBlobSync(uri).fold(function () {
  511. reject('uri is not base64: ' + uri);
  512. }, resolve);
  513. });
  514. }
  515. function uriToBlob(url) {
  516. if (url.indexOf('blob:') === 0) {
  517. return anyUriToBlob(url);
  518. }
  519. if (url.indexOf('data:') === 0) {
  520. return dataUriToBlob(url);
  521. }
  522. return null;
  523. }
  524. function canvasToBlob(canvas, type, quality) {
  525. type = type || 'image/png';
  526. if (domGlobals.HTMLCanvasElement.prototype.toBlob) {
  527. return new Promise(function (resolve) {
  528. canvas.toBlob(function (blob) {
  529. resolve(blob);
  530. }, type, quality);
  531. });
  532. } else {
  533. return dataUriToBlob(canvas.toDataURL(type, quality));
  534. }
  535. }
  536. function canvasToDataURL(getCanvas, type, quality) {
  537. type = type || 'image/png';
  538. return getCanvas.then(function (canvas) {
  539. return canvas.toDataURL(type, quality);
  540. });
  541. }
  542. function blobToCanvas(blob) {
  543. return blobToImage(blob).then(function (image) {
  544. revokeImageUrl(image);
  545. var context, canvas;
  546. canvas = Canvas.create(ImageSize.getWidth(image), ImageSize.getHeight(image));
  547. context = Canvas.get2dContext(canvas);
  548. context.drawImage(image, 0, 0);
  549. return canvas;
  550. });
  551. }
  552. function blobToDataUri(blob) {
  553. return new Promise(function (resolve) {
  554. var reader = FileReader();
  555. reader.onloadend = function () {
  556. resolve(reader.result);
  557. };
  558. reader.readAsDataURL(blob);
  559. });
  560. }
  561. function blobToArrayBuffer(blob) {
  562. return new Promise(function (resolve) {
  563. var reader = FileReader();
  564. reader.onloadend = function () {
  565. resolve(reader.result);
  566. };
  567. reader.readAsArrayBuffer(blob);
  568. });
  569. }
  570. function blobToBase64(blob) {
  571. return blobToDataUri(blob).then(function (dataUri) {
  572. return dataUri.split(',')[1];
  573. });
  574. }
  575. function revokeImageUrl(image) {
  576. domGlobals.URL.revokeObjectURL(image.src);
  577. }
  578. var Conversions = {
  579. blobToImage: blobToImage,
  580. imageToBlob: imageToBlob,
  581. blobToArrayBuffer: blobToArrayBuffer,
  582. blobToDataUri: blobToDataUri,
  583. blobToBase64: blobToBase64,
  584. dataUriToBlobSync: dataUriToBlobSync,
  585. canvasToBlob: canvasToBlob,
  586. canvasToDataURL: canvasToDataURL,
  587. blobToCanvas: blobToCanvas,
  588. uriToBlob: uriToBlob
  589. };
  590. var blobToImage$1 = function (image) {
  591. return Conversions.blobToImage(image);
  592. };
  593. var imageToBlob$1 = function (blob) {
  594. return Conversions.imageToBlob(blob);
  595. };
  596. var blobToDataUri$1 = function (blob) {
  597. return Conversions.blobToDataUri(blob);
  598. };
  599. var blobToBase64$1 = function (blob) {
  600. return Conversions.blobToBase64(blob);
  601. };
  602. var dataUriToBlobSync$1 = function (uri) {
  603. return Conversions.dataUriToBlobSync(uri);
  604. };
  605. var uriToBlob$1 = function (uri) {
  606. return Option.from(Conversions.uriToBlob(uri));
  607. };
  608. var BlobConversions = {
  609. blobToImage: blobToImage$1,
  610. imageToBlob: imageToBlob$1,
  611. blobToDataUri: blobToDataUri$1,
  612. blobToBase64: blobToBase64$1,
  613. dataUriToBlobSync: dataUriToBlobSync$1,
  614. uriToBlob: uriToBlob$1
  615. };
  616. function create$1(getCanvas, blob, uri) {
  617. var initialType = blob.type;
  618. var getType = constant(initialType);
  619. function toBlob() {
  620. return Promise.resolve(blob);
  621. }
  622. function toDataURL() {
  623. return uri;
  624. }
  625. function toBase64() {
  626. return uri.split(',')[1];
  627. }
  628. function toAdjustedBlob(type, quality) {
  629. return getCanvas.then(function (canvas) {
  630. return Conversions.canvasToBlob(canvas, type, quality);
  631. });
  632. }
  633. function toAdjustedDataURL(type, quality) {
  634. return getCanvas.then(function (canvas) {
  635. return Conversions.canvasToDataURL(canvas, type, quality);
  636. });
  637. }
  638. function toAdjustedBase64(type, quality) {
  639. return toAdjustedDataURL(type, quality).then(function (dataurl) {
  640. return dataurl.split(',')[1];
  641. });
  642. }
  643. function toCanvas() {
  644. return getCanvas.then(Canvas.clone);
  645. }
  646. return {
  647. getType: getType,
  648. toBlob: toBlob,
  649. toDataURL: toDataURL,
  650. toBase64: toBase64,
  651. toAdjustedBlob: toAdjustedBlob,
  652. toAdjustedDataURL: toAdjustedDataURL,
  653. toAdjustedBase64: toAdjustedBase64,
  654. toCanvas: toCanvas
  655. };
  656. }
  657. function fromBlob(blob) {
  658. return Conversions.blobToDataUri(blob).then(function (uri) {
  659. return create$1(Conversions.blobToCanvas(blob), blob, uri);
  660. });
  661. }
  662. function fromCanvas(canvas, type) {
  663. return Conversions.canvasToBlob(canvas, type).then(function (blob) {
  664. return create$1(Promise.resolve(canvas), blob, canvas.toDataURL());
  665. });
  666. }
  667. function fromImage(image) {
  668. return Conversions.imageToBlob(image).then(function (blob) {
  669. return fromBlob(blob);
  670. });
  671. }
  672. var fromBlobAndUrlSync = function (blob, url) {
  673. return create$1(Conversions.blobToCanvas(blob), blob, url);
  674. };
  675. var ImageResult = {
  676. fromBlob: fromBlob,
  677. fromCanvas: fromCanvas,
  678. fromImage: fromImage,
  679. fromBlobAndUrlSync: fromBlobAndUrlSync
  680. };
  681. function clamp(value, min, max) {
  682. value = parseFloat(value);
  683. if (value > max) {
  684. value = max;
  685. } else if (value < min) {
  686. value = min;
  687. }
  688. return value;
  689. }
  690. function identity() {
  691. return [
  692. 1,
  693. 0,
  694. 0,
  695. 0,
  696. 0,
  697. 0,
  698. 1,
  699. 0,
  700. 0,
  701. 0,
  702. 0,
  703. 0,
  704. 1,
  705. 0,
  706. 0,
  707. 0,
  708. 0,
  709. 0,
  710. 1,
  711. 0,
  712. 0,
  713. 0,
  714. 0,
  715. 0,
  716. 1
  717. ];
  718. }
  719. var DELTA_INDEX = [
  720. 0,
  721. 0.01,
  722. 0.02,
  723. 0.04,
  724. 0.05,
  725. 0.06,
  726. 0.07,
  727. 0.08,
  728. 0.1,
  729. 0.11,
  730. 0.12,
  731. 0.14,
  732. 0.15,
  733. 0.16,
  734. 0.17,
  735. 0.18,
  736. 0.2,
  737. 0.21,
  738. 0.22,
  739. 0.24,
  740. 0.25,
  741. 0.27,
  742. 0.28,
  743. 0.3,
  744. 0.32,
  745. 0.34,
  746. 0.36,
  747. 0.38,
  748. 0.4,
  749. 0.42,
  750. 0.44,
  751. 0.46,
  752. 0.48,
  753. 0.5,
  754. 0.53,
  755. 0.56,
  756. 0.59,
  757. 0.62,
  758. 0.65,
  759. 0.68,
  760. 0.71,
  761. 0.74,
  762. 0.77,
  763. 0.8,
  764. 0.83,
  765. 0.86,
  766. 0.89,
  767. 0.92,
  768. 0.95,
  769. 0.98,
  770. 1,
  771. 1.06,
  772. 1.12,
  773. 1.18,
  774. 1.24,
  775. 1.3,
  776. 1.36,
  777. 1.42,
  778. 1.48,
  779. 1.54,
  780. 1.6,
  781. 1.66,
  782. 1.72,
  783. 1.78,
  784. 1.84,
  785. 1.9,
  786. 1.96,
  787. 2,
  788. 2.12,
  789. 2.25,
  790. 2.37,
  791. 2.5,
  792. 2.62,
  793. 2.75,
  794. 2.87,
  795. 3,
  796. 3.2,
  797. 3.4,
  798. 3.6,
  799. 3.8,
  800. 4,
  801. 4.3,
  802. 4.7,
  803. 4.9,
  804. 5,
  805. 5.5,
  806. 6,
  807. 6.5,
  808. 6.8,
  809. 7,
  810. 7.3,
  811. 7.5,
  812. 7.8,
  813. 8,
  814. 8.4,
  815. 8.7,
  816. 9,
  817. 9.4,
  818. 9.6,
  819. 9.8,
  820. 10
  821. ];
  822. function multiply(matrix1, matrix2) {
  823. var i, j, k, val, col = [], out = new Array(10);
  824. for (i = 0; i < 5; i++) {
  825. for (j = 0; j < 5; j++) {
  826. col[j] = matrix2[j + i * 5];
  827. }
  828. for (j = 0; j < 5; j++) {
  829. val = 0;
  830. for (k = 0; k < 5; k++) {
  831. val += matrix1[j + k * 5] * col[k];
  832. }
  833. out[j + i * 5] = val;
  834. }
  835. }
  836. return out;
  837. }
  838. function adjust(matrix, adjustValue) {
  839. adjustValue = clamp(adjustValue, 0, 1);
  840. return matrix.map(function (value, index) {
  841. if (index % 6 === 0) {
  842. value = 1 - (1 - value) * adjustValue;
  843. } else {
  844. value *= adjustValue;
  845. }
  846. return clamp(value, 0, 1);
  847. });
  848. }
  849. function adjustContrast(matrix, value) {
  850. var x;
  851. value = clamp(value, -1, 1);
  852. value *= 100;
  853. if (value < 0) {
  854. x = 127 + value / 100 * 127;
  855. } else {
  856. x = value % 1;
  857. if (x === 0) {
  858. x = DELTA_INDEX[value];
  859. } else {
  860. x = DELTA_INDEX[Math.floor(value)] * (1 - x) + DELTA_INDEX[Math.floor(value) + 1] * x;
  861. }
  862. x = x * 127 + 127;
  863. }
  864. return multiply(matrix, [
  865. x / 127,
  866. 0,
  867. 0,
  868. 0,
  869. 0.5 * (127 - x),
  870. 0,
  871. x / 127,
  872. 0,
  873. 0,
  874. 0.5 * (127 - x),
  875. 0,
  876. 0,
  877. x / 127,
  878. 0,
  879. 0.5 * (127 - x),
  880. 0,
  881. 0,
  882. 0,
  883. 1,
  884. 0,
  885. 0,
  886. 0,
  887. 0,
  888. 0,
  889. 1
  890. ]);
  891. }
  892. function adjustSaturation(matrix, value) {
  893. var x, lumR, lumG, lumB;
  894. value = clamp(value, -1, 1);
  895. x = 1 + (value > 0 ? 3 * value : value);
  896. lumR = 0.3086;
  897. lumG = 0.6094;
  898. lumB = 0.082;
  899. return multiply(matrix, [
  900. lumR * (1 - x) + x,
  901. lumG * (1 - x),
  902. lumB * (1 - x),
  903. 0,
  904. 0,
  905. lumR * (1 - x),
  906. lumG * (1 - x) + x,
  907. lumB * (1 - x),
  908. 0,
  909. 0,
  910. lumR * (1 - x),
  911. lumG * (1 - x),
  912. lumB * (1 - x) + x,
  913. 0,
  914. 0,
  915. 0,
  916. 0,
  917. 0,
  918. 1,
  919. 0,
  920. 0,
  921. 0,
  922. 0,
  923. 0,
  924. 1
  925. ]);
  926. }
  927. function adjustHue(matrix, angle) {
  928. var cosVal, sinVal, lumR, lumG, lumB;
  929. angle = clamp(angle, -180, 180) / 180 * Math.PI;
  930. cosVal = Math.cos(angle);
  931. sinVal = Math.sin(angle);
  932. lumR = 0.213;
  933. lumG = 0.715;
  934. lumB = 0.072;
  935. return multiply(matrix, [
  936. lumR + cosVal * (1 - lumR) + sinVal * -lumR,
  937. lumG + cosVal * -lumG + sinVal * -lumG,
  938. lumB + cosVal * -lumB + sinVal * (1 - lumB),
  939. 0,
  940. 0,
  941. lumR + cosVal * -lumR + sinVal * 0.143,
  942. lumG + cosVal * (1 - lumG) + sinVal * 0.14,
  943. lumB + cosVal * -lumB + sinVal * -0.283,
  944. 0,
  945. 0,
  946. lumR + cosVal * -lumR + sinVal * -(1 - lumR),
  947. lumG + cosVal * -lumG + sinVal * lumG,
  948. lumB + cosVal * (1 - lumB) + sinVal * lumB,
  949. 0,
  950. 0,
  951. 0,
  952. 0,
  953. 0,
  954. 1,
  955. 0,
  956. 0,
  957. 0,
  958. 0,
  959. 0,
  960. 1
  961. ]);
  962. }
  963. function adjustBrightness(matrix, value) {
  964. value = clamp(255 * value, -255, 255);
  965. return multiply(matrix, [
  966. 1,
  967. 0,
  968. 0,
  969. 0,
  970. value,
  971. 0,
  972. 1,
  973. 0,
  974. 0,
  975. value,
  976. 0,
  977. 0,
  978. 1,
  979. 0,
  980. value,
  981. 0,
  982. 0,
  983. 0,
  984. 1,
  985. 0,
  986. 0,
  987. 0,
  988. 0,
  989. 0,
  990. 1
  991. ]);
  992. }
  993. function adjustColors(matrix, adjustR, adjustG, adjustB) {
  994. adjustR = clamp(adjustR, 0, 2);
  995. adjustG = clamp(adjustG, 0, 2);
  996. adjustB = clamp(adjustB, 0, 2);
  997. return multiply(matrix, [
  998. adjustR,
  999. 0,
  1000. 0,
  1001. 0,
  1002. 0,
  1003. 0,
  1004. adjustG,
  1005. 0,
  1006. 0,
  1007. 0,
  1008. 0,
  1009. 0,
  1010. adjustB,
  1011. 0,
  1012. 0,
  1013. 0,
  1014. 0,
  1015. 0,
  1016. 1,
  1017. 0,
  1018. 0,
  1019. 0,
  1020. 0,
  1021. 0,
  1022. 1
  1023. ]);
  1024. }
  1025. function adjustSepia(matrix, value) {
  1026. value = clamp(value, 0, 1);
  1027. return multiply(matrix, adjust([
  1028. 0.393,
  1029. 0.769,
  1030. 0.189,
  1031. 0,
  1032. 0,
  1033. 0.349,
  1034. 0.686,
  1035. 0.168,
  1036. 0,
  1037. 0,
  1038. 0.272,
  1039. 0.534,
  1040. 0.131,
  1041. 0,
  1042. 0,
  1043. 0,
  1044. 0,
  1045. 0,
  1046. 1,
  1047. 0,
  1048. 0,
  1049. 0,
  1050. 0,
  1051. 0,
  1052. 1
  1053. ], value));
  1054. }
  1055. function adjustGrayscale(matrix, value) {
  1056. value = clamp(value, 0, 1);
  1057. return multiply(matrix, adjust([
  1058. 0.33,
  1059. 0.34,
  1060. 0.33,
  1061. 0,
  1062. 0,
  1063. 0.33,
  1064. 0.34,
  1065. 0.33,
  1066. 0,
  1067. 0,
  1068. 0.33,
  1069. 0.34,
  1070. 0.33,
  1071. 0,
  1072. 0,
  1073. 0,
  1074. 0,
  1075. 0,
  1076. 1,
  1077. 0,
  1078. 0,
  1079. 0,
  1080. 0,
  1081. 0,
  1082. 1
  1083. ], value));
  1084. }
  1085. var ColorMatrix = {
  1086. identity: identity,
  1087. adjust: adjust,
  1088. multiply: multiply,
  1089. adjustContrast: adjustContrast,
  1090. adjustBrightness: adjustBrightness,
  1091. adjustSaturation: adjustSaturation,
  1092. adjustHue: adjustHue,
  1093. adjustColors: adjustColors,
  1094. adjustSepia: adjustSepia,
  1095. adjustGrayscale: adjustGrayscale
  1096. };
  1097. function colorFilter(ir, matrix) {
  1098. return ir.toCanvas().then(function (canvas) {
  1099. return applyColorFilter(canvas, ir.getType(), matrix);
  1100. });
  1101. }
  1102. function applyColorFilter(canvas, type, matrix) {
  1103. var context = Canvas.get2dContext(canvas);
  1104. var pixels;
  1105. function applyMatrix(pixels, m) {
  1106. 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];
  1107. for (i = 0; i < d.length; i += 4) {
  1108. r = d[i];
  1109. g = d[i + 1];
  1110. b = d[i + 2];
  1111. a = d[i + 3];
  1112. d[i] = r * m0 + g * m1 + b * m2 + a * m3 + m4;
  1113. d[i + 1] = r * m5 + g * m6 + b * m7 + a * m8 + m9;
  1114. d[i + 2] = r * m10 + g * m11 + b * m12 + a * m13 + m14;
  1115. d[i + 3] = r * m15 + g * m16 + b * m17 + a * m18 + m19;
  1116. }
  1117. return pixels;
  1118. }
  1119. pixels = applyMatrix(context.getImageData(0, 0, canvas.width, canvas.height), matrix);
  1120. context.putImageData(pixels, 0, 0);
  1121. return ImageResult.fromCanvas(canvas, type);
  1122. }
  1123. function convoluteFilter(ir, matrix) {
  1124. return ir.toCanvas().then(function (canvas) {
  1125. return applyConvoluteFilter(canvas, ir.getType(), matrix);
  1126. });
  1127. }
  1128. function applyConvoluteFilter(canvas, type, matrix) {
  1129. var context = Canvas.get2dContext(canvas);
  1130. var pixelsIn, pixelsOut;
  1131. function applyMatrix(pixelsIn, pixelsOut, matrix) {
  1132. var rgba, drgba, side, halfSide, x, y, r, g, b, cx, cy, scx, scy, offset, wt, w, h;
  1133. function clamp(value, min, max) {
  1134. if (value > max) {
  1135. value = max;
  1136. } else if (value < min) {
  1137. value = min;
  1138. }
  1139. return value;
  1140. }
  1141. side = Math.round(Math.sqrt(matrix.length));
  1142. halfSide = Math.floor(side / 2);
  1143. rgba = pixelsIn.data;
  1144. drgba = pixelsOut.data;
  1145. w = pixelsIn.width;
  1146. h = pixelsIn.height;
  1147. for (y = 0; y < h; y++) {
  1148. for (x = 0; x < w; x++) {
  1149. r = g = b = 0;
  1150. for (cy = 0; cy < side; cy++) {
  1151. for (cx = 0; cx < side; cx++) {
  1152. scx = clamp(x + cx - halfSide, 0, w - 1);
  1153. scy = clamp(y + cy - halfSide, 0, h - 1);
  1154. offset = (scy * w + scx) * 4;
  1155. wt = matrix[cy * side + cx];
  1156. r += rgba[offset] * wt;
  1157. g += rgba[offset + 1] * wt;
  1158. b += rgba[offset + 2] * wt;
  1159. }
  1160. }
  1161. offset = (y * w + x) * 4;
  1162. drgba[offset] = clamp(r, 0, 255);
  1163. drgba[offset + 1] = clamp(g, 0, 255);
  1164. drgba[offset + 2] = clamp(b, 0, 255);
  1165. }
  1166. }
  1167. return pixelsOut;
  1168. }
  1169. pixelsIn = context.getImageData(0, 0, canvas.width, canvas.height);
  1170. pixelsOut = context.getImageData(0, 0, canvas.width, canvas.height);
  1171. pixelsOut = applyMatrix(pixelsIn, pixelsOut, matrix);
  1172. context.putImageData(pixelsOut, 0, 0);
  1173. return ImageResult.fromCanvas(canvas, type);
  1174. }
  1175. function functionColorFilter(colorFn) {
  1176. var filterImpl = function (canvas, type, value) {
  1177. var context = Canvas.get2dContext(canvas);
  1178. var pixels, i, lookup = new Array(256);
  1179. function applyLookup(pixels, lookup) {
  1180. var d = pixels.data, i;
  1181. for (i = 0; i < d.length; i += 4) {
  1182. d[i] = lookup[d[i]];
  1183. d[i + 1] = lookup[d[i + 1]];
  1184. d[i + 2] = lookup[d[i + 2]];
  1185. }
  1186. return pixels;
  1187. }
  1188. for (i = 0; i < lookup.length; i++) {
  1189. lookup[i] = colorFn(i, value);
  1190. }
  1191. pixels = applyLookup(context.getImageData(0, 0, canvas.width, canvas.height), lookup);
  1192. context.putImageData(pixels, 0, 0);
  1193. return ImageResult.fromCanvas(canvas, type);
  1194. };
  1195. return function (ir, value) {
  1196. return ir.toCanvas().then(function (canvas) {
  1197. return filterImpl(canvas, ir.getType(), value);
  1198. });
  1199. };
  1200. }
  1201. function complexAdjustableColorFilter(matrixAdjustFn) {
  1202. return function (ir, adjust) {
  1203. return colorFilter(ir, matrixAdjustFn(ColorMatrix.identity(), adjust));
  1204. };
  1205. }
  1206. function basicColorFilter(matrix) {
  1207. return function (ir) {
  1208. return colorFilter(ir, matrix);
  1209. };
  1210. }
  1211. function basicConvolutionFilter(kernel) {
  1212. return function (ir) {
  1213. return convoluteFilter(ir, kernel);
  1214. };
  1215. }
  1216. var Filters = {
  1217. invert: basicColorFilter([
  1218. -1,
  1219. 0,
  1220. 0,
  1221. 0,
  1222. 255,
  1223. 0,
  1224. -1,
  1225. 0,
  1226. 0,
  1227. 255,
  1228. 0,
  1229. 0,
  1230. -1,
  1231. 0,
  1232. 255,
  1233. 0,
  1234. 0,
  1235. 0,
  1236. 1,
  1237. 0
  1238. ]),
  1239. brightness: complexAdjustableColorFilter(ColorMatrix.adjustBrightness),
  1240. hue: complexAdjustableColorFilter(ColorMatrix.adjustHue),
  1241. saturate: complexAdjustableColorFilter(ColorMatrix.adjustSaturation),
  1242. contrast: complexAdjustableColorFilter(ColorMatrix.adjustContrast),
  1243. grayscale: complexAdjustableColorFilter(ColorMatrix.adjustGrayscale),
  1244. sepia: complexAdjustableColorFilter(ColorMatrix.adjustSepia),
  1245. colorize: function (ir, adjustR, adjustG, adjustB) {
  1246. return colorFilter(ir, ColorMatrix.adjustColors(ColorMatrix.identity(), adjustR, adjustG, adjustB));
  1247. },
  1248. sharpen: basicConvolutionFilter([
  1249. 0,
  1250. -1,
  1251. 0,
  1252. -1,
  1253. 5,
  1254. -1,
  1255. 0,
  1256. -1,
  1257. 0
  1258. ]),
  1259. emboss: basicConvolutionFilter([
  1260. -2,
  1261. -1,
  1262. 0,
  1263. -1,
  1264. 1,
  1265. 1,
  1266. 0,
  1267. 1,
  1268. 2
  1269. ]),
  1270. gamma: functionColorFilter(function (color, value) {
  1271. return Math.pow(color / 255, 1 - value) * 255;
  1272. }),
  1273. exposure: functionColorFilter(function (color, value) {
  1274. return 255 * (1 - Math.exp(-(color / 255) * value));
  1275. }),
  1276. colorFilter: colorFilter,
  1277. convoluteFilter: convoluteFilter
  1278. };
  1279. function scale(image, dW, dH) {
  1280. var sW = ImageSize.getWidth(image);
  1281. var sH = ImageSize.getHeight(image);
  1282. var wRatio = dW / sW;
  1283. var hRatio = dH / sH;
  1284. var scaleCapped = false;
  1285. if (wRatio < 0.5 || wRatio > 2) {
  1286. wRatio = wRatio < 0.5 ? 0.5 : 2;
  1287. scaleCapped = true;
  1288. }
  1289. if (hRatio < 0.5 || hRatio > 2) {
  1290. hRatio = hRatio < 0.5 ? 0.5 : 2;
  1291. scaleCapped = true;
  1292. }
  1293. var scaled = _scale(image, wRatio, hRatio);
  1294. return !scaleCapped ? scaled : scaled.then(function (tCanvas) {
  1295. return scale(tCanvas, dW, dH);
  1296. });
  1297. }
  1298. function _scale(image, wRatio, hRatio) {
  1299. return new Promise(function (resolve) {
  1300. var sW = ImageSize.getWidth(image);
  1301. var sH = ImageSize.getHeight(image);
  1302. var dW = Math.floor(sW * wRatio);
  1303. var dH = Math.floor(sH * hRatio);
  1304. var canvas = Canvas.create(dW, dH);
  1305. var context = Canvas.get2dContext(canvas);
  1306. context.drawImage(image, 0, 0, sW, sH, 0, 0, dW, dH);
  1307. resolve(canvas);
  1308. });
  1309. }
  1310. var ImageResizerCanvas = { scale: scale };
  1311. function rotate(ir, angle) {
  1312. return ir.toCanvas().then(function (canvas) {
  1313. return applyRotate(canvas, ir.getType(), angle);
  1314. });
  1315. }
  1316. function applyRotate(image, type, angle) {
  1317. var canvas = Canvas.create(image.width, image.height);
  1318. var context = Canvas.get2dContext(canvas);
  1319. var translateX = 0, translateY = 0;
  1320. angle = angle < 0 ? 360 + angle : angle;
  1321. if (angle == 90 || angle == 270) {
  1322. Canvas.resize(canvas, canvas.height, canvas.width);
  1323. }
  1324. if (angle == 90 || angle == 180) {
  1325. translateX = canvas.width;
  1326. }
  1327. if (angle == 270 || angle == 180) {
  1328. translateY = canvas.height;
  1329. }
  1330. context.translate(translateX, translateY);
  1331. context.rotate(angle * Math.PI / 180);
  1332. context.drawImage(image, 0, 0);
  1333. return ImageResult.fromCanvas(canvas, type);
  1334. }
  1335. function flip(ir, axis) {
  1336. return ir.toCanvas().then(function (canvas) {
  1337. return applyFlip(canvas, ir.getType(), axis);
  1338. });
  1339. }
  1340. function applyFlip(image, type, axis) {
  1341. var canvas = Canvas.create(image.width, image.height);
  1342. var context = Canvas.get2dContext(canvas);
  1343. if (axis == 'v') {
  1344. context.scale(1, -1);
  1345. context.drawImage(image, 0, -canvas.height);
  1346. } else {
  1347. context.scale(-1, 1);
  1348. context.drawImage(image, -canvas.width, 0);
  1349. }
  1350. return ImageResult.fromCanvas(canvas, type);
  1351. }
  1352. function crop(ir, x, y, w, h) {
  1353. return ir.toCanvas().then(function (canvas) {
  1354. return applyCrop(canvas, ir.getType(), x, y, w, h);
  1355. });
  1356. }
  1357. function applyCrop(image, type, x, y, w, h) {
  1358. var canvas = Canvas.create(w, h);
  1359. var context = Canvas.get2dContext(canvas);
  1360. context.drawImage(image, -x, -y);
  1361. return ImageResult.fromCanvas(canvas, type);
  1362. }
  1363. function resize$1(ir, w, h) {
  1364. return ir.toCanvas().then(function (canvas) {
  1365. return ImageResizerCanvas.scale(canvas, w, h).then(function (newCanvas) {
  1366. return ImageResult.fromCanvas(newCanvas, ir.getType());
  1367. });
  1368. });
  1369. }
  1370. var ImageTools = {
  1371. rotate: rotate,
  1372. flip: flip,
  1373. crop: crop,
  1374. resize: resize$1
  1375. };
  1376. var BinaryReader = function () {
  1377. function BinaryReader(ar) {
  1378. this.littleEndian = false;
  1379. this._dv = new DataView(ar);
  1380. }
  1381. BinaryReader.prototype.readByteAt = function (idx) {
  1382. return this._dv.getUint8(idx);
  1383. };
  1384. BinaryReader.prototype.read = function (idx, size) {
  1385. if (idx + size > this.length()) {
  1386. return null;
  1387. }
  1388. var mv = this.littleEndian ? 0 : -8 * (size - 1);
  1389. for (var i = 0, sum = 0; i < size; i++) {
  1390. sum |= this.readByteAt(idx + i) << Math.abs(mv + i * 8);
  1391. }
  1392. return sum;
  1393. };
  1394. BinaryReader.prototype.BYTE = function (idx) {
  1395. return this.read(idx, 1);
  1396. };
  1397. BinaryReader.prototype.SHORT = function (idx) {
  1398. return this.read(idx, 2);
  1399. };
  1400. BinaryReader.prototype.LONG = function (idx) {
  1401. return this.read(idx, 4);
  1402. };
  1403. BinaryReader.prototype.SLONG = function (idx) {
  1404. var num = this.read(idx, 4);
  1405. return num > 2147483647 ? num - 4294967296 : num;
  1406. };
  1407. BinaryReader.prototype.CHAR = function (idx) {
  1408. return String.fromCharCode(this.read(idx, 1));
  1409. };
  1410. BinaryReader.prototype.STRING = function (idx, count) {
  1411. return this.asArray('CHAR', idx, count).join('');
  1412. };
  1413. BinaryReader.prototype.SEGMENT = function (idx, size) {
  1414. var ar = this._dv.buffer;
  1415. switch (arguments.length) {
  1416. case 2:
  1417. return ar.slice(idx, idx + size);
  1418. case 1:
  1419. return ar.slice(idx);
  1420. default:
  1421. return ar;
  1422. }
  1423. };
  1424. BinaryReader.prototype.asArray = function (type, idx, count) {
  1425. var values = [];
  1426. for (var i = 0; i < count; i++) {
  1427. values[i] = this[type](idx + i);
  1428. }
  1429. return values;
  1430. };
  1431. BinaryReader.prototype.length = function () {
  1432. return this._dv ? this._dv.byteLength : 0;
  1433. };
  1434. return BinaryReader;
  1435. }();
  1436. var tags = {
  1437. tiff: {
  1438. 274: 'Orientation',
  1439. 270: 'ImageDescription',
  1440. 271: 'Make',
  1441. 272: 'Model',
  1442. 305: 'Software',
  1443. 34665: 'ExifIFDPointer',
  1444. 34853: 'GPSInfoIFDPointer'
  1445. },
  1446. exif: {
  1447. 36864: 'ExifVersion',
  1448. 40961: 'ColorSpace',
  1449. 40962: 'PixelXDimension',
  1450. 40963: 'PixelYDimension',
  1451. 36867: 'DateTimeOriginal',
  1452. 33434: 'ExposureTime',
  1453. 33437: 'FNumber',
  1454. 34855: 'ISOSpeedRatings',
  1455. 37377: 'ShutterSpeedValue',
  1456. 37378: 'ApertureValue',
  1457. 37383: 'MeteringMode',
  1458. 37384: 'LightSource',
  1459. 37385: 'Flash',
  1460. 37386: 'FocalLength',
  1461. 41986: 'ExposureMode',
  1462. 41987: 'WhiteBalance',
  1463. 41990: 'SceneCaptureType',
  1464. 41988: 'DigitalZoomRatio',
  1465. 41992: 'Contrast',
  1466. 41993: 'Saturation',
  1467. 41994: 'Sharpness'
  1468. },
  1469. gps: {
  1470. 0: 'GPSVersionID',
  1471. 1: 'GPSLatitudeRef',
  1472. 2: 'GPSLatitude',
  1473. 3: 'GPSLongitudeRef',
  1474. 4: 'GPSLongitude'
  1475. },
  1476. thumb: {
  1477. 513: 'JPEGInterchangeFormat',
  1478. 514: 'JPEGInterchangeFormatLength'
  1479. }
  1480. };
  1481. var tagDescs = {
  1482. 'ColorSpace': {
  1483. 1: 'sRGB',
  1484. 0: 'Uncalibrated'
  1485. },
  1486. 'MeteringMode': {
  1487. 0: 'Unknown',
  1488. 1: 'Average',
  1489. 2: 'CenterWeightedAverage',
  1490. 3: 'Spot',
  1491. 4: 'MultiSpot',
  1492. 5: 'Pattern',
  1493. 6: 'Partial',
  1494. 255: 'Other'
  1495. },
  1496. 'LightSource': {
  1497. 1: 'Daylight',
  1498. 2: 'Fliorescent',
  1499. 3: 'Tungsten',
  1500. 4: 'Flash',
  1501. 9: 'Fine weather',
  1502. 10: 'Cloudy weather',
  1503. 11: 'Shade',
  1504. 12: 'Daylight fluorescent (D 5700 - 7100K)',
  1505. 13: 'Day white fluorescent (N 4600 -5400K)',
  1506. 14: 'Cool white fluorescent (W 3900 - 4500K)',
  1507. 15: 'White fluorescent (WW 3200 - 3700K)',
  1508. 17: 'Standard light A',
  1509. 18: 'Standard light B',
  1510. 19: 'Standard light C',
  1511. 20: 'D55',
  1512. 21: 'D65',
  1513. 22: 'D75',
  1514. 23: 'D50',
  1515. 24: 'ISO studio tungsten',
  1516. 255: 'Other'
  1517. },
  1518. 'Flash': {
  1519. 0: 'Flash did not fire',
  1520. 1: 'Flash fired',
  1521. 5: 'Strobe return light not detected',
  1522. 7: 'Strobe return light detected',
  1523. 9: 'Flash fired, compulsory flash mode',
  1524. 13: 'Flash fired, compulsory flash mode, return light not detected',
  1525. 15: 'Flash fired, compulsory flash mode, return light detected',
  1526. 16: 'Flash did not fire, compulsory flash mode',
  1527. 24: 'Flash did not fire, auto mode',
  1528. 25: 'Flash fired, auto mode',
  1529. 29: 'Flash fired, auto mode, return light not detected',
  1530. 31: 'Flash fired, auto mode, return light detected',
  1531. 32: 'No flash function',
  1532. 65: 'Flash fired, red-eye reduction mode',
  1533. 69: 'Flash fired, red-eye reduction mode, return light not detected',
  1534. 71: 'Flash fired, red-eye reduction mode, return light detected',
  1535. 73: 'Flash fired, compulsory flash mode, red-eye reduction mode',
  1536. 77: 'Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected',
  1537. 79: 'Flash fired, compulsory flash mode, red-eye reduction mode, return light detected',
  1538. 89: 'Flash fired, auto mode, red-eye reduction mode',
  1539. 93: 'Flash fired, auto mode, return light not detected, red-eye reduction mode',
  1540. 95: 'Flash fired, auto mode, return light detected, red-eye reduction mode'
  1541. },
  1542. 'ExposureMode': {
  1543. 0: 'Auto exposure',
  1544. 1: 'Manual exposure',
  1545. 2: 'Auto bracket'
  1546. },
  1547. 'WhiteBalance': {
  1548. 0: 'Auto white balance',
  1549. 1: 'Manual white balance'
  1550. },
  1551. 'SceneCaptureType': {
  1552. 0: 'Standard',
  1553. 1: 'Landscape',
  1554. 2: 'Portrait',
  1555. 3: 'Night scene'
  1556. },
  1557. 'Contrast': {
  1558. 0: 'Normal',
  1559. 1: 'Soft',
  1560. 2: 'Hard'
  1561. },
  1562. 'Saturation': {
  1563. 0: 'Normal',
  1564. 1: 'Low saturation',
  1565. 2: 'High saturation'
  1566. },
  1567. 'Sharpness': {
  1568. 0: 'Normal',
  1569. 1: 'Soft',
  1570. 2: 'Hard'
  1571. },
  1572. 'GPSLatitudeRef': {
  1573. N: 'North latitude',
  1574. S: 'South latitude'
  1575. },
  1576. 'GPSLongitudeRef': {
  1577. E: 'East longitude',
  1578. W: 'West longitude'
  1579. }
  1580. };
  1581. var ExifReader = function () {
  1582. function ExifReader(ar) {
  1583. this._offsets = {
  1584. tiffHeader: 10,
  1585. IFD0: null,
  1586. IFD1: null,
  1587. exifIFD: null,
  1588. gpsIFD: null
  1589. };
  1590. this._tiffTags = {};
  1591. var self = this;
  1592. self._reader = new BinaryReader(ar);
  1593. self._idx = self._offsets.tiffHeader;
  1594. if (self.SHORT(0) !== 65505 || self.STRING(4, 5).toUpperCase() !== 'EXIF\0') {
  1595. throw new Error('Exif data cannot be read or not available.');
  1596. }
  1597. self._reader.littleEndian = self.SHORT(self._idx) == 18761;
  1598. if (self.SHORT(self._idx += 2) !== 42) {
  1599. throw new Error('Invalid Exif data.');
  1600. }
  1601. self._offsets.IFD0 = self._offsets.tiffHeader + self.LONG(self._idx += 2);
  1602. self._tiffTags = self.extractTags(self._offsets.IFD0, tags.tiff);
  1603. if ('ExifIFDPointer' in self._tiffTags) {
  1604. self._offsets.exifIFD = self._offsets.tiffHeader + self._tiffTags.ExifIFDPointer;
  1605. delete self._tiffTags.ExifIFDPointer;
  1606. }
  1607. if ('GPSInfoIFDPointer' in self._tiffTags) {
  1608. self._offsets.gpsIFD = self._offsets.tiffHeader + self._tiffTags.GPSInfoIFDPointer;
  1609. delete self._tiffTags.GPSInfoIFDPointer;
  1610. }
  1611. var IFD1Offset = self.LONG(self._offsets.IFD0 + self.SHORT(self._offsets.IFD0) * 12 + 2);
  1612. if (IFD1Offset) {
  1613. self._offsets.IFD1 = self._offsets.tiffHeader + IFD1Offset;
  1614. }
  1615. }
  1616. ExifReader.prototype.BYTE = function (idx) {
  1617. return this._reader.BYTE(idx);
  1618. };
  1619. ExifReader.prototype.SHORT = function (idx) {
  1620. return this._reader.SHORT(idx);
  1621. };
  1622. ExifReader.prototype.LONG = function (idx) {
  1623. return this._reader.LONG(idx);
  1624. };
  1625. ExifReader.prototype.SLONG = function (idx) {
  1626. return this._reader.SLONG(idx);
  1627. };
  1628. ExifReader.prototype.CHAR = function (idx) {
  1629. return this._reader.CHAR(idx);
  1630. };
  1631. ExifReader.prototype.STRING = function (idx, count) {
  1632. return this._reader.STRING(idx, count);
  1633. };
  1634. ExifReader.prototype.SEGMENT = function (idx, size) {
  1635. return this._reader.SEGMENT(idx, size);
  1636. };
  1637. ExifReader.prototype.asArray = function (type, idx, count) {
  1638. var values = [];
  1639. for (var i = 0; i < count; i++) {
  1640. values[i] = this[type](idx + i);
  1641. }
  1642. return values;
  1643. };
  1644. ExifReader.prototype.length = function () {
  1645. return this._reader.length();
  1646. };
  1647. ExifReader.prototype.UNDEFINED = function () {
  1648. return this.BYTE.apply(this, arguments);
  1649. };
  1650. ExifReader.prototype.RATIONAL = function (idx) {
  1651. return this.LONG(idx) / this.LONG(idx + 4);
  1652. };
  1653. ExifReader.prototype.SRATIONAL = function (idx) {
  1654. return this.SLONG(idx) / this.SLONG(idx + 4);
  1655. };
  1656. ExifReader.prototype.ASCII = function (idx) {
  1657. return this.CHAR(idx);
  1658. };
  1659. ExifReader.prototype.TIFF = function () {
  1660. return this._tiffTags;
  1661. };
  1662. ExifReader.prototype.EXIF = function () {
  1663. var self = this;
  1664. var Exif = null;
  1665. if (self._offsets.exifIFD) {
  1666. try {
  1667. Exif = self.extractTags(self._offsets.exifIFD, tags.exif);
  1668. } catch (ex) {
  1669. return null;
  1670. }
  1671. if (Exif.ExifVersion && Array.isArray(Exif.ExifVersion)) {
  1672. for (var i = 0, exifVersion = ''; i < Exif.ExifVersion.length; i++) {
  1673. exifVersion += String.fromCharCode(Exif.ExifVersion[i]);
  1674. }
  1675. Exif.ExifVersion = exifVersion;
  1676. }
  1677. }
  1678. return Exif;
  1679. };
  1680. ExifReader.prototype.GPS = function () {
  1681. var self = this;
  1682. var GPS = null;
  1683. if (self._offsets.gpsIFD) {
  1684. try {
  1685. GPS = self.extractTags(self._offsets.gpsIFD, tags.gps);
  1686. } catch (ex) {
  1687. return null;
  1688. }
  1689. if (GPS.GPSVersionID && Array.isArray(GPS.GPSVersionID)) {
  1690. GPS.GPSVersionID = GPS.GPSVersionID.join('.');
  1691. }
  1692. }
  1693. return GPS;
  1694. };
  1695. ExifReader.prototype.thumb = function () {
  1696. var self = this;
  1697. if (self._offsets.IFD1) {
  1698. try {
  1699. var IFD1Tags = self.extractTags(self._offsets.IFD1, tags.thumb);
  1700. if ('JPEGInterchangeFormat' in IFD1Tags) {
  1701. return self.SEGMENT(self._offsets.tiffHeader + IFD1Tags.JPEGInterchangeFormat, IFD1Tags.JPEGInterchangeFormatLength);
  1702. }
  1703. } catch (ex) {
  1704. }
  1705. }
  1706. return null;
  1707. };
  1708. ExifReader.prototype.extractTags = function (IFD_offset, tags2extract) {
  1709. var self = this;
  1710. var length, i, tag, type, count, size, offset, value, values = [], hash = {};
  1711. var types = {
  1712. 1: 'BYTE',
  1713. 7: 'UNDEFINED',
  1714. 2: 'ASCII',
  1715. 3: 'SHORT',
  1716. 4: 'LONG',
  1717. 5: 'RATIONAL',
  1718. 9: 'SLONG',
  1719. 10: 'SRATIONAL'
  1720. };
  1721. var sizes = {
  1722. 'BYTE': 1,
  1723. 'UNDEFINED': 1,
  1724. 'ASCII': 1,
  1725. 'SHORT': 2,
  1726. 'LONG': 4,
  1727. 'RATIONAL': 8,
  1728. 'SLONG': 4,
  1729. 'SRATIONAL': 8
  1730. };
  1731. length = self.SHORT(IFD_offset);
  1732. for (i = 0; i < length; i++) {
  1733. values = [];
  1734. offset = IFD_offset + 2 + i * 12;
  1735. tag = tags2extract[self.SHORT(offset)];
  1736. if (tag === undefined) {
  1737. continue;
  1738. }
  1739. type = types[self.SHORT(offset += 2)];
  1740. count = self.LONG(offset += 2);
  1741. size = sizes[type];
  1742. if (!size) {
  1743. throw new Error('Invalid Exif data.');
  1744. }
  1745. offset += 4;
  1746. if (size * count > 4) {
  1747. offset = self.LONG(offset) + self._offsets.tiffHeader;
  1748. }
  1749. if (offset + size * count >= self.length()) {
  1750. throw new Error('Invalid Exif data.');
  1751. }
  1752. if (type === 'ASCII') {
  1753. hash[tag] = self.STRING(offset, count).replace(/\0$/, '').trim();
  1754. continue;
  1755. } else {
  1756. values = self.asArray(type, offset, count);
  1757. value = count == 1 ? values[0] : values;
  1758. if (tagDescs.hasOwnProperty(tag) && typeof value != 'object') {
  1759. hash[tag] = tagDescs[tag][value];
  1760. } else {
  1761. hash[tag] = value;
  1762. }
  1763. }
  1764. }
  1765. return hash;
  1766. };
  1767. return ExifReader;
  1768. }();
  1769. var extractFrom = function (blob) {
  1770. return Conversions.blobToArrayBuffer(blob).then(function (ar) {
  1771. try {
  1772. var br = new BinaryReader(ar);
  1773. if (br.SHORT(0) === 65496) {
  1774. var headers = extractHeaders(br);
  1775. var app1 = headers.filter(function (header) {
  1776. return header.name === 'APP1';
  1777. });
  1778. var meta = {};
  1779. if (app1.length) {
  1780. var exifReader = new ExifReader(app1[0].segment);
  1781. meta = {
  1782. tiff: exifReader.TIFF(),
  1783. exif: exifReader.EXIF(),
  1784. gps: exifReader.GPS(),
  1785. thumb: exifReader.thumb()
  1786. };
  1787. } else {
  1788. return Promise.reject('Headers did not include required information');
  1789. }
  1790. meta.rawHeaders = headers;
  1791. return meta;
  1792. }
  1793. return Promise.reject('Image was not a jpeg');
  1794. } catch (ex) {
  1795. return Promise.reject('Unsupported format or not an image: ' + blob.type + ' (Exception: ' + ex.message + ')');
  1796. }
  1797. });
  1798. };
  1799. var extractHeaders = function (br) {
  1800. var headers = [], idx, marker, length = 0;
  1801. idx = 2;
  1802. while (idx <= br.length()) {
  1803. marker = br.SHORT(idx);
  1804. if (marker >= 65488 && marker <= 65495) {
  1805. idx += 2;
  1806. continue;
  1807. }
  1808. if (marker === 65498 || marker === 65497) {
  1809. break;
  1810. }
  1811. length = br.SHORT(idx + 2) + 2;
  1812. if (marker >= 65505 && marker <= 65519) {
  1813. headers.push({
  1814. hex: marker,
  1815. name: 'APP' + (marker & 15),
  1816. start: idx,
  1817. length: length,
  1818. segment: br.SEGMENT(idx, length)
  1819. });
  1820. }
  1821. idx += length;
  1822. }
  1823. return headers;
  1824. };
  1825. var JPEGMeta = { extractFrom: extractFrom };
  1826. var invert = function (ir) {
  1827. return Filters.invert(ir);
  1828. };
  1829. var sharpen = function (ir) {
  1830. return Filters.sharpen(ir);
  1831. };
  1832. var emboss = function (ir) {
  1833. return Filters.emboss(ir);
  1834. };
  1835. var gamma = function (ir, value) {
  1836. return Filters.gamma(ir, value);
  1837. };
  1838. var exposure = function (ir, value) {
  1839. return Filters.exposure(ir, value);
  1840. };
  1841. var colorize = function (ir, adjustR, adjustG, adjustB) {
  1842. return Filters.colorize(ir, adjustR, adjustG, adjustB);
  1843. };
  1844. var brightness = function (ir, adjust) {
  1845. return Filters.brightness(ir, adjust);
  1846. };
  1847. var hue = function (ir, adjust) {
  1848. return Filters.hue(ir, adjust);
  1849. };
  1850. var saturate = function (ir, adjust) {
  1851. return Filters.saturate(ir, adjust);
  1852. };
  1853. var contrast = function (ir, adjust) {
  1854. return Filters.contrast(ir, adjust);
  1855. };
  1856. var grayscale = function (ir, adjust) {
  1857. return Filters.grayscale(ir, adjust);
  1858. };
  1859. var sepia = function (ir, adjust) {
  1860. return Filters.sepia(ir, adjust);
  1861. };
  1862. var flip$1 = function (ir, axis) {
  1863. return ImageTools.flip(ir, axis);
  1864. };
  1865. var crop$1 = function (ir, x, y, w, h) {
  1866. return ImageTools.crop(ir, x, y, w, h);
  1867. };
  1868. var resize$2 = function (ir, w, h) {
  1869. return ImageTools.resize(ir, w, h);
  1870. };
  1871. var rotate$1 = function (ir, angle) {
  1872. return ImageTools.rotate(ir, angle);
  1873. };
  1874. var exifRotate = function (ir) {
  1875. var ROTATE_90 = 6;
  1876. var ROTATE_180 = 3;
  1877. var ROTATE_270 = 8;
  1878. var checkRotation = function (data) {
  1879. var orientation = data.tiff.Orientation;
  1880. switch (orientation) {
  1881. case ROTATE_90:
  1882. return rotate$1(ir, 90);
  1883. case ROTATE_180:
  1884. return rotate$1(ir, 180);
  1885. case ROTATE_270:
  1886. return rotate$1(ir, 270);
  1887. default:
  1888. return ir;
  1889. }
  1890. };
  1891. var notJpeg = function () {
  1892. return ir;
  1893. };
  1894. return ir.toBlob().then(JPEGMeta.extractFrom).then(checkRotation, notJpeg);
  1895. };
  1896. var ImageTransformations = {
  1897. invert: invert,
  1898. sharpen: sharpen,
  1899. emboss: emboss,
  1900. brightness: brightness,
  1901. hue: hue,
  1902. saturate: saturate,
  1903. contrast: contrast,
  1904. grayscale: grayscale,
  1905. sepia: sepia,
  1906. colorize: colorize,
  1907. gamma: gamma,
  1908. exposure: exposure,
  1909. flip: flip$1,
  1910. crop: crop$1,
  1911. resize: resize$2,
  1912. rotate: rotate$1,
  1913. exifRotate: exifRotate
  1914. };
  1915. var blobToImageResult = function (blob) {
  1916. return ImageResult.fromBlob(blob);
  1917. };
  1918. var fromBlobAndUrlSync$1 = function (blob, uri) {
  1919. return ImageResult.fromBlobAndUrlSync(blob, uri);
  1920. };
  1921. var imageToImageResult = function (image) {
  1922. return ImageResult.fromImage(image);
  1923. };
  1924. var imageResultToBlob = function (ir, type, quality) {
  1925. if (type === undefined && quality === undefined) {
  1926. return imageResultToOriginalBlob(ir);
  1927. } else {
  1928. return ir.toAdjustedBlob(type, quality);
  1929. }
  1930. };
  1931. var imageResultToOriginalBlob = function (ir) {
  1932. return ir.toBlob();
  1933. };
  1934. var imageResultToDataURL = function (ir) {
  1935. return ir.toDataURL();
  1936. };
  1937. var ResultConversions = {
  1938. blobToImageResult: blobToImageResult,
  1939. fromBlobAndUrlSync: fromBlobAndUrlSync$1,
  1940. imageToImageResult: imageToImageResult,
  1941. imageResultToBlob: imageResultToBlob,
  1942. imageResultToOriginalBlob: imageResultToOriginalBlob,
  1943. imageResultToDataURL: imageResultToDataURL
  1944. };
  1945. var url = function () {
  1946. return Global$1.getOrDie('URL');
  1947. };
  1948. var createObjectURL = function (blob) {
  1949. return url().createObjectURL(blob);
  1950. };
  1951. var revokeObjectURL = function (u) {
  1952. url().revokeObjectURL(u);
  1953. };
  1954. var URL = {
  1955. createObjectURL: createObjectURL,
  1956. revokeObjectURL: revokeObjectURL
  1957. };
  1958. var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
  1959. var global$3 = tinymce.util.Tools.resolve('tinymce.util.Promise');
  1960. var global$4 = tinymce.util.Tools.resolve('tinymce.util.URI');
  1961. var getToolbarItems = function (editor) {
  1962. return editor.getParam('imagetools_toolbar', 'rotateleft rotateright flipv fliph editimage imageoptions');
  1963. };
  1964. var getProxyUrl = function (editor) {
  1965. return editor.getParam('imagetools_proxy');
  1966. };
  1967. var getCorsHosts = function (editor) {
  1968. return editor.getParam('imagetools_cors_hosts', [], 'string[]');
  1969. };
  1970. var getCredentialsHosts = function (editor) {
  1971. return editor.getParam('imagetools_credentials_hosts', [], 'string[]');
  1972. };
  1973. var getApiKey = function (editor) {
  1974. return editor.getParam('api_key', editor.getParam('imagetools_api_key', '', 'string'), 'string');
  1975. };
  1976. var getUploadTimeout = function (editor) {
  1977. return editor.getParam('images_upload_timeout', 30000, 'number');
  1978. };
  1979. var shouldReuseFilename = function (editor) {
  1980. return editor.getParam('images_reuse_filename', false, 'boolean');
  1981. };
  1982. function getImageSize(img) {
  1983. var width, height;
  1984. function isPxValue(value) {
  1985. return /^[0-9\.]+px$/.test(value);
  1986. }
  1987. width = img.style.width;
  1988. height = img.style.height;
  1989. if (width || height) {
  1990. if (isPxValue(width) && isPxValue(height)) {
  1991. return {
  1992. w: parseInt(width, 10),
  1993. h: parseInt(height, 10)
  1994. };
  1995. }
  1996. return null;
  1997. }
  1998. width = img.width;
  1999. height = img.height;
  2000. if (width && height) {
  2001. return {
  2002. w: parseInt(width, 10),
  2003. h: parseInt(height, 10)
  2004. };
  2005. }
  2006. return null;
  2007. }
  2008. function setImageSize(img, size) {
  2009. var width, height;
  2010. if (size) {
  2011. width = img.style.width;
  2012. height = img.style.height;
  2013. if (width || height) {
  2014. img.style.width = size.w + 'px';
  2015. img.style.height = size.h + 'px';
  2016. img.removeAttribute('data-mce-style');
  2017. }
  2018. width = img.width;
  2019. height = img.height;
  2020. if (width || height) {
  2021. img.setAttribute('width', size.w);
  2022. img.setAttribute('height', size.h);
  2023. }
  2024. }
  2025. }
  2026. function getNaturalImageSize(img) {
  2027. return {
  2028. w: img.naturalWidth,
  2029. h: img.naturalHeight
  2030. };
  2031. }
  2032. var ImageSize$1 = {
  2033. getImageSize: getImageSize,
  2034. setImageSize: setImageSize,
  2035. getNaturalImageSize: getNaturalImageSize
  2036. };
  2037. var typeOf = function (x) {
  2038. if (x === null)
  2039. return 'null';
  2040. var t = typeof x;
  2041. if (t === 'object' && Array.prototype.isPrototypeOf(x))
  2042. return 'array';
  2043. if (t === 'object' && String.prototype.isPrototypeOf(x))
  2044. return 'string';
  2045. return t;
  2046. };
  2047. var isType = function (type) {
  2048. return function (value) {
  2049. return typeOf(value) === type;
  2050. };
  2051. };
  2052. var isFunction = isType('function');
  2053. var find = function (xs, pred) {
  2054. for (var i = 0, len = xs.length; i < len; i++) {
  2055. var x = xs[i];
  2056. if (pred(x, i, xs)) {
  2057. return Option.some(x);
  2058. }
  2059. }
  2060. return Option.none();
  2061. };
  2062. var slice = Array.prototype.slice;
  2063. var from$1 = isFunction(Array.from) ? Array.from : function (x) {
  2064. return slice.call(x);
  2065. };
  2066. function XMLHttpRequest () {
  2067. var f = Global$1.getOrDie('XMLHttpRequest');
  2068. return new f();
  2069. }
  2070. var isValue = function (obj) {
  2071. return obj !== null && obj !== undefined;
  2072. };
  2073. var traverse = function (json, path) {
  2074. var value;
  2075. value = path.reduce(function (result, key) {
  2076. return isValue(result) ? result[key] : undefined;
  2077. }, json);
  2078. return isValue(value) ? value : null;
  2079. };
  2080. var requestUrlAsBlob = function (url, headers, withCredentials) {
  2081. return new global$3(function (resolve) {
  2082. var xhr;
  2083. xhr = XMLHttpRequest();
  2084. xhr.onreadystatechange = function () {
  2085. if (xhr.readyState === 4) {
  2086. resolve({
  2087. status: xhr.status,
  2088. blob: this.response
  2089. });
  2090. }
  2091. };
  2092. xhr.open('GET', url, true);
  2093. xhr.withCredentials = withCredentials;
  2094. global$1.each(headers, function (value, key) {
  2095. xhr.setRequestHeader(key, value);
  2096. });
  2097. xhr.responseType = 'blob';
  2098. xhr.send();
  2099. });
  2100. };
  2101. var readBlob = function (blob) {
  2102. return new global$3(function (resolve) {
  2103. var fr = FileReader();
  2104. fr.onload = function (e) {
  2105. var data = e.target;
  2106. resolve(data.result);
  2107. };
  2108. fr.readAsText(blob);
  2109. });
  2110. };
  2111. var parseJson = function (text) {
  2112. var json;
  2113. try {
  2114. json = JSON.parse(text);
  2115. } catch (ex) {
  2116. }
  2117. return json;
  2118. };
  2119. var Utils = {
  2120. traverse: traverse,
  2121. readBlob: readBlob,
  2122. requestUrlAsBlob: requestUrlAsBlob,
  2123. parseJson: parseJson
  2124. };
  2125. var friendlyHttpErrors = [
  2126. {
  2127. code: 404,
  2128. message: 'Could not find Image Proxy'
  2129. },
  2130. {
  2131. code: 403,
  2132. message: 'Rejected request'
  2133. },
  2134. {
  2135. code: 0,
  2136. message: 'Incorrect Image Proxy URL'
  2137. }
  2138. ];
  2139. var friendlyServiceErrors = [
  2140. {
  2141. type: 'key_missing',
  2142. message: 'The request did not include an api key.'
  2143. },
  2144. {
  2145. type: 'key_not_found',
  2146. message: 'The provided api key could not be found.'
  2147. },
  2148. {
  2149. type: 'domain_not_trusted',
  2150. message: 'The api key is not valid for the request origins.'
  2151. }
  2152. ];
  2153. var isServiceErrorCode = function (code) {
  2154. return code === 400 || code === 403 || code === 500;
  2155. };
  2156. var getHttpErrorMsg = function (status) {
  2157. var message = find(friendlyHttpErrors, function (error) {
  2158. return status === error.code;
  2159. }).fold(constant('Unknown ImageProxy error'), function (error) {
  2160. return error.message;
  2161. });
  2162. return 'ImageProxy HTTP error: ' + message;
  2163. };
  2164. var handleHttpError = function (status) {
  2165. var message = getHttpErrorMsg(status);
  2166. return global$3.reject(message);
  2167. };
  2168. var getServiceErrorMsg = function (type) {
  2169. return find(friendlyServiceErrors, function (error) {
  2170. return error.type === type;
  2171. }).fold(constant('Unknown service error'), function (error) {
  2172. return error.message;
  2173. });
  2174. };
  2175. var getServiceError = function (text) {
  2176. var serviceError = Utils.parseJson(text);
  2177. var errorType = Utils.traverse(serviceError, [
  2178. 'error',
  2179. 'type'
  2180. ]);
  2181. var errorMsg = errorType ? getServiceErrorMsg(errorType) : 'Invalid JSON in service error message';
  2182. return 'ImageProxy Service error: ' + errorMsg;
  2183. };
  2184. var handleServiceError = function (status, blob) {
  2185. return Utils.readBlob(blob).then(function (text) {
  2186. var serviceError = getServiceError(text);
  2187. return global$3.reject(serviceError);
  2188. });
  2189. };
  2190. var handleServiceErrorResponse = function (status, blob) {
  2191. return isServiceErrorCode(status) ? handleServiceError(status, blob) : handleHttpError(status);
  2192. };
  2193. var Errors = {
  2194. handleServiceErrorResponse: handleServiceErrorResponse,
  2195. handleHttpError: handleHttpError,
  2196. getHttpErrorMsg: getHttpErrorMsg,
  2197. getServiceErrorMsg: getServiceErrorMsg
  2198. };
  2199. var appendApiKey = function (url, apiKey) {
  2200. var separator = url.indexOf('?') === -1 ? '?' : '&';
  2201. if (/[?&]apiKey=/.test(url) || !apiKey) {
  2202. return url;
  2203. } else {
  2204. return url + separator + 'apiKey=' + encodeURIComponent(apiKey);
  2205. }
  2206. };
  2207. var requestServiceBlob = function (url, apiKey) {
  2208. var headers = {
  2209. 'Content-Type': 'application/json;charset=UTF-8',
  2210. 'tiny-api-key': apiKey
  2211. };
  2212. return Utils.requestUrlAsBlob(appendApiKey(url, apiKey), headers, false).then(function (result) {
  2213. return result.status < 200 || result.status >= 300 ? Errors.handleServiceErrorResponse(result.status, result.blob) : global$3.resolve(result.blob);
  2214. });
  2215. };
  2216. function requestBlob(url, withCredentials) {
  2217. return Utils.requestUrlAsBlob(url, {}, withCredentials).then(function (result) {
  2218. return result.status < 200 || result.status >= 300 ? Errors.handleHttpError(result.status) : global$3.resolve(result.blob);
  2219. });
  2220. }
  2221. var getUrl = function (url, apiKey, withCredentials) {
  2222. return apiKey ? requestServiceBlob(url, apiKey) : requestBlob(url, withCredentials);
  2223. };
  2224. var node = function () {
  2225. var f = Global$1.getOrDie('Node');
  2226. return f;
  2227. };
  2228. var compareDocumentPosition = function (a, b, match) {
  2229. return (a.compareDocumentPosition(b) & match) !== 0;
  2230. };
  2231. var documentPositionPreceding = function (a, b) {
  2232. return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING);
  2233. };
  2234. var documentPositionContainedBy = function (a, b) {
  2235. return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY);
  2236. };
  2237. var Node = {
  2238. documentPositionPreceding: documentPositionPreceding,
  2239. documentPositionContainedBy: documentPositionContainedBy
  2240. };
  2241. var cached = function (f) {
  2242. var called = false;
  2243. var r;
  2244. return function () {
  2245. var args = [];
  2246. for (var _i = 0; _i < arguments.length; _i++) {
  2247. args[_i] = arguments[_i];
  2248. }
  2249. if (!called) {
  2250. called = true;
  2251. r = f.apply(null, args);
  2252. }
  2253. return r;
  2254. };
  2255. };
  2256. var firstMatch = function (regexes, s) {
  2257. for (var i = 0; i < regexes.length; i++) {
  2258. var x = regexes[i];
  2259. if (x.test(s))
  2260. return x;
  2261. }
  2262. return undefined;
  2263. };
  2264. var find$1 = function (regexes, agent) {
  2265. var r = firstMatch(regexes, agent);
  2266. if (!r)
  2267. return {
  2268. major: 0,
  2269. minor: 0
  2270. };
  2271. var group = function (i) {
  2272. return Number(agent.replace(r, '$' + i));
  2273. };
  2274. return nu(group(1), group(2));
  2275. };
  2276. var detect = function (versionRegexes, agent) {
  2277. var cleanedAgent = String(agent).toLowerCase();
  2278. if (versionRegexes.length === 0)
  2279. return unknown();
  2280. return find$1(versionRegexes, cleanedAgent);
  2281. };
  2282. var unknown = function () {
  2283. return nu(0, 0);
  2284. };
  2285. var nu = function (major, minor) {
  2286. return {
  2287. major: major,
  2288. minor: minor
  2289. };
  2290. };
  2291. var Version = {
  2292. nu: nu,
  2293. detect: detect,
  2294. unknown: unknown
  2295. };
  2296. var edge = 'Edge';
  2297. var chrome = 'Chrome';
  2298. var ie = 'IE';
  2299. var opera = 'Opera';
  2300. var firefox = 'Firefox';
  2301. var safari = 'Safari';
  2302. var isBrowser = function (name, current) {
  2303. return function () {
  2304. return current === name;
  2305. };
  2306. };
  2307. var unknown$1 = function () {
  2308. return nu$1({
  2309. current: undefined,
  2310. version: Version.unknown()
  2311. });
  2312. };
  2313. var nu$1 = function (info) {
  2314. var current = info.current;
  2315. var version = info.version;
  2316. return {
  2317. current: current,
  2318. version: version,
  2319. isEdge: isBrowser(edge, current),
  2320. isChrome: isBrowser(chrome, current),
  2321. isIE: isBrowser(ie, current),
  2322. isOpera: isBrowser(opera, current),
  2323. isFirefox: isBrowser(firefox, current),
  2324. isSafari: isBrowser(safari, current)
  2325. };
  2326. };
  2327. var Browser = {
  2328. unknown: unknown$1,
  2329. nu: nu$1,
  2330. edge: constant(edge),
  2331. chrome: constant(chrome),
  2332. ie: constant(ie),
  2333. opera: constant(opera),
  2334. firefox: constant(firefox),
  2335. safari: constant(safari)
  2336. };
  2337. var windows = 'Windows';
  2338. var ios = 'iOS';
  2339. var android = 'Android';
  2340. var linux = 'Linux';
  2341. var osx = 'OSX';
  2342. var solaris = 'Solaris';
  2343. var freebsd = 'FreeBSD';
  2344. var isOS = function (name, current) {
  2345. return function () {
  2346. return current === name;
  2347. };
  2348. };
  2349. var unknown$2 = function () {
  2350. return nu$2({
  2351. current: undefined,
  2352. version: Version.unknown()
  2353. });
  2354. };
  2355. var nu$2 = function (info) {
  2356. var current = info.current;
  2357. var version = info.version;
  2358. return {
  2359. current: current,
  2360. version: version,
  2361. isWindows: isOS(windows, current),
  2362. isiOS: isOS(ios, current),
  2363. isAndroid: isOS(android, current),
  2364. isOSX: isOS(osx, current),
  2365. isLinux: isOS(linux, current),
  2366. isSolaris: isOS(solaris, current),
  2367. isFreeBSD: isOS(freebsd, current)
  2368. };
  2369. };
  2370. var OperatingSystem = {
  2371. unknown: unknown$2,
  2372. nu: nu$2,
  2373. windows: constant(windows),
  2374. ios: constant(ios),
  2375. android: constant(android),
  2376. linux: constant(linux),
  2377. osx: constant(osx),
  2378. solaris: constant(solaris),
  2379. freebsd: constant(freebsd)
  2380. };
  2381. var DeviceType = function (os, browser, userAgent) {
  2382. var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
  2383. var isiPhone = os.isiOS() && !isiPad;
  2384. var isAndroid3 = os.isAndroid() && os.version.major === 3;
  2385. var isAndroid4 = os.isAndroid() && os.version.major === 4;
  2386. var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true;
  2387. var isTouch = os.isiOS() || os.isAndroid();
  2388. var isPhone = isTouch && !isTablet;
  2389. var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
  2390. return {
  2391. isiPad: constant(isiPad),
  2392. isiPhone: constant(isiPhone),
  2393. isTablet: constant(isTablet),
  2394. isPhone: constant(isPhone),
  2395. isTouch: constant(isTouch),
  2396. isAndroid: os.isAndroid,
  2397. isiOS: os.isiOS,
  2398. isWebView: constant(iOSwebview)
  2399. };
  2400. };
  2401. var detect$1 = function (candidates, userAgent) {
  2402. var agent = String(userAgent).toLowerCase();
  2403. return find(candidates, function (candidate) {
  2404. return candidate.search(agent);
  2405. });
  2406. };
  2407. var detectBrowser = function (browsers, userAgent) {
  2408. return detect$1(browsers, userAgent).map(function (browser) {
  2409. var version = Version.detect(browser.versionRegexes, userAgent);
  2410. return {
  2411. current: browser.name,
  2412. version: version
  2413. };
  2414. });
  2415. };
  2416. var detectOs = function (oses, userAgent) {
  2417. return detect$1(oses, userAgent).map(function (os) {
  2418. var version = Version.detect(os.versionRegexes, userAgent);
  2419. return {
  2420. current: os.name,
  2421. version: version
  2422. };
  2423. });
  2424. };
  2425. var UaString = {
  2426. detectBrowser: detectBrowser,
  2427. detectOs: detectOs
  2428. };
  2429. var contains = function (str, substr) {
  2430. return str.indexOf(substr) !== -1;
  2431. };
  2432. var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
  2433. var checkContains = function (target) {
  2434. return function (uastring) {
  2435. return contains(uastring, target);
  2436. };
  2437. };
  2438. var browsers = [
  2439. {
  2440. name: 'Edge',
  2441. versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
  2442. search: function (uastring) {
  2443. var monstrosity = contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
  2444. return monstrosity;
  2445. }
  2446. },
  2447. {
  2448. name: 'Chrome',
  2449. versionRegexes: [
  2450. /.*?chrome\/([0-9]+)\.([0-9]+).*/,
  2451. normalVersionRegex
  2452. ],
  2453. search: function (uastring) {
  2454. return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
  2455. }
  2456. },
  2457. {
  2458. name: 'IE',
  2459. versionRegexes: [
  2460. /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
  2461. /.*?rv:([0-9]+)\.([0-9]+).*/
  2462. ],
  2463. search: function (uastring) {
  2464. return contains(uastring, 'msie') || contains(uastring, 'trident');
  2465. }
  2466. },
  2467. {
  2468. name: 'Opera',
  2469. versionRegexes: [
  2470. normalVersionRegex,
  2471. /.*?opera\/([0-9]+)\.([0-9]+).*/
  2472. ],
  2473. search: checkContains('opera')
  2474. },
  2475. {
  2476. name: 'Firefox',
  2477. versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
  2478. search: checkContains('firefox')
  2479. },
  2480. {
  2481. name: 'Safari',
  2482. versionRegexes: [
  2483. normalVersionRegex,
  2484. /.*?cpu os ([0-9]+)_([0-9]+).*/
  2485. ],
  2486. search: function (uastring) {
  2487. return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
  2488. }
  2489. }
  2490. ];
  2491. var oses = [
  2492. {
  2493. name: 'Windows',
  2494. search: checkContains('win'),
  2495. versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
  2496. },
  2497. {
  2498. name: 'iOS',
  2499. search: function (uastring) {
  2500. return contains(uastring, 'iphone') || contains(uastring, 'ipad');
  2501. },
  2502. versionRegexes: [
  2503. /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
  2504. /.*cpu os ([0-9]+)_([0-9]+).*/,
  2505. /.*cpu iphone os ([0-9]+)_([0-9]+).*/
  2506. ]
  2507. },
  2508. {
  2509. name: 'Android',
  2510. search: checkContains('android'),
  2511. versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
  2512. },
  2513. {
  2514. name: 'OSX',
  2515. search: checkContains('os x'),
  2516. versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/]
  2517. },
  2518. {
  2519. name: 'Linux',
  2520. search: checkContains('linux'),
  2521. versionRegexes: []
  2522. },
  2523. {
  2524. name: 'Solaris',
  2525. search: checkContains('sunos'),
  2526. versionRegexes: []
  2527. },
  2528. {
  2529. name: 'FreeBSD',
  2530. search: checkContains('freebsd'),
  2531. versionRegexes: []
  2532. }
  2533. ];
  2534. var PlatformInfo = {
  2535. browsers: constant(browsers),
  2536. oses: constant(oses)
  2537. };
  2538. var detect$2 = function (userAgent) {
  2539. var browsers = PlatformInfo.browsers();
  2540. var oses = PlatformInfo.oses();
  2541. var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
  2542. var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
  2543. var deviceType = DeviceType(os, browser, userAgent);
  2544. return {
  2545. browser: browser,
  2546. os: os,
  2547. deviceType: deviceType
  2548. };
  2549. };
  2550. var PlatformDetection = { detect: detect$2 };
  2551. var detect$3 = cached(function () {
  2552. var userAgent = domGlobals.navigator.userAgent;
  2553. return PlatformDetection.detect(userAgent);
  2554. });
  2555. var PlatformDetection$1 = { detect: detect$3 };
  2556. var fromHtml = function (html, scope) {
  2557. var doc = scope || domGlobals.document;
  2558. var div = doc.createElement('div');
  2559. div.innerHTML = html;
  2560. if (!div.hasChildNodes() || div.childNodes.length > 1) {
  2561. domGlobals.console.error('HTML does not have a single root node', html);
  2562. throw new Error('HTML must have a single root node');
  2563. }
  2564. return fromDom(div.childNodes[0]);
  2565. };
  2566. var fromTag = function (tag, scope) {
  2567. var doc = scope || domGlobals.document;
  2568. var node = doc.createElement(tag);
  2569. return fromDom(node);
  2570. };
  2571. var fromText = function (text, scope) {
  2572. var doc = scope || domGlobals.document;
  2573. var node = doc.createTextNode(text);
  2574. return fromDom(node);
  2575. };
  2576. var fromDom = function (node) {
  2577. if (node === null || node === undefined) {
  2578. throw new Error('Node cannot be null or undefined');
  2579. }
  2580. return { dom: constant(node) };
  2581. };
  2582. var fromPoint = function (docElm, x, y) {
  2583. var doc = docElm.dom();
  2584. return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
  2585. };
  2586. var Element = {
  2587. fromHtml: fromHtml,
  2588. fromTag: fromTag,
  2589. fromText: fromText,
  2590. fromDom: fromDom,
  2591. fromPoint: fromPoint
  2592. };
  2593. var ATTRIBUTE = domGlobals.Node.ATTRIBUTE_NODE;
  2594. var CDATA_SECTION = domGlobals.Node.CDATA_SECTION_NODE;
  2595. var COMMENT = domGlobals.Node.COMMENT_NODE;
  2596. var DOCUMENT = domGlobals.Node.DOCUMENT_NODE;
  2597. var DOCUMENT_TYPE = domGlobals.Node.DOCUMENT_TYPE_NODE;
  2598. var DOCUMENT_FRAGMENT = domGlobals.Node.DOCUMENT_FRAGMENT_NODE;
  2599. var ELEMENT = domGlobals.Node.ELEMENT_NODE;
  2600. var TEXT = domGlobals.Node.TEXT_NODE;
  2601. var PROCESSING_INSTRUCTION = domGlobals.Node.PROCESSING_INSTRUCTION_NODE;
  2602. var ENTITY_REFERENCE = domGlobals.Node.ENTITY_REFERENCE_NODE;
  2603. var ENTITY = domGlobals.Node.ENTITY_NODE;
  2604. var NOTATION = domGlobals.Node.NOTATION_NODE;
  2605. var ELEMENT$1 = ELEMENT;
  2606. var is = function (element, selector) {
  2607. var elem = element.dom();
  2608. if (elem.nodeType !== ELEMENT$1) {
  2609. return false;
  2610. } else if (elem.matches !== undefined) {
  2611. return elem.matches(selector);
  2612. } else if (elem.msMatchesSelector !== undefined) {
  2613. return elem.msMatchesSelector(selector);
  2614. } else if (elem.webkitMatchesSelector !== undefined) {
  2615. return elem.webkitMatchesSelector(selector);
  2616. } else if (elem.mozMatchesSelector !== undefined) {
  2617. return elem.mozMatchesSelector(selector);
  2618. } else {
  2619. throw new Error('Browser lacks native selectors');
  2620. }
  2621. };
  2622. var regularContains = function (e1, e2) {
  2623. var d1 = e1.dom();
  2624. var d2 = e2.dom();
  2625. return d1 === d2 ? false : d1.contains(d2);
  2626. };
  2627. var ieContains = function (e1, e2) {
  2628. return Node.documentPositionContainedBy(e1.dom(), e2.dom());
  2629. };
  2630. var browser = PlatformDetection$1.detect().browser;
  2631. var contains$1 = browser.isIE() ? ieContains : regularContains;
  2632. var child = function (scope, predicate) {
  2633. var result = find(scope.dom().childNodes, compose(predicate, Element.fromDom));
  2634. return result.map(Element.fromDom);
  2635. };
  2636. var child$1 = function (scope, selector) {
  2637. return child(scope, function (e) {
  2638. return is(e, selector);
  2639. });
  2640. };
  2641. var count = 0;
  2642. var getFigureImg = function (elem) {
  2643. return child$1(Element.fromDom(elem), 'img');
  2644. };
  2645. var isFigure = function (editor, elem) {
  2646. return editor.dom.is(elem, 'figure');
  2647. };
  2648. var getEditableImage = function (editor, elem) {
  2649. var isImage = function (imgNode) {
  2650. return editor.dom.is(imgNode, 'img:not([data-mce-object],[data-mce-placeholder])');
  2651. };
  2652. var isEditable = function (imgNode) {
  2653. return isImage(imgNode) && (isLocalImage(editor, imgNode) || isCorsImage(editor, imgNode) || editor.settings.imagetools_proxy);
  2654. };
  2655. if (isFigure(editor, elem)) {
  2656. var imgOpt = getFigureImg(elem);
  2657. return imgOpt.map(function (img) {
  2658. return isEditable(img.dom()) ? Option.some(img.dom()) : Option.none();
  2659. });
  2660. }
  2661. return isEditable(elem) ? Option.some(elem) : Option.none();
  2662. };
  2663. var displayError = function (editor, error) {
  2664. editor.notificationManager.open({
  2665. text: error,
  2666. type: 'error'
  2667. });
  2668. };
  2669. var getSelectedImage = function (editor) {
  2670. var elem = editor.selection.getNode();
  2671. if (isFigure(editor, elem)) {
  2672. return getFigureImg(elem);
  2673. } else {
  2674. return Option.some(Element.fromDom(elem));
  2675. }
  2676. };
  2677. var extractFilename = function (editor, url) {
  2678. var m = url.match(/\/([^\/\?]+)?\.(?:jpeg|jpg|png|gif)(?:\?|$)/i);
  2679. if (m) {
  2680. return editor.dom.encode(m[1]);
  2681. }
  2682. return null;
  2683. };
  2684. var createId = function () {
  2685. return 'imagetools' + count++;
  2686. };
  2687. var isLocalImage = function (editor, img) {
  2688. var url = img.src;
  2689. return url.indexOf('data:') === 0 || url.indexOf('blob:') === 0 || new global$4(url).host === editor.documentBaseURI.host;
  2690. };
  2691. var isCorsImage = function (editor, img) {
  2692. return global$1.inArray(getCorsHosts(editor), new global$4(img.src).host) !== -1;
  2693. };
  2694. var isCorsWithCredentialsImage = function (editor, img) {
  2695. return global$1.inArray(getCredentialsHosts(editor), new global$4(img.src).host) !== -1;
  2696. };
  2697. var imageToBlob$2 = function (editor, img) {
  2698. var src = img.src, apiKey;
  2699. if (isCorsImage(editor, img)) {
  2700. return getUrl(img.src, null, isCorsWithCredentialsImage(editor, img));
  2701. }
  2702. if (!isLocalImage(editor, img)) {
  2703. src = getProxyUrl(editor);
  2704. src += (src.indexOf('?') === -1 ? '?' : '&') + 'url=' + encodeURIComponent(img.src);
  2705. apiKey = getApiKey(editor);
  2706. return getUrl(src, apiKey, false);
  2707. }
  2708. return BlobConversions.imageToBlob(img);
  2709. };
  2710. var findBlob = function (editor, img) {
  2711. var blobInfo;
  2712. blobInfo = editor.editorUpload.blobCache.getByUri(img.src);
  2713. if (blobInfo) {
  2714. return global$3.resolve(blobInfo.blob());
  2715. }
  2716. return imageToBlob$2(editor, img);
  2717. };
  2718. var startTimedUpload = function (editor, imageUploadTimerState) {
  2719. var imageUploadTimer = global$2.setEditorTimeout(editor, function () {
  2720. editor.editorUpload.uploadImagesAuto();
  2721. }, getUploadTimeout(editor));
  2722. imageUploadTimerState.set(imageUploadTimer);
  2723. };
  2724. var cancelTimedUpload = function (imageUploadTimerState) {
  2725. clearTimeout(imageUploadTimerState.get());
  2726. };
  2727. var updateSelectedImage = function (editor, ir, uploadImmediately, imageUploadTimerState, selectedImage, size) {
  2728. return ir.toBlob().then(function (blob) {
  2729. var uri, name, blobCache, blobInfo;
  2730. blobCache = editor.editorUpload.blobCache;
  2731. uri = selectedImage.src;
  2732. if (shouldReuseFilename(editor)) {
  2733. blobInfo = blobCache.getByUri(uri);
  2734. if (blobInfo) {
  2735. uri = blobInfo.uri();
  2736. name = blobInfo.name();
  2737. } else {
  2738. name = extractFilename(editor, uri);
  2739. }
  2740. }
  2741. blobInfo = blobCache.create({
  2742. id: createId(),
  2743. blob: blob,
  2744. base64: ir.toBase64(),
  2745. uri: uri,
  2746. name: name
  2747. });
  2748. blobCache.add(blobInfo);
  2749. editor.undoManager.transact(function () {
  2750. function imageLoadedHandler() {
  2751. editor.$(selectedImage).off('load', imageLoadedHandler);
  2752. editor.nodeChanged();
  2753. if (uploadImmediately) {
  2754. editor.editorUpload.uploadImagesAuto();
  2755. } else {
  2756. cancelTimedUpload(imageUploadTimerState);
  2757. startTimedUpload(editor, imageUploadTimerState);
  2758. }
  2759. }
  2760. editor.$(selectedImage).on('load', imageLoadedHandler);
  2761. if (size) {
  2762. editor.$(selectedImage).attr({
  2763. width: size.w,
  2764. height: size.h
  2765. });
  2766. }
  2767. editor.$(selectedImage).attr({ src: blobInfo.blobUri() }).removeAttr('data-mce-src');
  2768. });
  2769. return blobInfo;
  2770. });
  2771. };
  2772. var selectedImageOperation = function (editor, imageUploadTimerState, fn, size) {
  2773. return function () {
  2774. var imgOpt = getSelectedImage(editor);
  2775. return imgOpt.fold(function () {
  2776. displayError(editor, 'Could not find selected image');
  2777. }, function (img) {
  2778. return editor._scanForImages().then(function () {
  2779. return findBlob(editor, img.dom());
  2780. }).then(ResultConversions.blobToImageResult).then(fn).then(function (imageResult) {
  2781. return updateSelectedImage(editor, imageResult, false, imageUploadTimerState, img.dom(), size);
  2782. }, function (error) {
  2783. displayError(editor, error);
  2784. });
  2785. });
  2786. };
  2787. };
  2788. var rotate$2 = function (editor, imageUploadTimerState, angle) {
  2789. return function () {
  2790. var imgOpt = getSelectedImage(editor);
  2791. var flippedSize = imgOpt.fold(function () {
  2792. return null;
  2793. }, function (img) {
  2794. var size = ImageSize$1.getImageSize(img.dom());
  2795. return size ? {
  2796. w: size.h,
  2797. h: size.w
  2798. } : null;
  2799. });
  2800. return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
  2801. return ImageTransformations.rotate(imageResult, angle);
  2802. }, flippedSize)();
  2803. };
  2804. };
  2805. var flip$2 = function (editor, imageUploadTimerState, axis) {
  2806. return function () {
  2807. return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
  2808. return ImageTransformations.flip(imageResult, axis);
  2809. })();
  2810. };
  2811. };
  2812. var handleDialogBlob = function (editor, imageUploadTimerState, img, originalSize, blob) {
  2813. return new global$3(function (resolve) {
  2814. BlobConversions.blobToImage(blob).then(function (newImage) {
  2815. var newSize = ImageSize$1.getNaturalImageSize(newImage);
  2816. if (originalSize.w !== newSize.w || originalSize.h !== newSize.h) {
  2817. if (ImageSize$1.getImageSize(img)) {
  2818. ImageSize$1.setImageSize(img, newSize);
  2819. }
  2820. }
  2821. URL.revokeObjectURL(newImage.src);
  2822. return blob;
  2823. }).then(ResultConversions.blobToImageResult).then(function (imageResult) {
  2824. return updateSelectedImage(editor, imageResult, true, imageUploadTimerState, img);
  2825. }, function () {
  2826. });
  2827. });
  2828. };
  2829. var Actions = {
  2830. rotate: rotate$2,
  2831. flip: flip$2,
  2832. getEditableImage: getEditableImage,
  2833. cancelTimedUpload: cancelTimedUpload,
  2834. findBlob: findBlob,
  2835. getSelectedImage: getSelectedImage,
  2836. handleDialogBlob: handleDialogBlob
  2837. };
  2838. var saveState = constant('save-state');
  2839. var disable = constant('disable');
  2840. var enable = constant('enable');
  2841. var createState = function (blob) {
  2842. return {
  2843. blob: blob,
  2844. url: URL.createObjectURL(blob)
  2845. };
  2846. };
  2847. var makeOpen = function (editor, imageUploadTimerState) {
  2848. return function () {
  2849. var getLoadedSpec = function (currentState) {
  2850. return {
  2851. title: 'Edit Image',
  2852. size: 'large',
  2853. body: {
  2854. type: 'panel',
  2855. items: [{
  2856. type: 'imagetools',
  2857. name: 'imagetools',
  2858. label: 'Edit Image',
  2859. currentState: currentState
  2860. }]
  2861. },
  2862. buttons: [
  2863. {
  2864. type: 'cancel',
  2865. name: 'cancel',
  2866. text: 'Cancel'
  2867. },
  2868. {
  2869. type: 'submit',
  2870. name: 'save',
  2871. text: 'Save',
  2872. primary: true,
  2873. disabled: true
  2874. }
  2875. ],
  2876. onSubmit: function (api) {
  2877. var blob = api.getData().imagetools.blob;
  2878. originalImgOpt.each(function (originalImg) {
  2879. originalSizeOpt.each(function (originalSize) {
  2880. Actions.handleDialogBlob(editor, imageUploadTimerState, originalImg.dom(), originalSize, blob);
  2881. });
  2882. });
  2883. api.close();
  2884. },
  2885. onCancel: function () {
  2886. },
  2887. onAction: function (api, details) {
  2888. switch (details.name) {
  2889. case saveState():
  2890. if (details.value) {
  2891. api.enable('save');
  2892. } else {
  2893. api.disable('save');
  2894. }
  2895. break;
  2896. case disable():
  2897. api.disable('save');
  2898. api.disable('cancel');
  2899. break;
  2900. case enable():
  2901. api.enable('cancel');
  2902. break;
  2903. }
  2904. }
  2905. };
  2906. };
  2907. var originalImgOpt = Actions.getSelectedImage(editor);
  2908. var originalSizeOpt = originalImgOpt.map(function (origImg) {
  2909. return ImageSize$1.getNaturalImageSize(origImg.dom());
  2910. });
  2911. var imgOpt = Actions.getSelectedImage(editor);
  2912. imgOpt.each(function (img) {
  2913. Actions.getEditableImage(editor, img.dom()).each(function (_) {
  2914. Actions.findBlob(editor, img.dom()).then(function (blob) {
  2915. var state = createState(blob);
  2916. editor.windowManager.open(getLoadedSpec(state));
  2917. });
  2918. });
  2919. });
  2920. };
  2921. };
  2922. var Dialog = { makeOpen: makeOpen };
  2923. var register = function (editor, imageUploadTimerState) {
  2924. global$1.each({
  2925. mceImageRotateLeft: Actions.rotate(editor, imageUploadTimerState, -90),
  2926. mceImageRotateRight: Actions.rotate(editor, imageUploadTimerState, 90),
  2927. mceImageFlipVertical: Actions.flip(editor, imageUploadTimerState, 'v'),
  2928. mceImageFlipHorizontal: Actions.flip(editor, imageUploadTimerState, 'h'),
  2929. mceEditImage: Dialog.makeOpen(editor, imageUploadTimerState)
  2930. }, function (fn, cmd) {
  2931. editor.addCommand(cmd, fn);
  2932. });
  2933. };
  2934. var Commands = { register: register };
  2935. var setup = function (editor, imageUploadTimerState, lastSelectedImageState) {
  2936. editor.on('NodeChange', function (e) {
  2937. var lastSelectedImage = lastSelectedImageState.get();
  2938. if (lastSelectedImage && lastSelectedImage.src !== e.element.src) {
  2939. Actions.cancelTimedUpload(imageUploadTimerState);
  2940. editor.editorUpload.uploadImagesAuto();
  2941. lastSelectedImageState.set(null);
  2942. }
  2943. Actions.getEditableImage(editor, e.element).each(lastSelectedImageState.set);
  2944. });
  2945. };
  2946. var UploadSelectedImage = { setup: setup };
  2947. var register$1 = function (editor) {
  2948. var cmd = function (command) {
  2949. return function () {
  2950. return editor.execCommand(command);
  2951. };
  2952. };
  2953. editor.ui.registry.addButton('rotateleft', {
  2954. tooltip: 'Rotate counterclockwise',
  2955. icon: 'rotate-left',
  2956. onAction: cmd('mceImageRotateLeft')
  2957. });
  2958. editor.ui.registry.addButton('rotateright', {
  2959. tooltip: 'Rotate clockwise',
  2960. icon: 'rotate-right',
  2961. onAction: cmd('mceImageRotateRight')
  2962. });
  2963. editor.ui.registry.addButton('flipv', {
  2964. tooltip: 'Flip vertically',
  2965. icon: 'flip-vertically',
  2966. onAction: cmd('mceImageFlipVertical')
  2967. });
  2968. editor.ui.registry.addButton('fliph', {
  2969. tooltip: 'Flip horizontally',
  2970. icon: 'flip-horizontally',
  2971. onAction: cmd('mceImageFlipHorizontal')
  2972. });
  2973. editor.ui.registry.addButton('editimage', {
  2974. tooltip: 'Edit image',
  2975. icon: 'edit-image',
  2976. onAction: cmd('mceEditImage'),
  2977. onSetup: function (buttonApi) {
  2978. var setDisabled = function () {
  2979. var elementOpt = Actions.getSelectedImage(editor);
  2980. elementOpt.each(function (element) {
  2981. var disabled = Actions.getEditableImage(editor, element.dom()).isNone();
  2982. buttonApi.setDisabled(disabled);
  2983. });
  2984. };
  2985. editor.on('NodeChange', setDisabled);
  2986. return function () {
  2987. editor.off('NodeChange', setDisabled);
  2988. };
  2989. }
  2990. });
  2991. editor.ui.registry.addButton('imageoptions', {
  2992. tooltip: 'Image options',
  2993. icon: 'image-options',
  2994. onAction: cmd('mceImage')
  2995. });
  2996. editor.ui.registry.addContextMenu('imagetools', {
  2997. update: function (element) {
  2998. return Actions.getEditableImage(editor, element).fold(function () {
  2999. return [];
  3000. }, function (_) {
  3001. return [{
  3002. text: 'Edit image',
  3003. icon: 'edit-image',
  3004. onAction: cmd('mceEditImage')
  3005. }];
  3006. });
  3007. }
  3008. });
  3009. };
  3010. var Buttons = { register: register$1 };
  3011. var register$2 = function (editor) {
  3012. editor.ui.registry.addContextToolbar('imagetools', {
  3013. items: getToolbarItems(editor),
  3014. predicate: function (elem) {
  3015. return Actions.getEditableImage(editor, elem).isSome();
  3016. },
  3017. position: 'node',
  3018. scope: 'node'
  3019. });
  3020. };
  3021. var ContextToolbar = { register: register$2 };
  3022. global.add('imagetools', function (editor) {
  3023. var imageUploadTimerState = Cell(0);
  3024. var lastSelectedImageState = Cell(null);
  3025. Commands.register(editor, imageUploadTimerState);
  3026. Buttons.register(editor);
  3027. ContextToolbar.register(editor);
  3028. UploadSelectedImage.setup(editor, imageUploadTimerState, lastSelectedImageState);
  3029. });
  3030. function Plugin () {
  3031. }
  3032. return Plugin;
  3033. }(window));
  3034. })();