12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653 |
- (function () {
- var imagetools = (function () {
- 'use strict';
- var Cell = function (initial) {
- var value = initial;
- var get = function () {
- return value;
- };
- var set = function (v) {
- value = v;
- };
- var clone = function () {
- return Cell(get());
- };
- return {
- get: get,
- set: set,
- clone: clone
- };
- };
- var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
- var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
- function create(width, height) {
- return resize(document.createElement('canvas'), width, height);
- }
- function clone(canvas) {
- var tCanvas, ctx;
- tCanvas = create(canvas.width, canvas.height);
- ctx = get2dContext(tCanvas);
- ctx.drawImage(canvas, 0, 0);
- return tCanvas;
- }
- function get2dContext(canvas) {
- return canvas.getContext('2d');
- }
- function get3dContext(canvas) {
- var gl = null;
- try {
- gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
- } catch (e) {
- }
- if (!gl) {
- gl = null;
- }
- return gl;
- }
- function resize(canvas, width, height) {
- canvas.width = width;
- canvas.height = height;
- return canvas;
- }
- var Canvas = {
- create: create,
- clone: clone,
- resize: resize,
- get2dContext: get2dContext,
- get3dContext: get3dContext
- };
- function getWidth(image) {
- return image.naturalWidth || image.width;
- }
- function getHeight(image) {
- return image.naturalHeight || image.height;
- }
- var ImageSize = {
- getWidth: getWidth,
- getHeight: getHeight
- };
- var promise = function () {
- var Promise = function (fn) {
- if (typeof this !== 'object')
- throw new TypeError('Promises must be constructed via new');
- if (typeof fn !== 'function')
- throw new TypeError('not a function');
- this._state = null;
- this._value = null;
- this._deferreds = [];
- doResolve(fn, bind(resolve, this), bind(reject, this));
- };
- var asap = Promise.immediateFn || typeof window.setImmediate === 'function' && window.setImmediate || function (fn) {
- setTimeout(fn, 1);
- };
- function bind(fn, thisArg) {
- return function () {
- fn.apply(thisArg, arguments);
- };
- }
- var isArray = Array.isArray || function (value) {
- return Object.prototype.toString.call(value) === '[object Array]';
- };
- function handle(deferred) {
- var me = this;
- if (this._state === null) {
- this._deferreds.push(deferred);
- return;
- }
- asap(function () {
- var cb = me._state ? deferred.onFulfilled : deferred.onRejected;
- if (cb === null) {
- (me._state ? deferred.resolve : deferred.reject)(me._value);
- return;
- }
- var ret;
- try {
- ret = cb(me._value);
- } catch (e) {
- deferred.reject(e);
- return;
- }
- deferred.resolve(ret);
- });
- }
- function resolve(newValue) {
- try {
- if (newValue === this)
- throw new TypeError('A promise cannot be resolved with itself.');
- if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
- var then = newValue.then;
- if (typeof then === 'function') {
- doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this));
- return;
- }
- }
- this._state = true;
- this._value = newValue;
- finale.call(this);
- } catch (e) {
- reject.call(this, e);
- }
- }
- function reject(newValue) {
- this._state = false;
- this._value = newValue;
- finale.call(this);
- }
- function finale() {
- for (var i = 0, len = this._deferreds.length; i < len; i++) {
- handle.call(this, this._deferreds[i]);
- }
- this._deferreds = null;
- }
- function Handler(onFulfilled, onRejected, resolve, reject) {
- this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
- this.onRejected = typeof onRejected === 'function' ? onRejected : null;
- this.resolve = resolve;
- this.reject = reject;
- }
- function doResolve(fn, onFulfilled, onRejected) {
- var done = false;
- try {
- fn(function (value) {
- if (done)
- return;
- done = true;
- onFulfilled(value);
- }, function (reason) {
- if (done)
- return;
- done = true;
- onRejected(reason);
- });
- } catch (ex) {
- if (done)
- return;
- done = true;
- onRejected(ex);
- }
- }
- Promise.prototype['catch'] = function (onRejected) {
- return this.then(null, onRejected);
- };
- Promise.prototype.then = function (onFulfilled, onRejected) {
- var me = this;
- return new Promise(function (resolve, reject) {
- handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject));
- });
- };
- Promise.all = function () {
- var args = Array.prototype.slice.call(arguments.length === 1 && isArray(arguments[0]) ? arguments[0] : arguments);
- return new Promise(function (resolve, reject) {
- if (args.length === 0)
- return resolve([]);
- var remaining = args.length;
- function res(i, val) {
- try {
- if (val && (typeof val === 'object' || typeof val === 'function')) {
- var then = val.then;
- if (typeof then === 'function') {
- then.call(val, function (val) {
- res(i, val);
- }, reject);
- return;
- }
- }
- args[i] = val;
- if (--remaining === 0) {
- resolve(args);
- }
- } catch (ex) {
- reject(ex);
- }
- }
- for (var i = 0; i < args.length; i++) {
- res(i, args[i]);
- }
- });
- };
- Promise.resolve = function (value) {
- if (value && typeof value === 'object' && value.constructor === Promise) {
- return value;
- }
- return new Promise(function (resolve) {
- resolve(value);
- });
- };
- Promise.reject = function (value) {
- return new Promise(function (resolve, reject) {
- reject(value);
- });
- };
- Promise.race = function (values) {
- return new Promise(function (resolve, reject) {
- for (var i = 0, len = values.length; i < len; i++) {
- values[i].then(resolve, reject);
- }
- });
- };
- return Promise;
- };
- var Promise = window.Promise ? window.Promise : promise();
- var constant = function (value) {
- return function () {
- return value;
- };
- };
- function curry(fn) {
- var initialArgs = [];
- for (var _i = 1; _i < arguments.length; _i++) {
- initialArgs[_i - 1] = arguments[_i];
- }
- return function () {
- var restArgs = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- restArgs[_i] = arguments[_i];
- }
- var all = initialArgs.concat(restArgs);
- return fn.apply(null, all);
- };
- }
- var never = constant(false);
- var always = constant(true);
- var never$1 = never;
- var always$1 = always;
- var none = function () {
- return NONE;
- };
- var NONE = function () {
- var eq = function (o) {
- return o.isNone();
- };
- var call$$1 = function (thunk) {
- return thunk();
- };
- var id = function (n) {
- return n;
- };
- var noop$$1 = function () {
- };
- var nul = function () {
- return null;
- };
- var undef = function () {
- return undefined;
- };
- var me = {
- fold: function (n, s) {
- return n();
- },
- is: never$1,
- isSome: never$1,
- isNone: always$1,
- getOr: id,
- getOrThunk: call$$1,
- getOrDie: function (msg) {
- throw new Error(msg || 'error: getOrDie called on none.');
- },
- getOrNull: nul,
- getOrUndefined: undef,
- or: id,
- orThunk: call$$1,
- map: none,
- ap: none,
- each: noop$$1,
- bind: none,
- flatten: none,
- exists: never$1,
- forall: always$1,
- filter: none,
- equals: eq,
- equals_: eq,
- toArray: function () {
- return [];
- },
- toString: constant('none()')
- };
- if (Object.freeze)
- Object.freeze(me);
- return me;
- }();
- var some = function (a) {
- var constant_a = function () {
- return a;
- };
- var self = function () {
- return me;
- };
- var map = function (f) {
- return some(f(a));
- };
- var bind = function (f) {
- return f(a);
- };
- var me = {
- fold: function (n, s) {
- return s(a);
- },
- is: function (v) {
- return a === v;
- },
- isSome: always$1,
- isNone: never$1,
- getOr: constant_a,
- getOrThunk: constant_a,
- getOrDie: constant_a,
- getOrNull: constant_a,
- getOrUndefined: constant_a,
- or: self,
- orThunk: self,
- map: map,
- ap: function (optfab) {
- return optfab.fold(none, function (fab) {
- return some(fab(a));
- });
- },
- each: function (f) {
- f(a);
- },
- bind: bind,
- flatten: constant_a,
- exists: bind,
- forall: bind,
- filter: function (f) {
- return f(a) ? me : NONE;
- },
- equals: function (o) {
- return o.is(a);
- },
- equals_: function (o, elementEq) {
- return o.fold(never$1, function (b) {
- return elementEq(a, b);
- });
- },
- toArray: function () {
- return [a];
- },
- toString: function () {
- return 'some(' + a + ')';
- }
- };
- return me;
- };
- var from = function (value) {
- return value === null || value === undefined ? NONE : some(value);
- };
- var Option = {
- some: some,
- none: none,
- from: from
- };
- var Global = typeof window !== 'undefined' ? window : Function('return this;')();
- var path = function (parts, scope) {
- var o = scope !== undefined && scope !== null ? scope : Global;
- for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i)
- o = o[parts[i]];
- return o;
- };
- var resolve = function (p, scope) {
- var parts = p.split('.');
- return path(parts, scope);
- };
- var unsafe = function (name, scope) {
- return resolve(name, scope);
- };
- var getOrDie = function (name, scope) {
- var actual = unsafe(name, scope);
- if (actual === undefined || actual === null)
- throw name + ' not available on this browser';
- return actual;
- };
- var Global$1 = { getOrDie: getOrDie };
- function Blob (parts, properties) {
- var f = Global$1.getOrDie('Blob');
- return new f(parts, properties);
- }
- function FileReader () {
- var f = Global$1.getOrDie('FileReader');
- return new f();
- }
- function Uint8Array (arr) {
- var f = Global$1.getOrDie('Uint8Array');
- return new f(arr);
- }
- var requestAnimationFrame = function (callback) {
- var f = Global$1.getOrDie('requestAnimationFrame');
- f(callback);
- };
- var atob = function (base64) {
- var f = Global$1.getOrDie('atob');
- return f(base64);
- };
- var Window = {
- atob: atob,
- requestAnimationFrame: requestAnimationFrame
- };
- function imageToBlob(image) {
- var src = image.src;
- if (src.indexOf('data:') === 0) {
- return dataUriToBlob(src);
- }
- return anyUriToBlob(src);
- }
- function blobToImage(blob) {
- return new Promise(function (resolve, reject) {
- var blobUrl = URL.createObjectURL(blob);
- var image = new Image();
- var removeListeners = function () {
- image.removeEventListener('load', loaded);
- image.removeEventListener('error', error);
- };
- function loaded() {
- removeListeners();
- resolve(image);
- }
- function error() {
- removeListeners();
- reject('Unable to load data of type ' + blob.type + ': ' + blobUrl);
- }
- image.addEventListener('load', loaded);
- image.addEventListener('error', error);
- image.src = blobUrl;
- if (image.complete) {
- loaded();
- }
- });
- }
- function anyUriToBlob(url) {
- return new Promise(function (resolve, reject) {
- var xhr = new XMLHttpRequest();
- xhr.open('GET', url, true);
- xhr.responseType = 'blob';
- xhr.onload = function () {
- if (this.status == 200) {
- resolve(this.response);
- }
- };
- xhr.onerror = function () {
- var _this = this;
- var corsError = function () {
- var obj = new Error('No access to download image');
- obj.code = 18;
- obj.name = 'SecurityError';
- return obj;
- };
- var genericError = function () {
- return new Error('Error ' + _this.status + ' downloading image');
- };
- reject(this.status === 0 ? corsError() : genericError());
- };
- xhr.send();
- });
- }
- function dataUriToBlobSync(uri) {
- var data = uri.split(',');
- var matches = /data:([^;]+)/.exec(data[0]);
- if (!matches)
- return Option.none();
- var mimetype = matches[1];
- var base64 = data[1];
- var sliceSize = 1024;
- var byteCharacters = Window.atob(base64);
- var bytesLength = byteCharacters.length;
- var slicesCount = Math.ceil(bytesLength / sliceSize);
- var byteArrays = new Array(slicesCount);
- for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
- var begin = sliceIndex * sliceSize;
- var end = Math.min(begin + sliceSize, bytesLength);
- var bytes = new Array(end - begin);
- for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
- bytes[i] = byteCharacters[offset].charCodeAt(0);
- }
- byteArrays[sliceIndex] = Uint8Array(bytes);
- }
- return Option.some(Blob(byteArrays, { type: mimetype }));
- }
- function dataUriToBlob(uri) {
- return new Promise(function (resolve, reject) {
- dataUriToBlobSync(uri).fold(function () {
- reject('uri is not base64: ' + uri);
- }, resolve);
- });
- }
- function uriToBlob(url) {
- if (url.indexOf('blob:') === 0) {
- return anyUriToBlob(url);
- }
- if (url.indexOf('data:') === 0) {
- return dataUriToBlob(url);
- }
- return null;
- }
- function canvasToBlob(canvas, type, quality) {
- type = type || 'image/png';
- if (HTMLCanvasElement.prototype.toBlob) {
- return new Promise(function (resolve) {
- canvas.toBlob(function (blob) {
- resolve(blob);
- }, type, quality);
- });
- } else {
- return dataUriToBlob(canvas.toDataURL(type, quality));
- }
- }
- function canvasToDataURL(getCanvas, type, quality) {
- type = type || 'image/png';
- return getCanvas.then(function (canvas) {
- return canvas.toDataURL(type, quality);
- });
- }
- function blobToCanvas(blob) {
- return blobToImage(blob).then(function (image) {
- revokeImageUrl(image);
- var context, canvas;
- canvas = Canvas.create(ImageSize.getWidth(image), ImageSize.getHeight(image));
- context = Canvas.get2dContext(canvas);
- context.drawImage(image, 0, 0);
- return canvas;
- });
- }
- function blobToDataUri(blob) {
- return new Promise(function (resolve) {
- var reader = FileReader();
- reader.onloadend = function () {
- resolve(reader.result);
- };
- reader.readAsDataURL(blob);
- });
- }
- function blobToArrayBuffer(blob) {
- return new Promise(function (resolve) {
- var reader = FileReader();
- reader.onloadend = function () {
- resolve(reader.result);
- };
- reader.readAsArrayBuffer(blob);
- });
- }
- function blobToBase64(blob) {
- return blobToDataUri(blob).then(function (dataUri) {
- return dataUri.split(',')[1];
- });
- }
- function revokeImageUrl(image) {
- URL.revokeObjectURL(image.src);
- }
- var Conversions = {
- blobToImage: blobToImage,
- imageToBlob: imageToBlob,
- blobToArrayBuffer: blobToArrayBuffer,
- blobToDataUri: blobToDataUri,
- blobToBase64: blobToBase64,
- dataUriToBlobSync: dataUriToBlobSync,
- canvasToBlob: canvasToBlob,
- canvasToDataURL: canvasToDataURL,
- blobToCanvas: blobToCanvas,
- uriToBlob: uriToBlob
- };
- var blobToImage$1 = function (image) {
- return Conversions.blobToImage(image);
- };
- var imageToBlob$1 = function (blob) {
- return Conversions.imageToBlob(blob);
- };
- var blobToDataUri$1 = function (blob) {
- return Conversions.blobToDataUri(blob);
- };
- var blobToBase64$1 = function (blob) {
- return Conversions.blobToBase64(blob);
- };
- var dataUriToBlobSync$1 = function (uri) {
- return Conversions.dataUriToBlobSync(uri);
- };
- var uriToBlob$1 = function (uri) {
- return Option.from(Conversions.uriToBlob(uri));
- };
- var BlobConversions = {
- blobToImage: blobToImage$1,
- imageToBlob: imageToBlob$1,
- blobToDataUri: blobToDataUri$1,
- blobToBase64: blobToBase64$1,
- dataUriToBlobSync: dataUriToBlobSync$1,
- uriToBlob: uriToBlob$1
- };
- function create$1(getCanvas, blob, uri) {
- var initialType = blob.type;
- var getType = constant(initialType);
- function toBlob() {
- return Promise.resolve(blob);
- }
- function toDataURL() {
- return uri;
- }
- function toBase64() {
- return uri.split(',')[1];
- }
- function toAdjustedBlob(type, quality) {
- return getCanvas.then(function (canvas) {
- return Conversions.canvasToBlob(canvas, type, quality);
- });
- }
- function toAdjustedDataURL(type, quality) {
- return getCanvas.then(function (canvas) {
- return Conversions.canvasToDataURL(canvas, type, quality);
- });
- }
- function toAdjustedBase64(type, quality) {
- return toAdjustedDataURL(type, quality).then(function (dataurl) {
- return dataurl.split(',')[1];
- });
- }
- function toCanvas() {
- return getCanvas.then(Canvas.clone);
- }
- return {
- getType: getType,
- toBlob: toBlob,
- toDataURL: toDataURL,
- toBase64: toBase64,
- toAdjustedBlob: toAdjustedBlob,
- toAdjustedDataURL: toAdjustedDataURL,
- toAdjustedBase64: toAdjustedBase64,
- toCanvas: toCanvas
- };
- }
- function fromBlob(blob) {
- return Conversions.blobToDataUri(blob).then(function (uri) {
- return create$1(Conversions.blobToCanvas(blob), blob, uri);
- });
- }
- function fromCanvas(canvas, type) {
- return Conversions.canvasToBlob(canvas, type).then(function (blob) {
- return create$1(Promise.resolve(canvas), blob, canvas.toDataURL());
- });
- }
- function fromImage(image) {
- return Conversions.imageToBlob(image).then(function (blob) {
- return fromBlob(blob);
- });
- }
- var fromBlobAndUrlSync = function (blob, url) {
- return create$1(Conversions.blobToCanvas(blob), blob, url);
- };
- var ImageResult = {
- fromBlob: fromBlob,
- fromCanvas: fromCanvas,
- fromImage: fromImage,
- fromBlobAndUrlSync: fromBlobAndUrlSync
- };
- function clamp(value, min, max) {
- value = parseFloat(value);
- if (value > max) {
- value = max;
- } else if (value < min) {
- value = min;
- }
- return value;
- }
- function identity$1() {
- return [
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1
- ];
- }
- var DELTA_INDEX = [
- 0,
- 0.01,
- 0.02,
- 0.04,
- 0.05,
- 0.06,
- 0.07,
- 0.08,
- 0.1,
- 0.11,
- 0.12,
- 0.14,
- 0.15,
- 0.16,
- 0.17,
- 0.18,
- 0.2,
- 0.21,
- 0.22,
- 0.24,
- 0.25,
- 0.27,
- 0.28,
- 0.3,
- 0.32,
- 0.34,
- 0.36,
- 0.38,
- 0.4,
- 0.42,
- 0.44,
- 0.46,
- 0.48,
- 0.5,
- 0.53,
- 0.56,
- 0.59,
- 0.62,
- 0.65,
- 0.68,
- 0.71,
- 0.74,
- 0.77,
- 0.8,
- 0.83,
- 0.86,
- 0.89,
- 0.92,
- 0.95,
- 0.98,
- 1,
- 1.06,
- 1.12,
- 1.18,
- 1.24,
- 1.3,
- 1.36,
- 1.42,
- 1.48,
- 1.54,
- 1.6,
- 1.66,
- 1.72,
- 1.78,
- 1.84,
- 1.9,
- 1.96,
- 2,
- 2.12,
- 2.25,
- 2.37,
- 2.5,
- 2.62,
- 2.75,
- 2.87,
- 3,
- 3.2,
- 3.4,
- 3.6,
- 3.8,
- 4,
- 4.3,
- 4.7,
- 4.9,
- 5,
- 5.5,
- 6,
- 6.5,
- 6.8,
- 7,
- 7.3,
- 7.5,
- 7.8,
- 8,
- 8.4,
- 8.7,
- 9,
- 9.4,
- 9.6,
- 9.8,
- 10
- ];
- function multiply(matrix1, matrix2) {
- var i, j, k, val, col = [], out = new Array(10);
- for (i = 0; i < 5; i++) {
- for (j = 0; j < 5; j++) {
- col[j] = matrix2[j + i * 5];
- }
- for (j = 0; j < 5; j++) {
- val = 0;
- for (k = 0; k < 5; k++) {
- val += matrix1[j + k * 5] * col[k];
- }
- out[j + i * 5] = val;
- }
- }
- return out;
- }
- function adjust(matrix, adjustValue) {
- adjustValue = clamp(adjustValue, 0, 1);
- return matrix.map(function (value, index) {
- if (index % 6 === 0) {
- value = 1 - (1 - value) * adjustValue;
- } else {
- value *= adjustValue;
- }
- return clamp(value, 0, 1);
- });
- }
- function adjustContrast(matrix, value) {
- var x;
- value = clamp(value, -1, 1);
- value *= 100;
- if (value < 0) {
- x = 127 + value / 100 * 127;
- } else {
- x = value % 1;
- if (x === 0) {
- x = DELTA_INDEX[value];
- } else {
- x = DELTA_INDEX[Math.floor(value)] * (1 - x) + DELTA_INDEX[Math.floor(value) + 1] * x;
- }
- x = x * 127 + 127;
- }
- return multiply(matrix, [
- x / 127,
- 0,
- 0,
- 0,
- 0.5 * (127 - x),
- 0,
- x / 127,
- 0,
- 0,
- 0.5 * (127 - x),
- 0,
- 0,
- x / 127,
- 0,
- 0.5 * (127 - x),
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1
- ]);
- }
- function adjustSaturation(matrix, value) {
- var x, lumR, lumG, lumB;
- value = clamp(value, -1, 1);
- x = 1 + (value > 0 ? 3 * value : value);
- lumR = 0.3086;
- lumG = 0.6094;
- lumB = 0.082;
- return multiply(matrix, [
- lumR * (1 - x) + x,
- lumG * (1 - x),
- lumB * (1 - x),
- 0,
- 0,
- lumR * (1 - x),
- lumG * (1 - x) + x,
- lumB * (1 - x),
- 0,
- 0,
- lumR * (1 - x),
- lumG * (1 - x),
- lumB * (1 - x) + x,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1
- ]);
- }
- function adjustHue(matrix, angle) {
- var cosVal, sinVal, lumR, lumG, lumB;
- angle = clamp(angle, -180, 180) / 180 * Math.PI;
- cosVal = Math.cos(angle);
- sinVal = Math.sin(angle);
- lumR = 0.213;
- lumG = 0.715;
- lumB = 0.072;
- return multiply(matrix, [
- lumR + cosVal * (1 - lumR) + sinVal * -lumR,
- lumG + cosVal * -lumG + sinVal * -lumG,
- lumB + cosVal * -lumB + sinVal * (1 - lumB),
- 0,
- 0,
- lumR + cosVal * -lumR + sinVal * 0.143,
- lumG + cosVal * (1 - lumG) + sinVal * 0.14,
- lumB + cosVal * -lumB + sinVal * -0.283,
- 0,
- 0,
- lumR + cosVal * -lumR + sinVal * -(1 - lumR),
- lumG + cosVal * -lumG + sinVal * lumG,
- lumB + cosVal * (1 - lumB) + sinVal * lumB,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1
- ]);
- }
- function adjustBrightness(matrix, value) {
- value = clamp(255 * value, -255, 255);
- return multiply(matrix, [
- 1,
- 0,
- 0,
- 0,
- value,
- 0,
- 1,
- 0,
- 0,
- value,
- 0,
- 0,
- 1,
- 0,
- value,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1
- ]);
- }
- function adjustColors(matrix, adjustR, adjustG, adjustB) {
- adjustR = clamp(adjustR, 0, 2);
- adjustG = clamp(adjustG, 0, 2);
- adjustB = clamp(adjustB, 0, 2);
- return multiply(matrix, [
- adjustR,
- 0,
- 0,
- 0,
- 0,
- 0,
- adjustG,
- 0,
- 0,
- 0,
- 0,
- 0,
- adjustB,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1
- ]);
- }
- function adjustSepia(matrix, value) {
- value = clamp(value, 0, 1);
- return multiply(matrix, adjust([
- 0.393,
- 0.769,
- 0.189,
- 0,
- 0,
- 0.349,
- 0.686,
- 0.168,
- 0,
- 0,
- 0.272,
- 0.534,
- 0.131,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1
- ], value));
- }
- function adjustGrayscale(matrix, value) {
- value = clamp(value, 0, 1);
- return multiply(matrix, adjust([
- 0.33,
- 0.34,
- 0.33,
- 0,
- 0,
- 0.33,
- 0.34,
- 0.33,
- 0,
- 0,
- 0.33,
- 0.34,
- 0.33,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1,
- 0,
- 0,
- 0,
- 0,
- 0,
- 1
- ], value));
- }
- var ColorMatrix = {
- identity: identity$1,
- adjust: adjust,
- multiply: multiply,
- adjustContrast: adjustContrast,
- adjustBrightness: adjustBrightness,
- adjustSaturation: adjustSaturation,
- adjustHue: adjustHue,
- adjustColors: adjustColors,
- adjustSepia: adjustSepia,
- adjustGrayscale: adjustGrayscale
- };
- function colorFilter(ir, matrix) {
- return ir.toCanvas().then(function (canvas) {
- return applyColorFilter(canvas, ir.getType(), matrix);
- });
- }
- function applyColorFilter(canvas, type, matrix) {
- var context = Canvas.get2dContext(canvas);
- var pixels;
- function applyMatrix(pixels, m) {
- 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];
- for (i = 0; i < d.length; i += 4) {
- r = d[i];
- g = d[i + 1];
- b = d[i + 2];
- a = d[i + 3];
- d[i] = r * m0 + g * m1 + b * m2 + a * m3 + m4;
- d[i + 1] = r * m5 + g * m6 + b * m7 + a * m8 + m9;
- d[i + 2] = r * m10 + g * m11 + b * m12 + a * m13 + m14;
- d[i + 3] = r * m15 + g * m16 + b * m17 + a * m18 + m19;
- }
- return pixels;
- }
- pixels = applyMatrix(context.getImageData(0, 0, canvas.width, canvas.height), matrix);
- context.putImageData(pixels, 0, 0);
- return ImageResult.fromCanvas(canvas, type);
- }
- function convoluteFilter(ir, matrix) {
- return ir.toCanvas().then(function (canvas) {
- return applyConvoluteFilter(canvas, ir.getType(), matrix);
- });
- }
- function applyConvoluteFilter(canvas, type, matrix) {
- var context = Canvas.get2dContext(canvas);
- var pixelsIn, pixelsOut;
- function applyMatrix(pixelsIn, pixelsOut, matrix) {
- var rgba, drgba, side, halfSide, x, y, r, g, b, cx, cy, scx, scy, offset, wt, w, h;
- function clamp(value, min, max) {
- if (value > max) {
- value = max;
- } else if (value < min) {
- value = min;
- }
- return value;
- }
- side = Math.round(Math.sqrt(matrix.length));
- halfSide = Math.floor(side / 2);
- rgba = pixelsIn.data;
- drgba = pixelsOut.data;
- w = pixelsIn.width;
- h = pixelsIn.height;
- for (y = 0; y < h; y++) {
- for (x = 0; x < w; x++) {
- r = g = b = 0;
- for (cy = 0; cy < side; cy++) {
- for (cx = 0; cx < side; cx++) {
- scx = clamp(x + cx - halfSide, 0, w - 1);
- scy = clamp(y + cy - halfSide, 0, h - 1);
- offset = (scy * w + scx) * 4;
- wt = matrix[cy * side + cx];
- r += rgba[offset] * wt;
- g += rgba[offset + 1] * wt;
- b += rgba[offset + 2] * wt;
- }
- }
- offset = (y * w + x) * 4;
- drgba[offset] = clamp(r, 0, 255);
- drgba[offset + 1] = clamp(g, 0, 255);
- drgba[offset + 2] = clamp(b, 0, 255);
- }
- }
- return pixelsOut;
- }
- pixelsIn = context.getImageData(0, 0, canvas.width, canvas.height);
- pixelsOut = context.getImageData(0, 0, canvas.width, canvas.height);
- pixelsOut = applyMatrix(pixelsIn, pixelsOut, matrix);
- context.putImageData(pixelsOut, 0, 0);
- return ImageResult.fromCanvas(canvas, type);
- }
- function functionColorFilter(colorFn) {
- var filterImpl = function (canvas, type, value) {
- var context = Canvas.get2dContext(canvas);
- var pixels, i, lookup = new Array(256);
- function applyLookup(pixels, lookup) {
- var d = pixels.data, i;
- for (i = 0; i < d.length; i += 4) {
- d[i] = lookup[d[i]];
- d[i + 1] = lookup[d[i + 1]];
- d[i + 2] = lookup[d[i + 2]];
- }
- return pixels;
- }
- for (i = 0; i < lookup.length; i++) {
- lookup[i] = colorFn(i, value);
- }
- pixels = applyLookup(context.getImageData(0, 0, canvas.width, canvas.height), lookup);
- context.putImageData(pixels, 0, 0);
- return ImageResult.fromCanvas(canvas, type);
- };
- return function (ir, value) {
- return ir.toCanvas().then(function (canvas) {
- return filterImpl(canvas, ir.getType(), value);
- });
- };
- }
- function complexAdjustableColorFilter(matrixAdjustFn) {
- return function (ir, adjust) {
- return colorFilter(ir, matrixAdjustFn(ColorMatrix.identity(), adjust));
- };
- }
- function basicColorFilter(matrix) {
- return function (ir) {
- return colorFilter(ir, matrix);
- };
- }
- function basicConvolutionFilter(kernel) {
- return function (ir) {
- return convoluteFilter(ir, kernel);
- };
- }
- var Filters = {
- invert: basicColorFilter([
- -1,
- 0,
- 0,
- 0,
- 255,
- 0,
- -1,
- 0,
- 0,
- 255,
- 0,
- 0,
- -1,
- 0,
- 255,
- 0,
- 0,
- 0,
- 1,
- 0
- ]),
- brightness: complexAdjustableColorFilter(ColorMatrix.adjustBrightness),
- hue: complexAdjustableColorFilter(ColorMatrix.adjustHue),
- saturate: complexAdjustableColorFilter(ColorMatrix.adjustSaturation),
- contrast: complexAdjustableColorFilter(ColorMatrix.adjustContrast),
- grayscale: complexAdjustableColorFilter(ColorMatrix.adjustGrayscale),
- sepia: complexAdjustableColorFilter(ColorMatrix.adjustSepia),
- colorize: function (ir, adjustR, adjustG, adjustB) {
- return colorFilter(ir, ColorMatrix.adjustColors(ColorMatrix.identity(), adjustR, adjustG, adjustB));
- },
- sharpen: basicConvolutionFilter([
- 0,
- -1,
- 0,
- -1,
- 5,
- -1,
- 0,
- -1,
- 0
- ]),
- emboss: basicConvolutionFilter([
- -2,
- -1,
- 0,
- -1,
- 1,
- 1,
- 0,
- 1,
- 2
- ]),
- gamma: functionColorFilter(function (color, value) {
- return Math.pow(color / 255, 1 - value) * 255;
- }),
- exposure: functionColorFilter(function (color, value) {
- return 255 * (1 - Math.exp(-(color / 255) * value));
- }),
- colorFilter: colorFilter,
- convoluteFilter: convoluteFilter
- };
- function scale(image, dW, dH) {
- var sW = ImageSize.getWidth(image);
- var sH = ImageSize.getHeight(image);
- var wRatio = dW / sW;
- var hRatio = dH / sH;
- var scaleCapped = false;
- if (wRatio < 0.5 || wRatio > 2) {
- wRatio = wRatio < 0.5 ? 0.5 : 2;
- scaleCapped = true;
- }
- if (hRatio < 0.5 || hRatio > 2) {
- hRatio = hRatio < 0.5 ? 0.5 : 2;
- scaleCapped = true;
- }
- var scaled = _scale(image, wRatio, hRatio);
- return !scaleCapped ? scaled : scaled.then(function (tCanvas) {
- return scale(tCanvas, dW, dH);
- });
- }
- function _scale(image, wRatio, hRatio) {
- return new Promise(function (resolve) {
- var sW = ImageSize.getWidth(image);
- var sH = ImageSize.getHeight(image);
- var dW = Math.floor(sW * wRatio);
- var dH = Math.floor(sH * hRatio);
- var canvas = Canvas.create(dW, dH);
- var context = Canvas.get2dContext(canvas);
- context.drawImage(image, 0, 0, sW, sH, 0, 0, dW, dH);
- resolve(canvas);
- });
- }
- var ImageResizerCanvas = { scale: scale };
- function rotate(ir, angle) {
- return ir.toCanvas().then(function (canvas) {
- return applyRotate(canvas, ir.getType(), angle);
- });
- }
- function applyRotate(image, type, angle) {
- var canvas = Canvas.create(image.width, image.height);
- var context = Canvas.get2dContext(canvas);
- var translateX = 0, translateY = 0;
- angle = angle < 0 ? 360 + angle : angle;
- if (angle == 90 || angle == 270) {
- Canvas.resize(canvas, canvas.height, canvas.width);
- }
- if (angle == 90 || angle == 180) {
- translateX = canvas.width;
- }
- if (angle == 270 || angle == 180) {
- translateY = canvas.height;
- }
- context.translate(translateX, translateY);
- context.rotate(angle * Math.PI / 180);
- context.drawImage(image, 0, 0);
- return ImageResult.fromCanvas(canvas, type);
- }
- function flip(ir, axis) {
- return ir.toCanvas().then(function (canvas) {
- return applyFlip(canvas, ir.getType(), axis);
- });
- }
- function applyFlip(image, type, axis) {
- var canvas = Canvas.create(image.width, image.height);
- var context = Canvas.get2dContext(canvas);
- if (axis == 'v') {
- context.scale(1, -1);
- context.drawImage(image, 0, -canvas.height);
- } else {
- context.scale(-1, 1);
- context.drawImage(image, -canvas.width, 0);
- }
- return ImageResult.fromCanvas(canvas, type);
- }
- function crop(ir, x, y, w, h) {
- return ir.toCanvas().then(function (canvas) {
- return applyCrop(canvas, ir.getType(), x, y, w, h);
- });
- }
- function applyCrop(image, type, x, y, w, h) {
- var canvas = Canvas.create(w, h);
- var context = Canvas.get2dContext(canvas);
- context.drawImage(image, -x, -y);
- return ImageResult.fromCanvas(canvas, type);
- }
- function resize$1(ir, w, h) {
- return ir.toCanvas().then(function (canvas) {
- return ImageResizerCanvas.scale(canvas, w, h).then(function (newCanvas) {
- return ImageResult.fromCanvas(newCanvas, ir.getType());
- });
- });
- }
- var ImageTools = {
- rotate: rotate,
- flip: flip,
- crop: crop,
- resize: resize$1
- };
- var BinaryReader = function () {
- function BinaryReader(ar) {
- this.littleEndian = false;
- this._dv = new DataView(ar);
- }
- BinaryReader.prototype.readByteAt = function (idx) {
- return this._dv.getUint8(idx);
- };
- BinaryReader.prototype.read = function (idx, size) {
- if (idx + size > this.length()) {
- return null;
- }
- var mv = this.littleEndian ? 0 : -8 * (size - 1);
- for (var i = 0, sum = 0; i < size; i++) {
- sum |= this.readByteAt(idx + i) << Math.abs(mv + i * 8);
- }
- return sum;
- };
- BinaryReader.prototype.BYTE = function (idx) {
- return this.read(idx, 1);
- };
- BinaryReader.prototype.SHORT = function (idx) {
- return this.read(idx, 2);
- };
- BinaryReader.prototype.LONG = function (idx) {
- return this.read(idx, 4);
- };
- BinaryReader.prototype.SLONG = function (idx) {
- var num = this.read(idx, 4);
- return num > 2147483647 ? num - 4294967296 : num;
- };
- BinaryReader.prototype.CHAR = function (idx) {
- return String.fromCharCode(this.read(idx, 1));
- };
- BinaryReader.prototype.STRING = function (idx, count) {
- return this.asArray('CHAR', idx, count).join('');
- };
- BinaryReader.prototype.SEGMENT = function (idx, size) {
- var ar = this._dv.buffer;
- switch (arguments.length) {
- case 2:
- return ar.slice(idx, idx + size);
- case 1:
- return ar.slice(idx);
- default:
- return ar;
- }
- };
- BinaryReader.prototype.asArray = function (type, idx, count) {
- var values = [];
- for (var i = 0; i < count; i++) {
- values[i] = this[type](idx + i);
- }
- return values;
- };
- BinaryReader.prototype.length = function () {
- return this._dv ? this._dv.byteLength : 0;
- };
- return BinaryReader;
- }();
- var tags = {
- tiff: {
- 274: 'Orientation',
- 270: 'ImageDescription',
- 271: 'Make',
- 272: 'Model',
- 305: 'Software',
- 34665: 'ExifIFDPointer',
- 34853: 'GPSInfoIFDPointer'
- },
- exif: {
- 36864: 'ExifVersion',
- 40961: 'ColorSpace',
- 40962: 'PixelXDimension',
- 40963: 'PixelYDimension',
- 36867: 'DateTimeOriginal',
- 33434: 'ExposureTime',
- 33437: 'FNumber',
- 34855: 'ISOSpeedRatings',
- 37377: 'ShutterSpeedValue',
- 37378: 'ApertureValue',
- 37383: 'MeteringMode',
- 37384: 'LightSource',
- 37385: 'Flash',
- 37386: 'FocalLength',
- 41986: 'ExposureMode',
- 41987: 'WhiteBalance',
- 41990: 'SceneCaptureType',
- 41988: 'DigitalZoomRatio',
- 41992: 'Contrast',
- 41993: 'Saturation',
- 41994: 'Sharpness'
- },
- gps: {
- 0: 'GPSVersionID',
- 1: 'GPSLatitudeRef',
- 2: 'GPSLatitude',
- 3: 'GPSLongitudeRef',
- 4: 'GPSLongitude'
- },
- thumb: {
- 513: 'JPEGInterchangeFormat',
- 514: 'JPEGInterchangeFormatLength'
- }
- };
- var tagDescs = {
- 'ColorSpace': {
- 1: 'sRGB',
- 0: 'Uncalibrated'
- },
- 'MeteringMode': {
- 0: 'Unknown',
- 1: 'Average',
- 2: 'CenterWeightedAverage',
- 3: 'Spot',
- 4: 'MultiSpot',
- 5: 'Pattern',
- 6: 'Partial',
- 255: 'Other'
- },
- 'LightSource': {
- 1: 'Daylight',
- 2: 'Fliorescent',
- 3: 'Tungsten',
- 4: 'Flash',
- 9: 'Fine weather',
- 10: 'Cloudy weather',
- 11: 'Shade',
- 12: 'Daylight fluorescent (D 5700 - 7100K)',
- 13: 'Day white fluorescent (N 4600 -5400K)',
- 14: 'Cool white fluorescent (W 3900 - 4500K)',
- 15: 'White fluorescent (WW 3200 - 3700K)',
- 17: 'Standard light A',
- 18: 'Standard light B',
- 19: 'Standard light C',
- 20: 'D55',
- 21: 'D65',
- 22: 'D75',
- 23: 'D50',
- 24: 'ISO studio tungsten',
- 255: 'Other'
- },
- 'Flash': {
- 0: 'Flash did not fire',
- 1: 'Flash fired',
- 5: 'Strobe return light not detected',
- 7: 'Strobe return light detected',
- 9: 'Flash fired, compulsory flash mode',
- 13: 'Flash fired, compulsory flash mode, return light not detected',
- 15: 'Flash fired, compulsory flash mode, return light detected',
- 16: 'Flash did not fire, compulsory flash mode',
- 24: 'Flash did not fire, auto mode',
- 25: 'Flash fired, auto mode',
- 29: 'Flash fired, auto mode, return light not detected',
- 31: 'Flash fired, auto mode, return light detected',
- 32: 'No flash function',
- 65: 'Flash fired, red-eye reduction mode',
- 69: 'Flash fired, red-eye reduction mode, return light not detected',
- 71: 'Flash fired, red-eye reduction mode, return light detected',
- 73: 'Flash fired, compulsory flash mode, red-eye reduction mode',
- 77: 'Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected',
- 79: 'Flash fired, compulsory flash mode, red-eye reduction mode, return light detected',
- 89: 'Flash fired, auto mode, red-eye reduction mode',
- 93: 'Flash fired, auto mode, return light not detected, red-eye reduction mode',
- 95: 'Flash fired, auto mode, return light detected, red-eye reduction mode'
- },
- 'ExposureMode': {
- 0: 'Auto exposure',
- 1: 'Manual exposure',
- 2: 'Auto bracket'
- },
- 'WhiteBalance': {
- 0: 'Auto white balance',
- 1: 'Manual white balance'
- },
- 'SceneCaptureType': {
- 0: 'Standard',
- 1: 'Landscape',
- 2: 'Portrait',
- 3: 'Night scene'
- },
- 'Contrast': {
- 0: 'Normal',
- 1: 'Soft',
- 2: 'Hard'
- },
- 'Saturation': {
- 0: 'Normal',
- 1: 'Low saturation',
- 2: 'High saturation'
- },
- 'Sharpness': {
- 0: 'Normal',
- 1: 'Soft',
- 2: 'Hard'
- },
- 'GPSLatitudeRef': {
- N: 'North latitude',
- S: 'South latitude'
- },
- 'GPSLongitudeRef': {
- E: 'East longitude',
- W: 'West longitude'
- }
- };
- var ExifReader = function () {
- function ExifReader(ar) {
- this._offsets = {
- tiffHeader: 10,
- IFD0: null,
- IFD1: null,
- exifIFD: null,
- gpsIFD: null
- };
- this._tiffTags = {};
- var self = this;
- self._reader = new BinaryReader(ar);
- self._idx = self._offsets.tiffHeader;
- if (self.SHORT(0) !== 65505 || self.STRING(4, 5).toUpperCase() !== 'EXIF\0') {
- throw new Error('Exif data cannot be read or not available.');
- }
- self._reader.littleEndian = self.SHORT(self._idx) == 18761;
- if (self.SHORT(self._idx += 2) !== 42) {
- throw new Error('Invalid Exif data.');
- }
- self._offsets.IFD0 = self._offsets.tiffHeader + self.LONG(self._idx += 2);
- self._tiffTags = self.extractTags(self._offsets.IFD0, tags.tiff);
- if ('ExifIFDPointer' in self._tiffTags) {
- self._offsets.exifIFD = self._offsets.tiffHeader + self._tiffTags.ExifIFDPointer;
- delete self._tiffTags.ExifIFDPointer;
- }
- if ('GPSInfoIFDPointer' in self._tiffTags) {
- self._offsets.gpsIFD = self._offsets.tiffHeader + self._tiffTags.GPSInfoIFDPointer;
- delete self._tiffTags.GPSInfoIFDPointer;
- }
- var IFD1Offset = self.LONG(self._offsets.IFD0 + self.SHORT(self._offsets.IFD0) * 12 + 2);
- if (IFD1Offset) {
- self._offsets.IFD1 = self._offsets.tiffHeader + IFD1Offset;
- }
- }
- ExifReader.prototype.BYTE = function (idx) {
- return this._reader.BYTE(idx);
- };
- ExifReader.prototype.SHORT = function (idx) {
- return this._reader.SHORT(idx);
- };
- ExifReader.prototype.LONG = function (idx) {
- return this._reader.LONG(idx);
- };
- ExifReader.prototype.SLONG = function (idx) {
- return this._reader.SLONG(idx);
- };
- ExifReader.prototype.CHAR = function (idx) {
- return this._reader.CHAR(idx);
- };
- ExifReader.prototype.STRING = function (idx, count) {
- return this._reader.STRING(idx, count);
- };
- ExifReader.prototype.SEGMENT = function (idx, size) {
- return this._reader.SEGMENT(idx, size);
- };
- ExifReader.prototype.asArray = function (type, idx, count) {
- var values = [];
- for (var i = 0; i < count; i++) {
- values[i] = this[type](idx + i);
- }
- return values;
- };
- ExifReader.prototype.length = function () {
- return this._reader.length();
- };
- ExifReader.prototype.UNDEFINED = function () {
- return this.BYTE.apply(this, arguments);
- };
- ExifReader.prototype.RATIONAL = function (idx) {
- return this.LONG(idx) / this.LONG(idx + 4);
- };
- ExifReader.prototype.SRATIONAL = function (idx) {
- return this.SLONG(idx) / this.SLONG(idx + 4);
- };
- ExifReader.prototype.ASCII = function (idx) {
- return this.CHAR(idx);
- };
- ExifReader.prototype.TIFF = function () {
- return this._tiffTags;
- };
- ExifReader.prototype.EXIF = function () {
- var self = this;
- var Exif = null;
- if (self._offsets.exifIFD) {
- try {
- Exif = self.extractTags(self._offsets.exifIFD, tags.exif);
- } catch (ex) {
- return null;
- }
- if (Exif.ExifVersion && Array.isArray(Exif.ExifVersion)) {
- for (var i = 0, exifVersion = ''; i < Exif.ExifVersion.length; i++) {
- exifVersion += String.fromCharCode(Exif.ExifVersion[i]);
- }
- Exif.ExifVersion = exifVersion;
- }
- }
- return Exif;
- };
- ExifReader.prototype.GPS = function () {
- var self = this;
- var GPS = null;
- if (self._offsets.gpsIFD) {
- try {
- GPS = self.extractTags(self._offsets.gpsIFD, tags.gps);
- } catch (ex) {
- return null;
- }
- if (GPS.GPSVersionID && Array.isArray(GPS.GPSVersionID)) {
- GPS.GPSVersionID = GPS.GPSVersionID.join('.');
- }
- }
- return GPS;
- };
- ExifReader.prototype.thumb = function () {
- var self = this;
- if (self._offsets.IFD1) {
- try {
- var IFD1Tags = self.extractTags(self._offsets.IFD1, tags.thumb);
- if ('JPEGInterchangeFormat' in IFD1Tags) {
- return self.SEGMENT(self._offsets.tiffHeader + IFD1Tags.JPEGInterchangeFormat, IFD1Tags.JPEGInterchangeFormatLength);
- }
- } catch (ex) {
- }
- }
- return null;
- };
- ExifReader.prototype.extractTags = function (IFD_offset, tags2extract) {
- var self = this;
- var length, i, tag, type, count, size, offset, value, values = [], hash = {};
- var types = {
- 1: 'BYTE',
- 7: 'UNDEFINED',
- 2: 'ASCII',
- 3: 'SHORT',
- 4: 'LONG',
- 5: 'RATIONAL',
- 9: 'SLONG',
- 10: 'SRATIONAL'
- };
- var sizes = {
- 'BYTE': 1,
- 'UNDEFINED': 1,
- 'ASCII': 1,
- 'SHORT': 2,
- 'LONG': 4,
- 'RATIONAL': 8,
- 'SLONG': 4,
- 'SRATIONAL': 8
- };
- length = self.SHORT(IFD_offset);
- for (i = 0; i < length; i++) {
- values = [];
- offset = IFD_offset + 2 + i * 12;
- tag = tags2extract[self.SHORT(offset)];
- if (tag === undefined) {
- continue;
- }
- type = types[self.SHORT(offset += 2)];
- count = self.LONG(offset += 2);
- size = sizes[type];
- if (!size) {
- throw new Error('Invalid Exif data.');
- }
- offset += 4;
- if (size * count > 4) {
- offset = self.LONG(offset) + self._offsets.tiffHeader;
- }
- if (offset + size * count >= self.length()) {
- throw new Error('Invalid Exif data.');
- }
- if (type === 'ASCII') {
- hash[tag] = self.STRING(offset, count).replace(/\0$/, '').trim();
- continue;
- } else {
- values = self.asArray(type, offset, count);
- value = count == 1 ? values[0] : values;
- if (tagDescs.hasOwnProperty(tag) && typeof value != 'object') {
- hash[tag] = tagDescs[tag][value];
- } else {
- hash[tag] = value;
- }
- }
- }
- return hash;
- };
- return ExifReader;
- }();
- var extractFrom = function (blob) {
- return Conversions.blobToArrayBuffer(blob).then(function (ar) {
- try {
- var br = new BinaryReader(ar);
- if (br.SHORT(0) === 65496) {
- var headers = extractHeaders(br);
- var app1 = headers.filter(function (header) {
- return header.name === 'APP1';
- });
- var meta = {};
- if (app1.length) {
- var exifReader = new ExifReader(app1[0].segment);
- meta = {
- tiff: exifReader.TIFF(),
- exif: exifReader.EXIF(),
- gps: exifReader.GPS(),
- thumb: exifReader.thumb()
- };
- } else {
- return Promise.reject('Headers did not include required information');
- }
- meta.rawHeaders = headers;
- return meta;
- }
- return Promise.reject('Image was not a jpeg');
- } catch (ex) {
- return Promise.reject('Unsupported format or not an image: ' + blob.type + ' (Exception: ' + ex.message + ')');
- }
- });
- };
- var extractHeaders = function (br) {
- var headers = [], idx, marker, length = 0;
- idx = 2;
- while (idx <= br.length()) {
- marker = br.SHORT(idx);
- if (marker >= 65488 && marker <= 65495) {
- idx += 2;
- continue;
- }
- if (marker === 65498 || marker === 65497) {
- break;
- }
- length = br.SHORT(idx + 2) + 2;
- if (marker >= 65505 && marker <= 65519) {
- headers.push({
- hex: marker,
- name: 'APP' + (marker & 15),
- start: idx,
- length: length,
- segment: br.SEGMENT(idx, length)
- });
- }
- idx += length;
- }
- return headers;
- };
- var JPEGMeta = { extractFrom: extractFrom };
- var invert = function (ir) {
- return Filters.invert(ir);
- };
- var sharpen = function (ir) {
- return Filters.sharpen(ir);
- };
- var emboss = function (ir) {
- return Filters.emboss(ir);
- };
- var gamma = function (ir, value) {
- return Filters.gamma(ir, value);
- };
- var exposure = function (ir, value) {
- return Filters.exposure(ir, value);
- };
- var colorize = function (ir, adjustR, adjustG, adjustB) {
- return Filters.colorize(ir, adjustR, adjustG, adjustB);
- };
- var brightness = function (ir, adjust) {
- return Filters.brightness(ir, adjust);
- };
- var hue = function (ir, adjust) {
- return Filters.hue(ir, adjust);
- };
- var saturate = function (ir, adjust) {
- return Filters.saturate(ir, adjust);
- };
- var contrast = function (ir, adjust) {
- return Filters.contrast(ir, adjust);
- };
- var grayscale = function (ir, adjust) {
- return Filters.grayscale(ir, adjust);
- };
- var sepia = function (ir, adjust) {
- return Filters.sepia(ir, adjust);
- };
- var flip$1 = function (ir, axis) {
- return ImageTools.flip(ir, axis);
- };
- var crop$1 = function (ir, x, y, w, h) {
- return ImageTools.crop(ir, x, y, w, h);
- };
- var resize$2 = function (ir, w, h) {
- return ImageTools.resize(ir, w, h);
- };
- var rotate$1 = function (ir, angle) {
- return ImageTools.rotate(ir, angle);
- };
- var exifRotate = function (ir) {
- var ROTATE_90 = 6;
- var ROTATE_180 = 3;
- var ROTATE_270 = 8;
- var checkRotation = function (data) {
- var orientation = data.tiff.Orientation;
- switch (orientation) {
- case ROTATE_90:
- return rotate$1(ir, 90);
- case ROTATE_180:
- return rotate$1(ir, 180);
- case ROTATE_270:
- return rotate$1(ir, 270);
- default:
- return ir;
- }
- };
- var notJpeg = function () {
- return ir;
- };
- return ir.toBlob().then(JPEGMeta.extractFrom).then(checkRotation, notJpeg);
- };
- var ImageTransformations = {
- invert: invert,
- sharpen: sharpen,
- emboss: emboss,
- brightness: brightness,
- hue: hue,
- saturate: saturate,
- contrast: contrast,
- grayscale: grayscale,
- sepia: sepia,
- colorize: colorize,
- gamma: gamma,
- exposure: exposure,
- flip: flip$1,
- crop: crop$1,
- resize: resize$2,
- rotate: rotate$1,
- exifRotate: exifRotate
- };
- var blobToImageResult = function (blob) {
- return ImageResult.fromBlob(blob);
- };
- var fromBlobAndUrlSync$1 = function (blob, uri) {
- return ImageResult.fromBlobAndUrlSync(blob, uri);
- };
- var imageToImageResult = function (image) {
- return ImageResult.fromImage(image);
- };
- var imageResultToBlob = function (ir, type, quality) {
- if (type === undefined && quality === undefined) {
- return imageResultToOriginalBlob(ir);
- } else {
- return ir.toAdjustedBlob(type, quality);
- }
- };
- var imageResultToOriginalBlob = function (ir) {
- return ir.toBlob();
- };
- var imageResultToDataURL = function (ir) {
- return ir.toDataURL();
- };
- var ResultConversions = {
- blobToImageResult: blobToImageResult,
- fromBlobAndUrlSync: fromBlobAndUrlSync$1,
- imageToImageResult: imageToImageResult,
- imageResultToBlob: imageResultToBlob,
- imageResultToOriginalBlob: imageResultToOriginalBlob,
- imageResultToDataURL: imageResultToDataURL
- };
- var url = function () {
- return Global$1.getOrDie('URL');
- };
- var createObjectURL = function (blob) {
- return url().createObjectURL(blob);
- };
- var revokeObjectURL = function (u) {
- url().revokeObjectURL(u);
- };
- var URL$1 = {
- createObjectURL: createObjectURL,
- revokeObjectURL: revokeObjectURL
- };
- var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
- var global$3 = tinymce.util.Tools.resolve('tinymce.util.Promise');
- var global$4 = tinymce.util.Tools.resolve('tinymce.util.URI');
- var getToolbarItems = function (editor) {
- return editor.getParam('imagetools_toolbar', 'rotateleft rotateright | flipv fliph | crop editimage imageoptions');
- };
- var getProxyUrl = function (editor) {
- return editor.getParam('imagetools_proxy');
- };
- var getCorsHosts = function (editor) {
- return editor.getParam('imagetools_cors_hosts', [], 'string[]');
- };
- var getCredentialsHosts = function (editor) {
- return editor.getParam('imagetools_credentials_hosts', [], 'string[]');
- };
- var getApiKey = function (editor) {
- return editor.getParam('api_key', editor.getParam('imagetools_api_key', '', 'string'), 'string');
- };
- var getUploadTimeout = function (editor) {
- return editor.getParam('images_upload_timeout', 30000, 'number');
- };
- var shouldReuseFilename = function (editor) {
- return editor.getParam('images_reuse_filename', false, 'boolean');
- };
- var global$5 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
- var global$6 = tinymce.util.Tools.resolve('tinymce.ui.Factory');
- function UndoStack () {
- var data = [];
- var index = -1;
- function add(state) {
- var removed;
- removed = data.splice(++index);
- data.push(state);
- return {
- state: state,
- removed: removed
- };
- }
- function undo() {
- if (canUndo()) {
- return data[--index];
- }
- }
- function redo() {
- if (canRedo()) {
- return data[++index];
- }
- }
- function canUndo() {
- return index > 0;
- }
- function canRedo() {
- return index !== -1 && index < data.length - 1;
- }
- return {
- data: data,
- add: add,
- undo: undo,
- redo: redo,
- canUndo: canUndo,
- canRedo: canRedo
- };
- }
- var global$7 = tinymce.util.Tools.resolve('tinymce.geom.Rect');
- var loadImage$1 = function (image) {
- return new global$3(function (resolve) {
- var loaded = function () {
- image.removeEventListener('load', loaded);
- resolve(image);
- };
- if (image.complete) {
- resolve(image);
- } else {
- image.addEventListener('load', loaded);
- }
- });
- };
- var LoadImage = { loadImage: loadImage$1 };
- var global$8 = tinymce.util.Tools.resolve('tinymce.dom.DomQuery');
- var global$9 = tinymce.util.Tools.resolve('tinymce.util.Observable');
- var global$a = tinymce.util.Tools.resolve('tinymce.util.VK');
- var count = 0;
- function CropRect (currentRect, viewPortRect, clampRect, containerElm, action) {
- var instance;
- var handles;
- var dragHelpers;
- var blockers;
- var prefix = 'mce-';
- var id = prefix + 'crid-' + count++;
- handles = [
- {
- name: 'move',
- xMul: 0,
- yMul: 0,
- deltaX: 1,
- deltaY: 1,
- deltaW: 0,
- deltaH: 0,
- label: 'Crop Mask'
- },
- {
- name: 'nw',
- xMul: 0,
- yMul: 0,
- deltaX: 1,
- deltaY: 1,
- deltaW: -1,
- deltaH: -1,
- label: 'Top Left Crop Handle'
- },
- {
- name: 'ne',
- xMul: 1,
- yMul: 0,
- deltaX: 0,
- deltaY: 1,
- deltaW: 1,
- deltaH: -1,
- label: 'Top Right Crop Handle'
- },
- {
- name: 'sw',
- xMul: 0,
- yMul: 1,
- deltaX: 1,
- deltaY: 0,
- deltaW: -1,
- deltaH: 1,
- label: 'Bottom Left Crop Handle'
- },
- {
- name: 'se',
- xMul: 1,
- yMul: 1,
- deltaX: 0,
- deltaY: 0,
- deltaW: 1,
- deltaH: 1,
- label: 'Bottom Right Crop Handle'
- }
- ];
- blockers = [
- 'top',
- 'right',
- 'bottom',
- 'left'
- ];
- function getAbsoluteRect(outerRect, relativeRect) {
- return {
- x: relativeRect.x + outerRect.x,
- y: relativeRect.y + outerRect.y,
- w: relativeRect.w,
- h: relativeRect.h
- };
- }
- function getRelativeRect(outerRect, innerRect) {
- return {
- x: innerRect.x - outerRect.x,
- y: innerRect.y - outerRect.y,
- w: innerRect.w,
- h: innerRect.h
- };
- }
- function getInnerRect() {
- return getRelativeRect(clampRect, currentRect);
- }
- function moveRect(handle, startRect, deltaX, deltaY) {
- var x, y, w, h, rect;
- x = startRect.x;
- y = startRect.y;
- w = startRect.w;
- h = startRect.h;
- x += deltaX * handle.deltaX;
- y += deltaY * handle.deltaY;
- w += deltaX * handle.deltaW;
- h += deltaY * handle.deltaH;
- if (w < 20) {
- w = 20;
- }
- if (h < 20) {
- h = 20;
- }
- rect = currentRect = global$7.clamp({
- x: x,
- y: y,
- w: w,
- h: h
- }, clampRect, handle.name === 'move');
- rect = getRelativeRect(clampRect, rect);
- instance.fire('updateRect', { rect: rect });
- setInnerRect(rect);
- }
- function render() {
- function createDragHelper(handle) {
- var startRect;
- var DragHelper = global$6.get('DragHelper');
- return new DragHelper(id, {
- document: containerElm.ownerDocument,
- handle: id + '-' + handle.name,
- start: function () {
- startRect = currentRect;
- },
- drag: function (e) {
- moveRect(handle, startRect, e.deltaX, e.deltaY);
- }
- });
- }
- global$8('<div id="' + id + '" class="' + prefix + 'croprect-container"' + ' role="grid" aria-dropeffect="execute">').appendTo(containerElm);
- global$1.each(blockers, function (blocker) {
- global$8('#' + id, containerElm).append('<div id="' + id + '-' + blocker + '"class="' + prefix + 'croprect-block" style="display: none" data-mce-bogus="all">');
- });
- global$1.each(handles, function (handle) {
- global$8('#' + id, containerElm).append('<div id="' + id + '-' + handle.name + '" class="' + prefix + 'croprect-handle ' + prefix + 'croprect-handle-' + handle.name + '"' + 'style="display: none" data-mce-bogus="all" role="gridcell" tabindex="-1"' + ' aria-label="' + handle.label + '" aria-grabbed="false">');
- });
- dragHelpers = global$1.map(handles, createDragHelper);
- repaint(currentRect);
- global$8(containerElm).on('focusin focusout', function (e) {
- global$8(e.target).attr('aria-grabbed', e.type === 'focus');
- });
- global$8(containerElm).on('keydown', function (e) {
- var activeHandle;
- global$1.each(handles, function (handle) {
- if (e.target.id === id + '-' + handle.name) {
- activeHandle = handle;
- return false;
- }
- });
- function moveAndBlock(evt, handle, startRect, deltaX, deltaY) {
- evt.stopPropagation();
- evt.preventDefault();
- moveRect(activeHandle, startRect, deltaX, deltaY);
- }
- switch (e.keyCode) {
- case global$a.LEFT:
- moveAndBlock(e, activeHandle, currentRect, -10, 0);
- break;
- case global$a.RIGHT:
- moveAndBlock(e, activeHandle, currentRect, 10, 0);
- break;
- case global$a.UP:
- moveAndBlock(e, activeHandle, currentRect, 0, -10);
- break;
- case global$a.DOWN:
- moveAndBlock(e, activeHandle, currentRect, 0, 10);
- break;
- case global$a.ENTER:
- case global$a.SPACEBAR:
- e.preventDefault();
- action();
- break;
- }
- });
- }
- function toggleVisibility(state) {
- var selectors;
- selectors = global$1.map(handles, function (handle) {
- return '#' + id + '-' + handle.name;
- }).concat(global$1.map(blockers, function (blocker) {
- return '#' + id + '-' + blocker;
- })).join(',');
- if (state) {
- global$8(selectors, containerElm).show();
- } else {
- global$8(selectors, containerElm).hide();
- }
- }
- function repaint(rect) {
- function updateElementRect(name, rect) {
- if (rect.h < 0) {
- rect.h = 0;
- }
- if (rect.w < 0) {
- rect.w = 0;
- }
- global$8('#' + id + '-' + name, containerElm).css({
- left: rect.x,
- top: rect.y,
- width: rect.w,
- height: rect.h
- });
- }
- global$1.each(handles, function (handle) {
- global$8('#' + id + '-' + handle.name, containerElm).css({
- left: rect.w * handle.xMul + rect.x,
- top: rect.h * handle.yMul + rect.y
- });
- });
- updateElementRect('top', {
- x: viewPortRect.x,
- y: viewPortRect.y,
- w: viewPortRect.w,
- h: rect.y - viewPortRect.y
- });
- updateElementRect('right', {
- x: rect.x + rect.w,
- y: rect.y,
- w: viewPortRect.w - rect.x - rect.w + viewPortRect.x,
- h: rect.h
- });
- updateElementRect('bottom', {
- x: viewPortRect.x,
- y: rect.y + rect.h,
- w: viewPortRect.w,
- h: viewPortRect.h - rect.y - rect.h + viewPortRect.y
- });
- updateElementRect('left', {
- x: viewPortRect.x,
- y: rect.y,
- w: rect.x - viewPortRect.x,
- h: rect.h
- });
- updateElementRect('move', rect);
- }
- function setRect(rect) {
- currentRect = rect;
- repaint(currentRect);
- }
- function setViewPortRect(rect) {
- viewPortRect = rect;
- repaint(currentRect);
- }
- function setInnerRect(rect) {
- setRect(getAbsoluteRect(clampRect, rect));
- }
- function setClampRect(rect) {
- clampRect = rect;
- repaint(currentRect);
- }
- function destroy() {
- global$1.each(dragHelpers, function (helper) {
- helper.destroy();
- });
- dragHelpers = [];
- }
- render();
- instance = global$1.extend({
- toggleVisibility: toggleVisibility,
- setClampRect: setClampRect,
- setRect: setRect,
- getInnerRect: getInnerRect,
- setInnerRect: setInnerRect,
- setViewPortRect: setViewPortRect,
- destroy: destroy
- }, global$9);
- return instance;
- }
- var create$2 = function (settings) {
- var Control = global$6.get('Control');
- var ImagePanel = Control.extend({
- Defaults: { classes: 'imagepanel' },
- selection: function (rect) {
- if (arguments.length) {
- this.state.set('rect', rect);
- return this;
- }
- return this.state.get('rect');
- },
- imageSize: function () {
- var viewRect = this.state.get('viewRect');
- return {
- w: viewRect.w,
- h: viewRect.h
- };
- },
- toggleCropRect: function (state) {
- this.state.set('cropEnabled', state);
- },
- imageSrc: function (url) {
- var self$$1 = this, img = new Image();
- img.src = url;
- LoadImage.loadImage(img).then(function () {
- var rect, $img;
- var lastRect = self$$1.state.get('viewRect');
- $img = self$$1.$el.find('img');
- if ($img[0]) {
- $img.replaceWith(img);
- } else {
- var bg = document.createElement('div');
- bg.className = 'mce-imagepanel-bg';
- self$$1.getEl().appendChild(bg);
- self$$1.getEl().appendChild(img);
- }
- rect = {
- x: 0,
- y: 0,
- w: img.naturalWidth,
- h: img.naturalHeight
- };
- self$$1.state.set('viewRect', rect);
- self$$1.state.set('rect', global$7.inflate(rect, -20, -20));
- if (!lastRect || lastRect.w !== rect.w || lastRect.h !== rect.h) {
- self$$1.zoomFit();
- }
- self$$1.repaintImage();
- self$$1.fire('load');
- });
- },
- zoom: function (value) {
- if (arguments.length) {
- this.state.set('zoom', value);
- return this;
- }
- return this.state.get('zoom');
- },
- postRender: function () {
- this.imageSrc(this.settings.imageSrc);
- return this._super();
- },
- zoomFit: function () {
- var self$$1 = this;
- var $img, pw, ph, w, h, zoom, padding;
- padding = 10;
- $img = self$$1.$el.find('img');
- pw = self$$1.getEl().clientWidth;
- ph = self$$1.getEl().clientHeight;
- w = $img[0].naturalWidth;
- h = $img[0].naturalHeight;
- zoom = Math.min((pw - padding) / w, (ph - padding) / h);
- if (zoom >= 1) {
- zoom = 1;
- }
- self$$1.zoom(zoom);
- },
- repaintImage: function () {
- var x, y, w, h, pw, ph, $img, $bg, zoom, rect, elm;
- elm = this.getEl();
- zoom = this.zoom();
- rect = this.state.get('rect');
- $img = this.$el.find('img');
- $bg = this.$el.find('.mce-imagepanel-bg');
- pw = elm.offsetWidth;
- ph = elm.offsetHeight;
- w = $img[0].naturalWidth * zoom;
- h = $img[0].naturalHeight * zoom;
- x = Math.max(0, pw / 2 - w / 2);
- y = Math.max(0, ph / 2 - h / 2);
- $img.css({
- left: x,
- top: y,
- width: w,
- height: h
- });
- $bg.css({
- left: x,
- top: y,
- width: w,
- height: h
- });
- if (this.cropRect) {
- this.cropRect.setRect({
- x: rect.x * zoom + x,
- y: rect.y * zoom + y,
- w: rect.w * zoom,
- h: rect.h * zoom
- });
- this.cropRect.setClampRect({
- x: x,
- y: y,
- w: w,
- h: h
- });
- this.cropRect.setViewPortRect({
- x: 0,
- y: 0,
- w: pw,
- h: ph
- });
- }
- },
- bindStates: function () {
- var self$$1 = this;
- function setupCropRect(rect) {
- self$$1.cropRect = CropRect(rect, self$$1.state.get('viewRect'), self$$1.state.get('viewRect'), self$$1.getEl(), function () {
- self$$1.fire('crop');
- });
- self$$1.cropRect.on('updateRect', function (e) {
- var rect = e.rect;
- var zoom = self$$1.zoom();
- rect = {
- x: Math.round(rect.x / zoom),
- y: Math.round(rect.y / zoom),
- w: Math.round(rect.w / zoom),
- h: Math.round(rect.h / zoom)
- };
- self$$1.state.set('rect', rect);
- });
- self$$1.on('remove', self$$1.cropRect.destroy);
- }
- self$$1.state.on('change:cropEnabled', function (e) {
- self$$1.cropRect.toggleVisibility(e.value);
- self$$1.repaintImage();
- });
- self$$1.state.on('change:zoom', function () {
- self$$1.repaintImage();
- });
- self$$1.state.on('change:rect', function (e) {
- var rect = e.value;
- if (!self$$1.cropRect) {
- setupCropRect(rect);
- }
- self$$1.cropRect.setRect(rect);
- });
- }
- });
- return new ImagePanel(settings);
- };
- var ImagePanel = { create: create$2 };
- function createState(blob) {
- return {
- blob: blob,
- url: URL$1.createObjectURL(blob)
- };
- }
- function destroyState(state) {
- if (state) {
- URL$1.revokeObjectURL(state.url);
- }
- }
- function destroyStates(states) {
- global$1.each(states, destroyState);
- }
- function open(editor, currentState, resolve, reject) {
- var win, undoStack = UndoStack(), mainPanel, filtersPanel, tempState, cropPanel, resizePanel, flipRotatePanel, imagePanel, sidePanel, mainViewContainer, invertPanel, brightnessPanel, huePanel, saturatePanel, contrastPanel, grayscalePanel, sepiaPanel, colorizePanel, sharpenPanel, embossPanel, gammaPanel, exposurePanel, panels, width, height, ratioW, ratioH;
- var reverseIfRtl = function (items) {
- return editor.rtl ? items.reverse() : items;
- };
- function recalcSize(e) {
- var widthCtrl, heightCtrl, newWidth, newHeight;
- widthCtrl = win.find('#w')[0];
- heightCtrl = win.find('#h')[0];
- newWidth = parseInt(widthCtrl.value(), 10);
- newHeight = parseInt(heightCtrl.value(), 10);
- if (win.find('#constrain')[0].checked() && width && height && newWidth && newHeight) {
- if (e.control.settings.name === 'w') {
- newHeight = Math.round(newWidth * ratioW);
- heightCtrl.value(newHeight);
- } else {
- newWidth = Math.round(newHeight * ratioH);
- widthCtrl.value(newWidth);
- }
- }
- width = newWidth;
- height = newHeight;
- }
- function floatToPercent(value) {
- return Math.round(value * 100) + '%';
- }
- function updateButtonUndoStates() {
- win.find('#undo').disabled(!undoStack.canUndo());
- win.find('#redo').disabled(!undoStack.canRedo());
- win.statusbar.find('#save').disabled(!undoStack.canUndo());
- }
- function disableUndoRedo() {
- win.find('#undo').disabled(true);
- win.find('#redo').disabled(true);
- }
- function displayState(state) {
- if (state) {
- imagePanel.imageSrc(state.url);
- }
- }
- function switchPanel(targetPanel) {
- return function () {
- var hidePanels = global$1.grep(panels, function (panel) {
- return panel.settings.name !== targetPanel;
- });
- global$1.each(hidePanels, function (panel) {
- panel.hide();
- });
- targetPanel.show();
- targetPanel.focus();
- };
- }
- function addTempState(blob) {
- tempState = createState(blob);
- displayState(tempState);
- }
- function addBlobState(blob) {
- currentState = createState(blob);
- displayState(currentState);
- destroyStates(undoStack.add(currentState).removed);
- updateButtonUndoStates();
- }
- function crop() {
- var rect = imagePanel.selection();
- ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
- ImageTransformations.crop(ir, rect.x, rect.y, rect.w, rect.h).then(imageResultToBlob).then(function (blob) {
- addBlobState(blob);
- cancel();
- });
- });
- }
- var tempAction = function (fn) {
- var args = [].slice.call(arguments, 1);
- return function () {
- var state = tempState || currentState;
- ResultConversions.blobToImageResult(state.blob).then(function (ir) {
- fn.apply(this, [ir].concat(args)).then(imageResultToBlob).then(addTempState);
- });
- };
- };
- function action(fn) {
- var arg = [];
- for (var _i = 1; _i < arguments.length; _i++) {
- arg[_i - 1] = arguments[_i];
- }
- var args = [].slice.call(arguments, 1);
- return function () {
- ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
- fn.apply(this, [ir].concat(args)).then(imageResultToBlob).then(addBlobState);
- });
- };
- }
- function cancel() {
- displayState(currentState);
- destroyState(tempState);
- switchPanel(mainPanel)();
- updateButtonUndoStates();
- }
- function waitForTempState(times, applyCall) {
- if (tempState) {
- applyCall();
- } else {
- setTimeout(function () {
- if (times-- > 0) {
- waitForTempState(times, applyCall);
- } else {
- editor.windowManager.alert('Error: failed to apply image operation.');
- }
- }, 10);
- }
- }
- function applyTempState() {
- if (tempState) {
- addBlobState(tempState.blob);
- cancel();
- } else {
- waitForTempState(100, applyTempState);
- }
- }
- function zoomIn() {
- var zoom = imagePanel.zoom();
- if (zoom < 2) {
- zoom += 0.1;
- }
- imagePanel.zoom(zoom);
- }
- function zoomOut() {
- var zoom = imagePanel.zoom();
- if (zoom > 0.1) {
- zoom -= 0.1;
- }
- imagePanel.zoom(zoom);
- }
- function undo() {
- currentState = undoStack.undo();
- displayState(currentState);
- updateButtonUndoStates();
- }
- function redo() {
- currentState = undoStack.redo();
- displayState(currentState);
- updateButtonUndoStates();
- }
- function save() {
- resolve(currentState.blob);
- win.close();
- }
- function createPanel(items) {
- return global$6.create('Form', {
- layout: 'flex',
- direction: 'row',
- labelGap: 5,
- border: '0 0 1 0',
- align: 'center',
- pack: 'center',
- padding: '0 10 0 10',
- spacing: 5,
- flex: 0,
- minHeight: 60,
- defaults: {
- classes: 'imagetool',
- type: 'button'
- },
- items: items
- });
- }
- var imageResultToBlob = function (ir) {
- return ir.toBlob();
- };
- function createFilterPanel(title, filter) {
- return createPanel(reverseIfRtl([
- {
- text: 'Back',
- onclick: cancel
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- text: 'Apply',
- subtype: 'primary',
- onclick: applyTempState
- }
- ])).hide().on('show', function () {
- disableUndoRedo();
- ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
- return filter(ir);
- }).then(imageResultToBlob).then(function (blob) {
- var newTempState = createState(blob);
- displayState(newTempState);
- destroyState(tempState);
- tempState = newTempState;
- });
- });
- }
- function createVariableFilterPanel(title, filter, value, min, max) {
- function update(value) {
- ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
- return filter(ir, value);
- }).then(imageResultToBlob).then(function (blob) {
- var newTempState = createState(blob);
- displayState(newTempState);
- destroyState(tempState);
- tempState = newTempState;
- });
- }
- return createPanel(reverseIfRtl([
- {
- text: 'Back',
- onclick: cancel
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- type: 'slider',
- flex: 1,
- ondragend: function (e) {
- update(e.value);
- },
- minValue: editor.rtl ? max : min,
- maxValue: editor.rtl ? min : max,
- value: value,
- previewFilter: floatToPercent
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- text: 'Apply',
- subtype: 'primary',
- onclick: applyTempState
- }
- ])).hide().on('show', function () {
- this.find('slider').value(value);
- disableUndoRedo();
- });
- }
- function createRgbFilterPanel(title, filter) {
- function update() {
- var r, g, b;
- r = win.find('#r')[0].value();
- g = win.find('#g')[0].value();
- b = win.find('#b')[0].value();
- ResultConversions.blobToImageResult(currentState.blob).then(function (ir) {
- return filter(ir, r, g, b);
- }).then(imageResultToBlob).then(function (blob) {
- var newTempState = createState(blob);
- displayState(newTempState);
- destroyState(tempState);
- tempState = newTempState;
- });
- }
- var min = editor.rtl ? 2 : 0;
- var max = editor.rtl ? 0 : 2;
- return createPanel(reverseIfRtl([
- {
- text: 'Back',
- onclick: cancel
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- type: 'slider',
- label: 'R',
- name: 'r',
- minValue: min,
- value: 1,
- maxValue: max,
- ondragend: update,
- previewFilter: floatToPercent
- },
- {
- type: 'slider',
- label: 'G',
- name: 'g',
- minValue: min,
- value: 1,
- maxValue: max,
- ondragend: update,
- previewFilter: floatToPercent
- },
- {
- type: 'slider',
- label: 'B',
- name: 'b',
- minValue: min,
- value: 1,
- maxValue: max,
- ondragend: update,
- previewFilter: floatToPercent
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- text: 'Apply',
- subtype: 'primary',
- onclick: applyTempState
- }
- ])).hide().on('show', function () {
- win.find('#r,#g,#b').value(1);
- disableUndoRedo();
- });
- }
- cropPanel = createPanel(reverseIfRtl([
- {
- text: 'Back',
- onclick: cancel
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- text: 'Apply',
- subtype: 'primary',
- onclick: crop
- }
- ])).hide().on('show hide', function (e) {
- imagePanel.toggleCropRect(e.type === 'show');
- }).on('show', disableUndoRedo);
- function toggleConstrain(e) {
- if (e.control.value() === true) {
- ratioW = height / width;
- ratioH = width / height;
- }
- }
- resizePanel = createPanel(reverseIfRtl([
- {
- text: 'Back',
- onclick: cancel
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- type: 'textbox',
- name: 'w',
- label: 'Width',
- size: 4,
- onkeyup: recalcSize
- },
- {
- type: 'textbox',
- name: 'h',
- label: 'Height',
- size: 4,
- onkeyup: recalcSize
- },
- {
- type: 'checkbox',
- name: 'constrain',
- text: 'Constrain proportions',
- checked: true,
- onchange: toggleConstrain
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- text: 'Apply',
- subtype: 'primary',
- onclick: 'submit'
- }
- ])).hide().on('submit', function (e) {
- var width = parseInt(win.find('#w').value(), 10), height = parseInt(win.find('#h').value(), 10);
- e.preventDefault();
- action(ImageTransformations.resize, width, height)();
- cancel();
- }).on('show', disableUndoRedo);
- flipRotatePanel = createPanel(reverseIfRtl([
- {
- text: 'Back',
- onclick: cancel
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- icon: 'fliph',
- tooltip: 'Flip horizontally',
- onclick: tempAction(ImageTransformations.flip, 'h')
- },
- {
- icon: 'flipv',
- tooltip: 'Flip vertically',
- onclick: tempAction(ImageTransformations.flip, 'v')
- },
- {
- icon: 'rotateleft',
- tooltip: 'Rotate counterclockwise',
- onclick: tempAction(ImageTransformations.rotate, -90)
- },
- {
- icon: 'rotateright',
- tooltip: 'Rotate clockwise',
- onclick: tempAction(ImageTransformations.rotate, 90)
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- text: 'Apply',
- subtype: 'primary',
- onclick: applyTempState
- }
- ])).hide().on('show', disableUndoRedo);
- invertPanel = createFilterPanel('Invert', ImageTransformations.invert);
- sharpenPanel = createFilterPanel('Sharpen', ImageTransformations.sharpen);
- embossPanel = createFilterPanel('Emboss', ImageTransformations.emboss);
- brightnessPanel = createVariableFilterPanel('Brightness', ImageTransformations.brightness, 0, -1, 1);
- huePanel = createVariableFilterPanel('Hue', ImageTransformations.hue, 180, 0, 360);
- saturatePanel = createVariableFilterPanel('Saturate', ImageTransformations.saturate, 0, -1, 1);
- contrastPanel = createVariableFilterPanel('Contrast', ImageTransformations.contrast, 0, -1, 1);
- grayscalePanel = createVariableFilterPanel('Grayscale', ImageTransformations.grayscale, 0, 0, 1);
- sepiaPanel = createVariableFilterPanel('Sepia', ImageTransformations.sepia, 0, 0, 1);
- colorizePanel = createRgbFilterPanel('Colorize', ImageTransformations.colorize);
- gammaPanel = createVariableFilterPanel('Gamma', ImageTransformations.gamma, 0, -1, 1);
- exposurePanel = createVariableFilterPanel('Exposure', ImageTransformations.exposure, 1, 0, 2);
- filtersPanel = createPanel(reverseIfRtl([
- {
- text: 'Back',
- onclick: cancel
- },
- {
- type: 'spacer',
- flex: 1
- },
- {
- text: 'hue',
- icon: 'hue',
- onclick: switchPanel(huePanel)
- },
- {
- text: 'saturate',
- icon: 'saturate',
- onclick: switchPanel(saturatePanel)
- },
- {
- text: 'sepia',
- icon: 'sepia',
- onclick: switchPanel(sepiaPanel)
- },
- {
- text: 'emboss',
- icon: 'emboss',
- onclick: switchPanel(embossPanel)
- },
- {
- text: 'exposure',
- icon: 'exposure',
- onclick: switchPanel(exposurePanel)
- },
- {
- type: 'spacer',
- flex: 1
- }
- ])).hide();
- mainPanel = createPanel(reverseIfRtl([
- {
- tooltip: 'Crop',
- icon: 'crop',
- onclick: switchPanel(cropPanel)
- },
- {
- tooltip: 'Resize',
- icon: 'resize2',
- onclick: switchPanel(resizePanel)
- },
- {
- tooltip: 'Orientation',
- icon: 'orientation',
- onclick: switchPanel(flipRotatePanel)
- },
- {
- tooltip: 'Brightness',
- icon: 'sun',
- onclick: switchPanel(brightnessPanel)
- },
- {
- tooltip: 'Sharpen',
- icon: 'sharpen',
- onclick: switchPanel(sharpenPanel)
- },
- {
- tooltip: 'Contrast',
- icon: 'contrast',
- onclick: switchPanel(contrastPanel)
- },
- {
- tooltip: 'Color levels',
- icon: 'drop',
- onclick: switchPanel(colorizePanel)
- },
- {
- tooltip: 'Gamma',
- icon: 'gamma',
- onclick: switchPanel(gammaPanel)
- },
- {
- tooltip: 'Invert',
- icon: 'invert',
- onclick: switchPanel(invertPanel)
- }
- ]));
- imagePanel = ImagePanel.create({
- flex: 1,
- imageSrc: currentState.url
- });
- sidePanel = global$6.create('Container', {
- layout: 'flex',
- direction: 'column',
- pack: 'start',
- border: '0 1 0 0',
- padding: 5,
- spacing: 5,
- items: [
- {
- type: 'button',
- icon: 'undo',
- tooltip: 'Undo',
- name: 'undo',
- onclick: undo
- },
- {
- type: 'button',
- icon: 'redo',
- tooltip: 'Redo',
- name: 'redo',
- onclick: redo
- },
- {
- type: 'button',
- icon: 'zoomin',
- tooltip: 'Zoom in',
- onclick: zoomIn
- },
- {
- type: 'button',
- icon: 'zoomout',
- tooltip: 'Zoom out',
- onclick: zoomOut
- }
- ]
- });
- mainViewContainer = global$6.create('Container', {
- type: 'container',
- layout: 'flex',
- direction: 'row',
- align: 'stretch',
- flex: 1,
- items: reverseIfRtl([
- sidePanel,
- imagePanel
- ])
- });
- panels = [
- mainPanel,
- cropPanel,
- resizePanel,
- flipRotatePanel,
- filtersPanel,
- invertPanel,
- brightnessPanel,
- huePanel,
- saturatePanel,
- contrastPanel,
- grayscalePanel,
- sepiaPanel,
- colorizePanel,
- sharpenPanel,
- embossPanel,
- gammaPanel,
- exposurePanel
- ];
- win = editor.windowManager.open({
- layout: 'flex',
- direction: 'column',
- align: 'stretch',
- minWidth: Math.min(global$5.DOM.getViewPort().w, 800),
- minHeight: Math.min(global$5.DOM.getViewPort().h, 650),
- title: 'Edit image',
- items: panels.concat([mainViewContainer]),
- buttons: reverseIfRtl([
- {
- text: 'Save',
- name: 'save',
- subtype: 'primary',
- onclick: save
- },
- {
- text: 'Cancel',
- onclick: 'close'
- }
- ])
- });
- win.on('close', function () {
- reject();
- destroyStates(undoStack.data);
- undoStack = null;
- tempState = null;
- });
- undoStack.add(currentState);
- updateButtonUndoStates();
- imagePanel.on('load', function () {
- width = imagePanel.imageSize().w;
- height = imagePanel.imageSize().h;
- ratioW = height / width;
- ratioH = width / height;
- win.find('#w').value(width);
- win.find('#h').value(height);
- });
- imagePanel.on('crop', crop);
- }
- function edit(editor, imageResult) {
- return new global$3(function (resolve, reject) {
- return imageResult.toBlob().then(function (blob) {
- open(editor, createState(blob), resolve, reject);
- });
- });
- }
- var Dialog = { edit: edit };
- function getImageSize(img) {
- var width, height;
- function isPxValue(value) {
- return /^[0-9\.]+px$/.test(value);
- }
- width = img.style.width;
- height = img.style.height;
- if (width || height) {
- if (isPxValue(width) && isPxValue(height)) {
- return {
- w: parseInt(width, 10),
- h: parseInt(height, 10)
- };
- }
- return null;
- }
- width = img.width;
- height = img.height;
- if (width && height) {
- return {
- w: parseInt(width, 10),
- h: parseInt(height, 10)
- };
- }
- return null;
- }
- function setImageSize(img, size) {
- var width, height;
- if (size) {
- width = img.style.width;
- height = img.style.height;
- if (width || height) {
- img.style.width = size.w + 'px';
- img.style.height = size.h + 'px';
- img.removeAttribute('data-mce-style');
- }
- width = img.width;
- height = img.height;
- if (width || height) {
- img.setAttribute('width', size.w);
- img.setAttribute('height', size.h);
- }
- }
- }
- function getNaturalImageSize(img) {
- return {
- w: img.naturalWidth,
- h: img.naturalHeight
- };
- }
- var ImageSize$1 = {
- getImageSize: getImageSize,
- setImageSize: setImageSize,
- getNaturalImageSize: getNaturalImageSize
- };
- var typeOf = function (x) {
- if (x === null)
- return 'null';
- var t = typeof x;
- if (t === 'object' && Array.prototype.isPrototypeOf(x))
- return 'array';
- if (t === 'object' && String.prototype.isPrototypeOf(x))
- return 'string';
- return t;
- };
- var isType = function (type) {
- return function (value) {
- return typeOf(value) === type;
- };
- };
- var isFunction = isType('function');
- var find = function (xs, pred) {
- for (var i = 0, len = xs.length; i < len; i++) {
- var x = xs[i];
- if (pred(x, i, xs)) {
- return Option.some(x);
- }
- }
- return Option.none();
- };
- var slice = Array.prototype.slice;
- var from$1 = isFunction(Array.from) ? Array.from : function (x) {
- return slice.call(x);
- };
- function XMLHttpRequest$1 () {
- var f = Global$1.getOrDie('XMLHttpRequest');
- return new f();
- }
- var isValue = function (obj) {
- return obj !== null && obj !== undefined;
- };
- var traverse = function (json, path) {
- var value;
- value = path.reduce(function (result, key) {
- return isValue(result) ? result[key] : undefined;
- }, json);
- return isValue(value) ? value : null;
- };
- var requestUrlAsBlob = function (url, headers, withCredentials) {
- return new global$3(function (resolve) {
- var xhr;
- xhr = XMLHttpRequest$1();
- xhr.onreadystatechange = function () {
- if (xhr.readyState === 4) {
- resolve({
- status: xhr.status,
- blob: this.response
- });
- }
- };
- xhr.open('GET', url, true);
- xhr.withCredentials = withCredentials;
- global$1.each(headers, function (value, key) {
- xhr.setRequestHeader(key, value);
- });
- xhr.responseType = 'blob';
- xhr.send();
- });
- };
- var readBlob = function (blob) {
- return new global$3(function (resolve) {
- var fr = FileReader();
- fr.onload = function (e) {
- var data = e.target;
- resolve(data.result);
- };
- fr.readAsText(blob);
- });
- };
- var parseJson = function (text) {
- var json;
- try {
- json = JSON.parse(text);
- } catch (ex) {
- }
- return json;
- };
- var Utils = {
- traverse: traverse,
- readBlob: readBlob,
- requestUrlAsBlob: requestUrlAsBlob,
- parseJson: parseJson
- };
- var friendlyHttpErrors = [
- {
- code: 404,
- message: 'Could not find Image Proxy'
- },
- {
- code: 403,
- message: 'Rejected request'
- },
- {
- code: 0,
- message: 'Incorrect Image Proxy URL'
- }
- ];
- var friendlyServiceErrors = [
- {
- type: 'key_missing',
- message: 'The request did not include an api key.'
- },
- {
- type: 'key_not_found',
- message: 'The provided api key could not be found.'
- },
- {
- type: 'domain_not_trusted',
- message: 'The api key is not valid for the request origins.'
- }
- ];
- var isServiceErrorCode = function (code) {
- return code === 400 || code === 403 || code === 500;
- };
- var getHttpErrorMsg = function (status) {
- var message = find(friendlyHttpErrors, function (error) {
- return status === error.code;
- }).fold(constant('Unknown ImageProxy error'), function (error) {
- return error.message;
- });
- return 'ImageProxy HTTP error: ' + message;
- };
- var handleHttpError = function (status) {
- var message = getHttpErrorMsg(status);
- return global$3.reject(message);
- };
- var getServiceErrorMsg = function (type) {
- return find(friendlyServiceErrors, function (error) {
- return error.type === type;
- }).fold(constant('Unknown service error'), function (error) {
- return error.message;
- });
- };
- var getServiceError = function (text) {
- var serviceError = Utils.parseJson(text);
- var errorType = Utils.traverse(serviceError, [
- 'error',
- 'type'
- ]);
- var errorMsg = errorType ? getServiceErrorMsg(errorType) : 'Invalid JSON in service error message';
- return 'ImageProxy Service error: ' + errorMsg;
- };
- var handleServiceError = function (status, blob) {
- return Utils.readBlob(blob).then(function (text) {
- var serviceError = getServiceError(text);
- return global$3.reject(serviceError);
- });
- };
- var handleServiceErrorResponse = function (status, blob) {
- return isServiceErrorCode(status) ? handleServiceError(status, blob) : handleHttpError(status);
- };
- var Errors = {
- handleServiceErrorResponse: handleServiceErrorResponse,
- handleHttpError: handleHttpError,
- getHttpErrorMsg: getHttpErrorMsg,
- getServiceErrorMsg: getServiceErrorMsg
- };
- var appendApiKey = function (url, apiKey) {
- var separator = url.indexOf('?') === -1 ? '?' : '&';
- if (/[?&]apiKey=/.test(url) || !apiKey) {
- return url;
- } else {
- return url + separator + 'apiKey=' + encodeURIComponent(apiKey);
- }
- };
- var requestServiceBlob = function (url, apiKey) {
- var headers = {
- 'Content-Type': 'application/json;charset=UTF-8',
- 'tiny-api-key': apiKey
- };
- return Utils.requestUrlAsBlob(appendApiKey(url, apiKey), headers, false).then(function (result) {
- return result.status < 200 || result.status >= 300 ? Errors.handleServiceErrorResponse(result.status, result.blob) : global$3.resolve(result.blob);
- });
- };
- function requestBlob(url, withCredentials) {
- return Utils.requestUrlAsBlob(url, {}, withCredentials).then(function (result) {
- return result.status < 200 || result.status >= 300 ? Errors.handleHttpError(result.status) : global$3.resolve(result.blob);
- });
- }
- var getUrl = function (url, apiKey, withCredentials) {
- return apiKey ? requestServiceBlob(url, apiKey) : requestBlob(url, withCredentials);
- };
- var Proxy = { getUrl: getUrl };
- var count$1 = 0;
- var isEditableImage = function (editor, img) {
- var selectorMatched = editor.dom.is(img, 'img:not([data-mce-object],[data-mce-placeholder])');
- return selectorMatched && (isLocalImage(editor, img) || isCorsImage(editor, img) || editor.settings.imagetools_proxy);
- };
- var displayError = function (editor, error) {
- editor.notificationManager.open({
- text: error,
- type: 'error'
- });
- };
- var getSelectedImage = function (editor) {
- return editor.selection.getNode();
- };
- var extractFilename = function (editor, url) {
- var m = url.match(/\/([^\/\?]+)?\.(?:jpeg|jpg|png|gif)(?:\?|$)/i);
- if (m) {
- return editor.dom.encode(m[1]);
- }
- return null;
- };
- var createId = function () {
- return 'imagetools' + count$1++;
- };
- var isLocalImage = function (editor, img) {
- var url = img.src;
- return url.indexOf('data:') === 0 || url.indexOf('blob:') === 0 || new global$4(url).host === editor.documentBaseURI.host;
- };
- var isCorsImage = function (editor, img) {
- return global$1.inArray(getCorsHosts(editor), new global$4(img.src).host) !== -1;
- };
- var isCorsWithCredentialsImage = function (editor, img) {
- return global$1.inArray(getCredentialsHosts(editor), new global$4(img.src).host) !== -1;
- };
- var imageToBlob$2 = function (editor, img) {
- var src = img.src, apiKey;
- if (isCorsImage(editor, img)) {
- return Proxy.getUrl(img.src, null, isCorsWithCredentialsImage(editor, img));
- }
- if (!isLocalImage(editor, img)) {
- src = getProxyUrl(editor);
- src += (src.indexOf('?') === -1 ? '?' : '&') + 'url=' + encodeURIComponent(img.src);
- apiKey = getApiKey(editor);
- return Proxy.getUrl(src, apiKey, false);
- }
- return BlobConversions.imageToBlob(img);
- };
- var findSelectedBlob = function (editor) {
- var blobInfo;
- blobInfo = editor.editorUpload.blobCache.getByUri(getSelectedImage(editor).src);
- if (blobInfo) {
- return global$3.resolve(blobInfo.blob());
- }
- return imageToBlob$2(editor, getSelectedImage(editor));
- };
- var startTimedUpload = function (editor, imageUploadTimerState) {
- var imageUploadTimer = global$2.setEditorTimeout(editor, function () {
- editor.editorUpload.uploadImagesAuto();
- }, getUploadTimeout(editor));
- imageUploadTimerState.set(imageUploadTimer);
- };
- var cancelTimedUpload = function (imageUploadTimerState) {
- clearTimeout(imageUploadTimerState.get());
- };
- var updateSelectedImage = function (editor, ir, uploadImmediately, imageUploadTimerState, size) {
- return ir.toBlob().then(function (blob) {
- var uri, name, blobCache, blobInfo, selectedImage;
- blobCache = editor.editorUpload.blobCache;
- selectedImage = getSelectedImage(editor);
- uri = selectedImage.src;
- if (shouldReuseFilename(editor)) {
- blobInfo = blobCache.getByUri(uri);
- if (blobInfo) {
- uri = blobInfo.uri();
- name = blobInfo.name();
- } else {
- name = extractFilename(editor, uri);
- }
- }
- blobInfo = blobCache.create({
- id: createId(),
- blob: blob,
- base64: ir.toBase64(),
- uri: uri,
- name: name
- });
- blobCache.add(blobInfo);
- editor.undoManager.transact(function () {
- function imageLoadedHandler() {
- editor.$(selectedImage).off('load', imageLoadedHandler);
- editor.nodeChanged();
- if (uploadImmediately) {
- editor.editorUpload.uploadImagesAuto();
- } else {
- cancelTimedUpload(imageUploadTimerState);
- startTimedUpload(editor, imageUploadTimerState);
- }
- }
- editor.$(selectedImage).on('load', imageLoadedHandler);
- if (size) {
- editor.$(selectedImage).attr({
- width: size.w,
- height: size.h
- });
- }
- editor.$(selectedImage).attr({ src: blobInfo.blobUri() }).removeAttr('data-mce-src');
- });
- return blobInfo;
- });
- };
- var selectedImageOperation = function (editor, imageUploadTimerState, fn, size) {
- return function () {
- return editor._scanForImages().then(curry(findSelectedBlob, editor)).then(ResultConversions.blobToImageResult).then(fn).then(function (imageResult) {
- return updateSelectedImage(editor, imageResult, false, imageUploadTimerState, size);
- }, function (error) {
- displayError(editor, error);
- });
- };
- };
- var rotate$2 = function (editor, imageUploadTimerState, angle) {
- return function () {
- var size = ImageSize$1.getImageSize(getSelectedImage(editor));
- var flippedSize = size ? {
- w: size.h,
- h: size.w
- } : null;
- return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
- return ImageTransformations.rotate(imageResult, angle);
- }, flippedSize)();
- };
- };
- var flip$2 = function (editor, imageUploadTimerState, axis) {
- return function () {
- return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
- return ImageTransformations.flip(imageResult, axis);
- })();
- };
- };
- var editImageDialog = function (editor, imageUploadTimerState) {
- return function () {
- var img = getSelectedImage(editor), originalSize = ImageSize$1.getNaturalImageSize(img);
- var handleDialogBlob = function (blob) {
- return new global$3(function (resolve) {
- BlobConversions.blobToImage(blob).then(function (newImage) {
- var newSize = ImageSize$1.getNaturalImageSize(newImage);
- if (originalSize.w !== newSize.w || originalSize.h !== newSize.h) {
- if (ImageSize$1.getImageSize(img)) {
- ImageSize$1.setImageSize(img, newSize);
- }
- }
- URL$1.revokeObjectURL(newImage.src);
- resolve(blob);
- });
- });
- };
- var openDialog = function (editor, imageResult) {
- return Dialog.edit(editor, imageResult).then(handleDialogBlob).then(ResultConversions.blobToImageResult).then(function (imageResult) {
- return updateSelectedImage(editor, imageResult, true, imageUploadTimerState);
- }, function () {
- });
- };
- findSelectedBlob(editor).then(ResultConversions.blobToImageResult).then(curry(openDialog, editor), function (error) {
- displayError(editor, error);
- });
- };
- };
- var Actions = {
- rotate: rotate$2,
- flip: flip$2,
- editImageDialog: editImageDialog,
- isEditableImage: isEditableImage,
- cancelTimedUpload: cancelTimedUpload
- };
- var register = function (editor, imageUploadTimerState) {
- global$1.each({
- mceImageRotateLeft: Actions.rotate(editor, imageUploadTimerState, -90),
- mceImageRotateRight: Actions.rotate(editor, imageUploadTimerState, 90),
- mceImageFlipVertical: Actions.flip(editor, imageUploadTimerState, 'v'),
- mceImageFlipHorizontal: Actions.flip(editor, imageUploadTimerState, 'h'),
- mceEditImage: Actions.editImageDialog(editor, imageUploadTimerState)
- }, function (fn, cmd) {
- editor.addCommand(cmd, fn);
- });
- };
- var Commands = { register: register };
- var setup = function (editor, imageUploadTimerState, lastSelectedImageState) {
- editor.on('NodeChange', function (e) {
- var lastSelectedImage = lastSelectedImageState.get();
- if (lastSelectedImage && lastSelectedImage.src !== e.element.src) {
- Actions.cancelTimedUpload(imageUploadTimerState);
- editor.editorUpload.uploadImagesAuto();
- lastSelectedImageState.set(null);
- }
- if (Actions.isEditableImage(editor, e.element)) {
- lastSelectedImageState.set(e.element);
- }
- });
- };
- var UploadSelectedImage = { setup: setup };
- var register$1 = function (editor) {
- editor.addButton('rotateleft', {
- title: 'Rotate counterclockwise',
- cmd: 'mceImageRotateLeft'
- });
- editor.addButton('rotateright', {
- title: 'Rotate clockwise',
- cmd: 'mceImageRotateRight'
- });
- editor.addButton('flipv', {
- title: 'Flip vertically',
- cmd: 'mceImageFlipVertical'
- });
- editor.addButton('fliph', {
- title: 'Flip horizontally',
- cmd: 'mceImageFlipHorizontal'
- });
- editor.addButton('editimage', {
- title: 'Edit image',
- cmd: 'mceEditImage'
- });
- editor.addButton('imageoptions', {
- title: 'Image options',
- icon: 'options',
- cmd: 'mceImage'
- });
- };
- var Buttons = { register: register$1 };
- var register$2 = function (editor) {
- editor.addContextToolbar(curry(Actions.isEditableImage, editor), getToolbarItems(editor));
- };
- var ContextToolbar = { register: register$2 };
- global.add('imagetools', function (editor) {
- var imageUploadTimerState = Cell(0);
- var lastSelectedImageState = Cell(null);
- Commands.register(editor, imageUploadTimerState);
- Buttons.register(editor);
- ContextToolbar.register(editor);
- UploadSelectedImage.setup(editor, imageUploadTimerState, lastSelectedImageState);
- });
- function Plugin () {
- }
- return Plugin;
- }());
- })();
|