12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718 |
- /**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- *
- * Version: 5.2.0 (2020-02-13)
- */
- (function (domGlobals) {
- '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');
- var noop = function () {
- };
- var constant = function (value) {
- return function () {
- return value;
- };
- };
- var never = constant(false);
- var always = constant(true);
- var none = function () {
- return NONE;
- };
- var NONE = function () {
- var eq = function (o) {
- return o.isNone();
- };
- var call = function (thunk) {
- return thunk();
- };
- var id = function (n) {
- return n;
- };
- var me = {
- fold: function (n, s) {
- return n();
- },
- is: never,
- isSome: never,
- isNone: always,
- getOr: id,
- getOrThunk: call,
- getOrDie: function (msg) {
- throw new Error(msg || 'error: getOrDie called on none.');
- },
- getOrNull: constant(null),
- getOrUndefined: constant(undefined),
- or: id,
- orThunk: call,
- map: none,
- each: noop,
- bind: none,
- exists: never,
- forall: always,
- 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 = constant(a);
- var self = function () {
- return me;
- };
- var bind = function (f) {
- return f(a);
- };
- var me = {
- fold: function (n, s) {
- return s(a);
- },
- is: function (v) {
- return a === v;
- },
- isSome: always,
- isNone: never,
- getOr: constant_a,
- getOrThunk: constant_a,
- getOrDie: constant_a,
- getOrNull: constant_a,
- getOrUndefined: constant_a,
- or: self,
- orThunk: self,
- map: function (f) {
- return some(f(a));
- },
- each: function (f) {
- f(a);
- },
- bind: bind,
- exists: bind,
- forall: bind,
- filter: function (f) {
- return f(a) ? me : NONE;
- },
- toArray: function () {
- return [a];
- },
- toString: function () {
- return 'some(' + a + ')';
- },
- equals: function (o) {
- return o.is(a);
- },
- equals_: function (o, elementEq) {
- return o.fold(never, function (b) {
- return elementEq(a, b);
- });
- }
- };
- return me;
- };
- var from = function (value) {
- return value === null || value === undefined ? NONE : some(value);
- };
- var Option = {
- some: some,
- none: none,
- from: from
- };
- function create(width, height) {
- return resize(domGlobals.document.createElement('canvas'), width, height);
- }
- function clone(canvas) {
- var tCanvas = create(canvas.width, canvas.height);
- var ctx = get2dContext(tCanvas);
- ctx.drawImage(canvas, 0, 0);
- return tCanvas;
- }
- function get2dContext(canvas) {
- return canvas.getContext('2d');
- }
- function resize(canvas, width, height) {
- canvas.width = width;
- canvas.height = height;
- return canvas;
- }
- function getWidth(image) {
- return image.naturalWidth || image.width;
- }
- function getHeight(image) {
- return image.naturalHeight || image.height;
- }
- 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) {
- domGlobals.setTimeout(fn, 1);
- };
- function bind(fn, thisArg) {
- return function () {
- return 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, _a = this._deferreds; _i < _a.length; _i++) {
- var deferred = _a[_i];
- handle.call(this, deferred);
- }
- this._deferreds = [];
- }
- 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 values = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- values[_i] = arguments[_i];
- }
- var args = Array.prototype.slice.call(values.length === 1 && isArray(values[0]) ? values[0] : values);
- 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 (reason) {
- return new Promise(function (resolve, reject) {
- reject(reason);
- });
- };
- Promise.race = function (values) {
- return new Promise(function (resolve, reject) {
- for (var _i = 0, values_1 = values; _i < values_1.length; _i++) {
- var value = values_1[_i];
- value.then(resolve, reject);
- }
- });
- };
- return Promise;
- };
- var Promise = window.Promise ? window.Promise : promise();
- 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 = domGlobals.URL.createObjectURL(blob);
- var image = new domGlobals.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 domGlobals.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 = domGlobals.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] = new Uint8Array(bytes);
- }
- return Option.some(new domGlobals.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 canvasToBlob(canvas, type, quality) {
- type = type || 'image/png';
- if (domGlobals.HTMLCanvasElement.prototype.toBlob) {
- return new Promise(function (resolve, reject) {
- canvas.toBlob(function (blob) {
- if (blob) {
- resolve(blob);
- } else {
- reject();
- }
- }, type, quality);
- });
- } else {
- return dataUriToBlob(canvas.toDataURL(type, quality));
- }
- }
- function canvasToDataURL(canvas, type, quality) {
- type = type || 'image/png';
- return canvas.toDataURL(type, quality);
- }
- function blobToCanvas(blob) {
- return blobToImage(blob).then(function (image) {
- revokeImageUrl(image);
- var canvas = create(getWidth(image), getHeight(image));
- var context = get2dContext(canvas);
- context.drawImage(image, 0, 0);
- return canvas;
- });
- }
- function blobToDataUri(blob) {
- return new Promise(function (resolve) {
- var reader = new domGlobals.FileReader();
- reader.onloadend = function () {
- resolve(reader.result);
- };
- reader.readAsDataURL(blob);
- });
- }
- function revokeImageUrl(image) {
- domGlobals.URL.revokeObjectURL(image.src);
- }
- var blobToImage$1 = function (blob) {
- return blobToImage(blob);
- };
- var imageToBlob$1 = function (image) {
- return imageToBlob(image);
- };
- 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 canvasToBlob(canvas, type, quality);
- });
- }
- function toAdjustedDataURL(type, quality) {
- return getCanvas.then(function (canvas) {
- return canvasToDataURL(canvas, type, quality);
- });
- }
- function toAdjustedBase64(type, quality) {
- return toAdjustedDataURL(type, quality).then(function (dataurl) {
- return dataurl.split(',')[1];
- });
- }
- function toCanvas() {
- return getCanvas.then(clone);
- }
- return {
- getType: getType,
- toBlob: toBlob,
- toDataURL: toDataURL,
- toBase64: toBase64,
- toAdjustedBlob: toAdjustedBlob,
- toAdjustedDataURL: toAdjustedDataURL,
- toAdjustedBase64: toAdjustedBase64,
- toCanvas: toCanvas
- };
- }
- function fromBlob(blob) {
- return blobToDataUri(blob).then(function (uri) {
- return create$1(blobToCanvas(blob), blob, uri);
- });
- }
- function fromCanvas(canvas, type) {
- return canvasToBlob(canvas, type).then(function (blob) {
- return create$1(Promise.resolve(canvas), blob, canvas.toDataURL());
- });
- }
- function rotate(ir, angle) {
- return ir.toCanvas().then(function (canvas) {
- return applyRotate(canvas, ir.getType(), angle);
- });
- }
- function applyRotate(image, type, angle) {
- var canvas = create(image.width, image.height);
- var context = get2dContext(canvas);
- var translateX = 0;
- var translateY = 0;
- angle = angle < 0 ? 360 + angle : angle;
- if (angle === 90 || angle === 270) {
- 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 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 = create(image.width, image.height);
- var context = 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 fromCanvas(canvas, type);
- }
- var flip$1 = function (ir, axis) {
- return flip(ir, axis);
- };
- var rotate$1 = function (ir, angle) {
- return rotate(ir, angle);
- };
- var blobToImageResult = function (blob) {
- return fromBlob(blob);
- };
- 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 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 getFetchImage = function (editor) {
- return Option.from(editor.getParam('imagetools_fetch_image', null, 'function'));
- };
- 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');
- };
- 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 = {
- 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) || x.constructor && x.constructor.name === 'Array')) {
- return 'array';
- }
- if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
- return 'string';
- }
- return t;
- };
- var isType = function (type) {
- return function (value) {
- return typeOf(value) === type;
- };
- };
- var isFunction = isType('function');
- var nativeSlice = Array.prototype.slice;
- var find = function (xs, pred) {
- for (var i = 0, len = xs.length; i < len; i++) {
- var x = xs[i];
- if (pred(x, i)) {
- return Option.some(x);
- }
- }
- return Option.none();
- };
- var from$1 = isFunction(Array.from) ? Array.from : function (x) {
- return nativeSlice.call(x);
- };
- 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 = new domGlobals.XMLHttpRequest();
- 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 = new domGlobals.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 compareDocumentPosition = function (a, b, match) {
- return (a.compareDocumentPosition(b) & match) !== 0;
- };
- var documentPositionPreceding = function (a, b) {
- return compareDocumentPosition(a, b, domGlobals.Node.DOCUMENT_POSITION_PRECEDING);
- };
- var documentPositionContainedBy = function (a, b) {
- return compareDocumentPosition(a, b, domGlobals.Node.DOCUMENT_POSITION_CONTAINED_BY);
- };
- var Node = {
- documentPositionPreceding: documentPositionPreceding,
- documentPositionContainedBy: documentPositionContainedBy
- };
- var firstMatch = function (regexes, s) {
- for (var i = 0; i < regexes.length; i++) {
- var x = regexes[i];
- if (x.test(s)) {
- return x;
- }
- }
- return undefined;
- };
- var find$1 = function (regexes, agent) {
- var r = firstMatch(regexes, agent);
- if (!r) {
- return {
- major: 0,
- minor: 0
- };
- }
- var group = function (i) {
- return Number(agent.replace(r, '$' + i));
- };
- return nu(group(1), group(2));
- };
- var detect = function (versionRegexes, agent) {
- var cleanedAgent = String(agent).toLowerCase();
- if (versionRegexes.length === 0) {
- return unknown();
- }
- return find$1(versionRegexes, cleanedAgent);
- };
- var unknown = function () {
- return nu(0, 0);
- };
- var nu = function (major, minor) {
- return {
- major: major,
- minor: minor
- };
- };
- var Version = {
- nu: nu,
- detect: detect,
- unknown: unknown
- };
- var edge = 'Edge';
- var chrome = 'Chrome';
- var ie = 'IE';
- var opera = 'Opera';
- var firefox = 'Firefox';
- var safari = 'Safari';
- var isBrowser = function (name, current) {
- return function () {
- return current === name;
- };
- };
- var unknown$1 = function () {
- return nu$1({
- current: undefined,
- version: Version.unknown()
- });
- };
- var nu$1 = function (info) {
- var current = info.current;
- var version = info.version;
- return {
- current: current,
- version: version,
- isEdge: isBrowser(edge, current),
- isChrome: isBrowser(chrome, current),
- isIE: isBrowser(ie, current),
- isOpera: isBrowser(opera, current),
- isFirefox: isBrowser(firefox, current),
- isSafari: isBrowser(safari, current)
- };
- };
- var Browser = {
- unknown: unknown$1,
- nu: nu$1,
- edge: constant(edge),
- chrome: constant(chrome),
- ie: constant(ie),
- opera: constant(opera),
- firefox: constant(firefox),
- safari: constant(safari)
- };
- var windows = 'Windows';
- var ios = 'iOS';
- var android = 'Android';
- var linux = 'Linux';
- var osx = 'OSX';
- var solaris = 'Solaris';
- var freebsd = 'FreeBSD';
- var chromeos = 'ChromeOS';
- var isOS = function (name, current) {
- return function () {
- return current === name;
- };
- };
- var unknown$2 = function () {
- return nu$2({
- current: undefined,
- version: Version.unknown()
- });
- };
- var nu$2 = function (info) {
- var current = info.current;
- var version = info.version;
- return {
- current: current,
- version: version,
- isWindows: isOS(windows, current),
- isiOS: isOS(ios, current),
- isAndroid: isOS(android, current),
- isOSX: isOS(osx, current),
- isLinux: isOS(linux, current),
- isSolaris: isOS(solaris, current),
- isFreeBSD: isOS(freebsd, current),
- isChromeOS: isOS(chromeos, current)
- };
- };
- var OperatingSystem = {
- unknown: unknown$2,
- nu: nu$2,
- windows: constant(windows),
- ios: constant(ios),
- android: constant(android),
- linux: constant(linux),
- osx: constant(osx),
- solaris: constant(solaris),
- freebsd: constant(freebsd),
- chromeos: constant(chromeos)
- };
- var DeviceType = function (os, browser, userAgent, mediaMatch) {
- var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
- var isiPhone = os.isiOS() && !isiPad;
- var isMobile = os.isiOS() || os.isAndroid();
- var isTouch = isMobile || mediaMatch('(pointer:coarse)');
- var isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
- var isPhone = isiPhone || isMobile && !isTablet;
- var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
- var isDesktop = !isPhone && !isTablet && !iOSwebview;
- return {
- isiPad: constant(isiPad),
- isiPhone: constant(isiPhone),
- isTablet: constant(isTablet),
- isPhone: constant(isPhone),
- isTouch: constant(isTouch),
- isAndroid: os.isAndroid,
- isiOS: os.isiOS,
- isWebView: constant(iOSwebview),
- isDesktop: constant(isDesktop)
- };
- };
- var detect$1 = function (candidates, userAgent) {
- var agent = String(userAgent).toLowerCase();
- return find(candidates, function (candidate) {
- return candidate.search(agent);
- });
- };
- var detectBrowser = function (browsers, userAgent) {
- return detect$1(browsers, userAgent).map(function (browser) {
- var version = Version.detect(browser.versionRegexes, userAgent);
- return {
- current: browser.name,
- version: version
- };
- });
- };
- var detectOs = function (oses, userAgent) {
- return detect$1(oses, userAgent).map(function (os) {
- var version = Version.detect(os.versionRegexes, userAgent);
- return {
- current: os.name,
- version: version
- };
- });
- };
- var UaString = {
- detectBrowser: detectBrowser,
- detectOs: detectOs
- };
- var contains = function (str, substr) {
- return str.indexOf(substr) !== -1;
- };
- var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
- var checkContains = function (target) {
- return function (uastring) {
- return contains(uastring, target);
- };
- };
- var browsers = [
- {
- name: 'Edge',
- versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
- search: function (uastring) {
- return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
- }
- },
- {
- name: 'Chrome',
- versionRegexes: [
- /.*?chrome\/([0-9]+)\.([0-9]+).*/,
- normalVersionRegex
- ],
- search: function (uastring) {
- return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
- }
- },
- {
- name: 'IE',
- versionRegexes: [
- /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
- /.*?rv:([0-9]+)\.([0-9]+).*/
- ],
- search: function (uastring) {
- return contains(uastring, 'msie') || contains(uastring, 'trident');
- }
- },
- {
- name: 'Opera',
- versionRegexes: [
- normalVersionRegex,
- /.*?opera\/([0-9]+)\.([0-9]+).*/
- ],
- search: checkContains('opera')
- },
- {
- name: 'Firefox',
- versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
- search: checkContains('firefox')
- },
- {
- name: 'Safari',
- versionRegexes: [
- normalVersionRegex,
- /.*?cpu os ([0-9]+)_([0-9]+).*/
- ],
- search: function (uastring) {
- return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
- }
- }
- ];
- var oses = [
- {
- name: 'Windows',
- search: checkContains('win'),
- versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
- },
- {
- name: 'iOS',
- search: function (uastring) {
- return contains(uastring, 'iphone') || contains(uastring, 'ipad');
- },
- versionRegexes: [
- /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
- /.*cpu os ([0-9]+)_([0-9]+).*/,
- /.*cpu iphone os ([0-9]+)_([0-9]+).*/
- ]
- },
- {
- name: 'Android',
- search: checkContains('android'),
- versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
- },
- {
- name: 'OSX',
- search: checkContains('mac os x'),
- versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
- },
- {
- name: 'Linux',
- search: checkContains('linux'),
- versionRegexes: []
- },
- {
- name: 'Solaris',
- search: checkContains('sunos'),
- versionRegexes: []
- },
- {
- name: 'FreeBSD',
- search: checkContains('freebsd'),
- versionRegexes: []
- },
- {
- name: 'ChromeOS',
- search: checkContains('cros'),
- versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
- }
- ];
- var PlatformInfo = {
- browsers: constant(browsers),
- oses: constant(oses)
- };
- var detect$2 = function (userAgent, mediaMatch) {
- var browsers = PlatformInfo.browsers();
- var oses = PlatformInfo.oses();
- var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
- var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
- var deviceType = DeviceType(os, browser, userAgent, mediaMatch);
- return {
- browser: browser,
- os: os,
- deviceType: deviceType
- };
- };
- var PlatformDetection = { detect: detect$2 };
- var mediaMatch = function (query) {
- return domGlobals.window.matchMedia(query).matches;
- };
- var platform = Cell(PlatformDetection.detect(domGlobals.navigator.userAgent, mediaMatch));
- var detect$3 = function () {
- return platform.get();
- };
- var fromHtml = function (html, scope) {
- var doc = scope || domGlobals.document;
- var div = doc.createElement('div');
- div.innerHTML = html;
- if (!div.hasChildNodes() || div.childNodes.length > 1) {
- domGlobals.console.error('HTML does not have a single root node', html);
- throw new Error('HTML must have a single root node');
- }
- return fromDom(div.childNodes[0]);
- };
- var fromTag = function (tag, scope) {
- var doc = scope || domGlobals.document;
- var node = doc.createElement(tag);
- return fromDom(node);
- };
- var fromText = function (text, scope) {
- var doc = scope || domGlobals.document;
- var node = doc.createTextNode(text);
- return fromDom(node);
- };
- var fromDom = function (node) {
- if (node === null || node === undefined) {
- throw new Error('Node cannot be null or undefined');
- }
- return { dom: constant(node) };
- };
- var fromPoint = function (docElm, x, y) {
- var doc = docElm.dom();
- return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
- };
- var Element = {
- fromHtml: fromHtml,
- fromTag: fromTag,
- fromText: fromText,
- fromDom: fromDom,
- fromPoint: fromPoint
- };
- var ATTRIBUTE = domGlobals.Node.ATTRIBUTE_NODE;
- var CDATA_SECTION = domGlobals.Node.CDATA_SECTION_NODE;
- var COMMENT = domGlobals.Node.COMMENT_NODE;
- var DOCUMENT = domGlobals.Node.DOCUMENT_NODE;
- var DOCUMENT_TYPE = domGlobals.Node.DOCUMENT_TYPE_NODE;
- var DOCUMENT_FRAGMENT = domGlobals.Node.DOCUMENT_FRAGMENT_NODE;
- var ELEMENT = domGlobals.Node.ELEMENT_NODE;
- var TEXT = domGlobals.Node.TEXT_NODE;
- var PROCESSING_INSTRUCTION = domGlobals.Node.PROCESSING_INSTRUCTION_NODE;
- var ENTITY_REFERENCE = domGlobals.Node.ENTITY_REFERENCE_NODE;
- var ENTITY = domGlobals.Node.ENTITY_NODE;
- var NOTATION = domGlobals.Node.NOTATION_NODE;
- var ELEMENT$1 = ELEMENT;
- var is = function (element, selector) {
- var dom = element.dom();
- if (dom.nodeType !== ELEMENT$1) {
- return false;
- } else {
- var elem = dom;
- if (elem.matches !== undefined) {
- return elem.matches(selector);
- } else if (elem.msMatchesSelector !== undefined) {
- return elem.msMatchesSelector(selector);
- } else if (elem.webkitMatchesSelector !== undefined) {
- return elem.webkitMatchesSelector(selector);
- } else if (elem.mozMatchesSelector !== undefined) {
- return elem.mozMatchesSelector(selector);
- } else {
- throw new Error('Browser lacks native selectors');
- }
- }
- };
- var regularContains = function (e1, e2) {
- var d1 = e1.dom();
- var d2 = e2.dom();
- return d1 === d2 ? false : d1.contains(d2);
- };
- var ieContains = function (e1, e2) {
- return Node.documentPositionContainedBy(e1.dom(), e2.dom());
- };
- var browser = detect$3().browser;
- var contains$1 = browser.isIE() ? ieContains : regularContains;
- var Global = typeof domGlobals.window !== 'undefined' ? domGlobals.window : Function('return this;')();
- var child = function (scope, predicate) {
- var pred = function (node) {
- return predicate(Element.fromDom(node));
- };
- var result = find(scope.dom().childNodes, pred);
- return result.map(Element.fromDom);
- };
- var child$1 = function (scope, selector) {
- return child(scope, function (e) {
- return is(e, selector);
- });
- };
- var count = 0;
- var getFigureImg = function (elem) {
- return child$1(Element.fromDom(elem), 'img');
- };
- var isFigure = function (editor, elem) {
- return editor.dom.is(elem, 'figure');
- };
- var getEditableImage = function (editor, elem) {
- var isImage = function (imgNode) {
- return editor.dom.is(imgNode, 'img:not([data-mce-object],[data-mce-placeholder])');
- };
- var isEditable = function (imgNode) {
- return isImage(imgNode) && (isLocalImage(editor, imgNode) || isCorsImage(editor, imgNode) || editor.settings.imagetools_proxy);
- };
- if (isFigure(editor, elem)) {
- var imgOpt = getFigureImg(elem);
- return imgOpt.map(function (img) {
- return isEditable(img.dom()) ? Option.some(img.dom()) : Option.none();
- });
- }
- return isEditable(elem) ? Option.some(elem) : Option.none();
- };
- var displayError = function (editor, error) {
- editor.notificationManager.open({
- text: error,
- type: 'error'
- });
- };
- var getSelectedImage = function (editor) {
- var elem = editor.selection.getNode();
- if (isFigure(editor, elem)) {
- return getFigureImg(elem);
- } else {
- return Option.some(Element.fromDom(elem));
- }
- };
- 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++;
- };
- 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 defaultFetchImage = function (editor, img) {
- var src = img.src, apiKey;
- if (isCorsImage(editor, img)) {
- return 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 getUrl(src, apiKey, false);
- }
- return imageToBlob$1(img);
- };
- var imageToBlob$2 = function (editor, img) {
- return getFetchImage(editor).fold(function () {
- return defaultFetchImage(editor, img);
- }, function (customFetchImage) {
- return customFetchImage(img);
- });
- };
- var findBlob = function (editor, img) {
- var blobInfo;
- blobInfo = editor.editorUpload.blobCache.getByUri(img.src);
- if (blobInfo) {
- return global$3.resolve(blobInfo.blob());
- }
- return imageToBlob$2(editor, img);
- };
- var startTimedUpload = function (editor, imageUploadTimerState) {
- var imageUploadTimer = global$2.setEditorTimeout(editor, function () {
- editor.editorUpload.uploadImagesAuto();
- }, getUploadTimeout(editor));
- imageUploadTimerState.set(imageUploadTimer);
- };
- var cancelTimedUpload = function (imageUploadTimerState) {
- global$2.clearTimeout(imageUploadTimerState.get());
- };
- var updateSelectedImage = function (editor, ir, uploadImmediately, imageUploadTimerState, selectedImage, size) {
- return ir.toBlob().then(function (blob) {
- var uri, name, blobCache, blobInfo;
- blobCache = editor.editorUpload.blobCache;
- 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 () {
- var imgOpt = getSelectedImage(editor);
- return imgOpt.fold(function () {
- displayError(editor, 'Could not find selected image');
- }, function (img) {
- return editor._scanForImages().then(function () {
- return findBlob(editor, img.dom());
- }).then(blobToImageResult).then(fn).then(function (imageResult) {
- return updateSelectedImage(editor, imageResult, false, imageUploadTimerState, img.dom(), size);
- }, function (error) {
- displayError(editor, error);
- });
- });
- };
- };
- var rotate$2 = function (editor, imageUploadTimerState, angle) {
- return function () {
- var imgOpt = getSelectedImage(editor);
- var flippedSize = imgOpt.fold(function () {
- return null;
- }, function (img) {
- var size = ImageSize.getImageSize(img.dom());
- return size ? {
- w: size.h,
- h: size.w
- } : null;
- });
- return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
- return rotate$1(imageResult, angle);
- }, flippedSize)();
- };
- };
- var flip$2 = function (editor, imageUploadTimerState, axis) {
- return function () {
- return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
- return flip$1(imageResult, axis);
- })();
- };
- };
- var handleDialogBlob = function (editor, imageUploadTimerState, img, originalSize, blob) {
- return new global$3(function (resolve) {
- blobToImage$1(blob).then(function (newImage) {
- var newSize = ImageSize.getNaturalImageSize(newImage);
- if (originalSize.w !== newSize.w || originalSize.h !== newSize.h) {
- if (ImageSize.getImageSize(img)) {
- ImageSize.setImageSize(img, newSize);
- }
- }
- domGlobals.URL.revokeObjectURL(newImage.src);
- return blob;
- }).then(blobToImageResult).then(function (imageResult) {
- return updateSelectedImage(editor, imageResult, true, imageUploadTimerState, img);
- }, function () {
- });
- });
- };
- var Actions = {
- rotate: rotate$2,
- flip: flip$2,
- getEditableImage: getEditableImage,
- cancelTimedUpload: cancelTimedUpload,
- findBlob: findBlob,
- getSelectedImage: getSelectedImage,
- handleDialogBlob: handleDialogBlob
- };
- var saveState = constant('save-state');
- var disable = constant('disable');
- var enable = constant('enable');
- var createState = function (blob) {
- return {
- blob: blob,
- url: domGlobals.URL.createObjectURL(blob)
- };
- };
- var makeOpen = function (editor, imageUploadTimerState) {
- return function () {
- var getLoadedSpec = function (currentState) {
- return {
- title: 'Edit Image',
- size: 'large',
- body: {
- type: 'panel',
- items: [{
- type: 'imagetools',
- name: 'imagetools',
- label: 'Edit Image',
- currentState: currentState
- }]
- },
- buttons: [
- {
- type: 'cancel',
- name: 'cancel',
- text: 'Cancel'
- },
- {
- type: 'submit',
- name: 'save',
- text: 'Save',
- primary: true,
- disabled: true
- }
- ],
- onSubmit: function (api) {
- var blob = api.getData().imagetools.blob;
- originalImgOpt.each(function (originalImg) {
- originalSizeOpt.each(function (originalSize) {
- Actions.handleDialogBlob(editor, imageUploadTimerState, originalImg.dom(), originalSize, blob);
- });
- });
- api.close();
- },
- onCancel: function () {
- },
- onAction: function (api, details) {
- switch (details.name) {
- case saveState():
- if (details.value) {
- api.enable('save');
- } else {
- api.disable('save');
- }
- break;
- case disable():
- api.disable('save');
- api.disable('cancel');
- break;
- case enable():
- api.enable('cancel');
- break;
- }
- }
- };
- };
- var originalImgOpt = Actions.getSelectedImage(editor);
- var originalSizeOpt = originalImgOpt.map(function (origImg) {
- return ImageSize.getNaturalImageSize(origImg.dom());
- });
- var imgOpt = Actions.getSelectedImage(editor);
- imgOpt.each(function (img) {
- Actions.getEditableImage(editor, img.dom()).each(function (_) {
- Actions.findBlob(editor, img.dom()).then(function (blob) {
- var state = createState(blob);
- editor.windowManager.open(getLoadedSpec(state));
- });
- });
- });
- };
- };
- var Dialog = { makeOpen: makeOpen };
- 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: Dialog.makeOpen(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);
- }
- Actions.getEditableImage(editor, e.element).each(lastSelectedImageState.set);
- });
- };
- var UploadSelectedImage = { setup: setup };
- var register$1 = function (editor) {
- var cmd = function (command) {
- return function () {
- return editor.execCommand(command);
- };
- };
- editor.ui.registry.addButton('rotateleft', {
- tooltip: 'Rotate counterclockwise',
- icon: 'rotate-left',
- onAction: cmd('mceImageRotateLeft')
- });
- editor.ui.registry.addButton('rotateright', {
- tooltip: 'Rotate clockwise',
- icon: 'rotate-right',
- onAction: cmd('mceImageRotateRight')
- });
- editor.ui.registry.addButton('flipv', {
- tooltip: 'Flip vertically',
- icon: 'flip-vertically',
- onAction: cmd('mceImageFlipVertical')
- });
- editor.ui.registry.addButton('fliph', {
- tooltip: 'Flip horizontally',
- icon: 'flip-horizontally',
- onAction: cmd('mceImageFlipHorizontal')
- });
- editor.ui.registry.addButton('editimage', {
- tooltip: 'Edit image',
- icon: 'edit-image',
- onAction: cmd('mceEditImage'),
- onSetup: function (buttonApi) {
- var setDisabled = function () {
- var elementOpt = Actions.getSelectedImage(editor);
- elementOpt.each(function (element) {
- var disabled = Actions.getEditableImage(editor, element.dom()).isNone();
- buttonApi.setDisabled(disabled);
- });
- };
- editor.on('NodeChange', setDisabled);
- return function () {
- editor.off('NodeChange', setDisabled);
- };
- }
- });
- editor.ui.registry.addButton('imageoptions', {
- tooltip: 'Image options',
- icon: 'image-options',
- onAction: cmd('mceImage')
- });
- editor.ui.registry.addContextMenu('imagetools', {
- update: function (element) {
- return Actions.getEditableImage(editor, element).fold(function () {
- return [];
- }, function (_) {
- return [{
- text: 'Edit image',
- icon: 'edit-image',
- onAction: cmd('mceEditImage')
- }];
- });
- }
- });
- };
- var Buttons = { register: register$1 };
- var register$2 = function (editor) {
- editor.ui.registry.addContextToolbar('imagetools', {
- items: getToolbarItems(editor),
- predicate: function (elem) {
- return Actions.getEditableImage(editor, elem).isSome();
- },
- position: 'node',
- scope: 'node'
- });
- };
- var ContextToolbar = { register: register$2 };
- function Plugin () {
- 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);
- });
- }
- Plugin();
- }(window));
|