plugin.js 51 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657
  1. /**
  2. * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. *
  7. * Version: 5.7.0 (2021-02-10)
  8. */
  9. (function () {
  10. 'use strict';
  11. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  12. var __assign = function () {
  13. __assign = Object.assign || function __assign(t) {
  14. for (var s, i = 1, n = arguments.length; i < n; i++) {
  15. s = arguments[i];
  16. for (var p in s)
  17. if (Object.prototype.hasOwnProperty.call(s, p))
  18. t[p] = s[p];
  19. }
  20. return t;
  21. };
  22. return __assign.apply(this, arguments);
  23. };
  24. var noop = function () {
  25. };
  26. var constant = function (value) {
  27. return function () {
  28. return value;
  29. };
  30. };
  31. var never = constant(false);
  32. var always = constant(true);
  33. var none = function () {
  34. return NONE;
  35. };
  36. var NONE = function () {
  37. var eq = function (o) {
  38. return o.isNone();
  39. };
  40. var call = function (thunk) {
  41. return thunk();
  42. };
  43. var id = function (n) {
  44. return n;
  45. };
  46. var me = {
  47. fold: function (n, _s) {
  48. return n();
  49. },
  50. is: never,
  51. isSome: never,
  52. isNone: always,
  53. getOr: id,
  54. getOrThunk: call,
  55. getOrDie: function (msg) {
  56. throw new Error(msg || 'error: getOrDie called on none.');
  57. },
  58. getOrNull: constant(null),
  59. getOrUndefined: constant(undefined),
  60. or: id,
  61. orThunk: call,
  62. map: none,
  63. each: noop,
  64. bind: none,
  65. exists: never,
  66. forall: always,
  67. filter: none,
  68. equals: eq,
  69. equals_: eq,
  70. toArray: function () {
  71. return [];
  72. },
  73. toString: constant('none()')
  74. };
  75. return me;
  76. }();
  77. var some = function (a) {
  78. var constant_a = constant(a);
  79. var self = function () {
  80. return me;
  81. };
  82. var bind = function (f) {
  83. return f(a);
  84. };
  85. var me = {
  86. fold: function (n, s) {
  87. return s(a);
  88. },
  89. is: function (v) {
  90. return a === v;
  91. },
  92. isSome: always,
  93. isNone: never,
  94. getOr: constant_a,
  95. getOrThunk: constant_a,
  96. getOrDie: constant_a,
  97. getOrNull: constant_a,
  98. getOrUndefined: constant_a,
  99. or: self,
  100. orThunk: self,
  101. map: function (f) {
  102. return some(f(a));
  103. },
  104. each: function (f) {
  105. f(a);
  106. },
  107. bind: bind,
  108. exists: bind,
  109. forall: bind,
  110. filter: function (f) {
  111. return f(a) ? me : NONE;
  112. },
  113. toArray: function () {
  114. return [a];
  115. },
  116. toString: function () {
  117. return 'some(' + a + ')';
  118. },
  119. equals: function (o) {
  120. return o.is(a);
  121. },
  122. equals_: function (o, elementEq) {
  123. return o.fold(never, function (b) {
  124. return elementEq(a, b);
  125. });
  126. }
  127. };
  128. return me;
  129. };
  130. var from = function (value) {
  131. return value === null || value === undefined ? NONE : some(value);
  132. };
  133. var Optional = {
  134. some: some,
  135. none: none,
  136. from: from
  137. };
  138. var keys = Object.keys;
  139. var hasOwnProperty = Object.hasOwnProperty;
  140. var each = function (obj, f) {
  141. var props = keys(obj);
  142. for (var k = 0, len = props.length; k < len; k++) {
  143. var i = props[k];
  144. var x = obj[i];
  145. f(x, i);
  146. }
  147. };
  148. var objAcc = function (r) {
  149. return function (x, i) {
  150. r[i] = x;
  151. };
  152. };
  153. var internalFilter = function (obj, pred, onTrue, onFalse) {
  154. var r = {};
  155. each(obj, function (x, i) {
  156. (pred(x, i) ? onTrue : onFalse)(x, i);
  157. });
  158. return r;
  159. };
  160. var filter = function (obj, pred) {
  161. var t = {};
  162. internalFilter(obj, pred, objAcc(t), noop);
  163. return t;
  164. };
  165. var has = function (obj, key) {
  166. return hasOwnProperty.call(obj, key);
  167. };
  168. var hasNonNullableKey = function (obj, key) {
  169. return has(obj, key) && obj[key] !== undefined && obj[key] !== null;
  170. };
  171. var typeOf = function (x) {
  172. var t = typeof x;
  173. if (x === null) {
  174. return 'null';
  175. } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
  176. return 'array';
  177. } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
  178. return 'string';
  179. } else {
  180. return t;
  181. }
  182. };
  183. var isType = function (type) {
  184. return function (value) {
  185. return typeOf(value) === type;
  186. };
  187. };
  188. var isSimpleType = function (type) {
  189. return function (value) {
  190. return typeof value === type;
  191. };
  192. };
  193. var eq = function (t) {
  194. return function (a) {
  195. return t === a;
  196. };
  197. };
  198. var isString = isType('string');
  199. var isObject = isType('object');
  200. var isArray = isType('array');
  201. var isNull = eq(null);
  202. var isBoolean = isSimpleType('boolean');
  203. var isNullable = function (a) {
  204. return a === null || a === undefined;
  205. };
  206. var isNonNullable = function (a) {
  207. return !isNullable(a);
  208. };
  209. var isNumber = isSimpleType('number');
  210. var nativePush = Array.prototype.push;
  211. var flatten = function (xs) {
  212. var r = [];
  213. for (var i = 0, len = xs.length; i < len; ++i) {
  214. if (!isArray(xs[i])) {
  215. throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
  216. }
  217. nativePush.apply(r, xs[i]);
  218. }
  219. return r;
  220. };
  221. var get = function (xs, i) {
  222. return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
  223. };
  224. var head = function (xs) {
  225. return get(xs, 0);
  226. };
  227. var findMap = function (arr, f) {
  228. for (var i = 0; i < arr.length; i++) {
  229. var r = f(arr[i], i);
  230. if (r.isSome()) {
  231. return r;
  232. }
  233. }
  234. return Optional.none();
  235. };
  236. var Global = typeof window !== 'undefined' ? window : Function('return this;')();
  237. var rawSet = function (dom, key, value) {
  238. if (isString(value) || isBoolean(value) || isNumber(value)) {
  239. dom.setAttribute(key, value + '');
  240. } else {
  241. console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
  242. throw new Error('Attribute value was not simple');
  243. }
  244. };
  245. var set = function (element, key, value) {
  246. rawSet(element.dom, key, value);
  247. };
  248. var remove = function (element, key) {
  249. element.dom.removeAttribute(key);
  250. };
  251. var fromHtml = function (html, scope) {
  252. var doc = scope || document;
  253. var div = doc.createElement('div');
  254. div.innerHTML = html;
  255. if (!div.hasChildNodes() || div.childNodes.length > 1) {
  256. console.error('HTML does not have a single root node', html);
  257. throw new Error('HTML must have a single root node');
  258. }
  259. return fromDom(div.childNodes[0]);
  260. };
  261. var fromTag = function (tag, scope) {
  262. var doc = scope || document;
  263. var node = doc.createElement(tag);
  264. return fromDom(node);
  265. };
  266. var fromText = function (text, scope) {
  267. var doc = scope || document;
  268. var node = doc.createTextNode(text);
  269. return fromDom(node);
  270. };
  271. var fromDom = function (node) {
  272. if (node === null || node === undefined) {
  273. throw new Error('Node cannot be null or undefined');
  274. }
  275. return { dom: node };
  276. };
  277. var fromPoint = function (docElm, x, y) {
  278. return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
  279. };
  280. var SugarElement = {
  281. fromHtml: fromHtml,
  282. fromTag: fromTag,
  283. fromText: fromText,
  284. fromDom: fromDom,
  285. fromPoint: fromPoint
  286. };
  287. var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
  288. var global$2 = tinymce.util.Tools.resolve('tinymce.util.Promise');
  289. var global$3 = tinymce.util.Tools.resolve('tinymce.util.XHR');
  290. var hasDimensions = function (editor) {
  291. return editor.getParam('image_dimensions', true, 'boolean');
  292. };
  293. var hasAdvTab = function (editor) {
  294. return editor.getParam('image_advtab', false, 'boolean');
  295. };
  296. var hasUploadTab = function (editor) {
  297. return editor.getParam('image_uploadtab', true, 'boolean');
  298. };
  299. var getPrependUrl = function (editor) {
  300. return editor.getParam('image_prepend_url', '', 'string');
  301. };
  302. var getClassList = function (editor) {
  303. return editor.getParam('image_class_list');
  304. };
  305. var hasDescription = function (editor) {
  306. return editor.getParam('image_description', true, 'boolean');
  307. };
  308. var hasImageTitle = function (editor) {
  309. return editor.getParam('image_title', false, 'boolean');
  310. };
  311. var hasImageCaption = function (editor) {
  312. return editor.getParam('image_caption', false, 'boolean');
  313. };
  314. var getImageList = function (editor) {
  315. return editor.getParam('image_list', false);
  316. };
  317. var hasUploadUrl = function (editor) {
  318. return isNonNullable(editor.getParam('images_upload_url'));
  319. };
  320. var hasUploadHandler = function (editor) {
  321. return isNonNullable(editor.getParam('images_upload_handler'));
  322. };
  323. var showAccessibilityOptions = function (editor) {
  324. return editor.getParam('a11y_advanced_options', false, 'boolean');
  325. };
  326. var isAutomaticUploadsEnabled = function (editor) {
  327. return editor.getParam('automatic_uploads', true, 'boolean');
  328. };
  329. var parseIntAndGetMax = function (val1, val2) {
  330. return Math.max(parseInt(val1, 10), parseInt(val2, 10));
  331. };
  332. var getImageSize = function (url) {
  333. return new global$2(function (callback) {
  334. var img = document.createElement('img');
  335. var done = function (dimensions) {
  336. if (img.parentNode) {
  337. img.parentNode.removeChild(img);
  338. }
  339. callback(dimensions);
  340. };
  341. img.onload = function () {
  342. var width = parseIntAndGetMax(img.width, img.clientWidth);
  343. var height = parseIntAndGetMax(img.height, img.clientHeight);
  344. var dimensions = {
  345. width: width,
  346. height: height
  347. };
  348. done(global$2.resolve(dimensions));
  349. };
  350. img.onerror = function () {
  351. done(global$2.reject('Failed to get image dimensions for: ' + url));
  352. };
  353. var style = img.style;
  354. style.visibility = 'hidden';
  355. style.position = 'fixed';
  356. style.bottom = style.left = '0px';
  357. style.width = style.height = 'auto';
  358. document.body.appendChild(img);
  359. img.src = url;
  360. });
  361. };
  362. var removePixelSuffix = function (value) {
  363. if (value) {
  364. value = value.replace(/px$/, '');
  365. }
  366. return value;
  367. };
  368. var addPixelSuffix = function (value) {
  369. if (value.length > 0 && /^[0-9]+$/.test(value)) {
  370. value += 'px';
  371. }
  372. return value;
  373. };
  374. var mergeMargins = function (css) {
  375. if (css.margin) {
  376. var splitMargin = String(css.margin).split(' ');
  377. switch (splitMargin.length) {
  378. case 1:
  379. css['margin-top'] = css['margin-top'] || splitMargin[0];
  380. css['margin-right'] = css['margin-right'] || splitMargin[0];
  381. css['margin-bottom'] = css['margin-bottom'] || splitMargin[0];
  382. css['margin-left'] = css['margin-left'] || splitMargin[0];
  383. break;
  384. case 2:
  385. css['margin-top'] = css['margin-top'] || splitMargin[0];
  386. css['margin-right'] = css['margin-right'] || splitMargin[1];
  387. css['margin-bottom'] = css['margin-bottom'] || splitMargin[0];
  388. css['margin-left'] = css['margin-left'] || splitMargin[1];
  389. break;
  390. case 3:
  391. css['margin-top'] = css['margin-top'] || splitMargin[0];
  392. css['margin-right'] = css['margin-right'] || splitMargin[1];
  393. css['margin-bottom'] = css['margin-bottom'] || splitMargin[2];
  394. css['margin-left'] = css['margin-left'] || splitMargin[1];
  395. break;
  396. case 4:
  397. css['margin-top'] = css['margin-top'] || splitMargin[0];
  398. css['margin-right'] = css['margin-right'] || splitMargin[1];
  399. css['margin-bottom'] = css['margin-bottom'] || splitMargin[2];
  400. css['margin-left'] = css['margin-left'] || splitMargin[3];
  401. }
  402. delete css.margin;
  403. }
  404. return css;
  405. };
  406. var createImageList = function (editor, callback) {
  407. var imageList = getImageList(editor);
  408. if (typeof imageList === 'string') {
  409. global$3.send({
  410. url: imageList,
  411. success: function (text) {
  412. callback(JSON.parse(text));
  413. }
  414. });
  415. } else if (typeof imageList === 'function') {
  416. imageList(callback);
  417. } else {
  418. callback(imageList);
  419. }
  420. };
  421. var waitLoadImage = function (editor, data, imgElm) {
  422. var selectImage = function () {
  423. imgElm.onload = imgElm.onerror = null;
  424. if (editor.selection) {
  425. editor.selection.select(imgElm);
  426. editor.nodeChanged();
  427. }
  428. };
  429. imgElm.onload = function () {
  430. if (!data.width && !data.height && hasDimensions(editor)) {
  431. editor.dom.setAttribs(imgElm, {
  432. width: String(imgElm.clientWidth),
  433. height: String(imgElm.clientHeight)
  434. });
  435. }
  436. selectImage();
  437. };
  438. imgElm.onerror = selectImage;
  439. };
  440. var blobToDataUri = function (blob) {
  441. return new global$2(function (resolve, reject) {
  442. var reader = new FileReader();
  443. reader.onload = function () {
  444. resolve(reader.result);
  445. };
  446. reader.onerror = function () {
  447. reject(reader.error.message);
  448. };
  449. reader.readAsDataURL(blob);
  450. });
  451. };
  452. var isPlaceholderImage = function (imgElm) {
  453. return imgElm.nodeName === 'IMG' && (imgElm.hasAttribute('data-mce-object') || imgElm.hasAttribute('data-mce-placeholder'));
  454. };
  455. var DOM = global$1.DOM;
  456. var getHspace = function (image) {
  457. if (image.style.marginLeft && image.style.marginRight && image.style.marginLeft === image.style.marginRight) {
  458. return removePixelSuffix(image.style.marginLeft);
  459. } else {
  460. return '';
  461. }
  462. };
  463. var getVspace = function (image) {
  464. if (image.style.marginTop && image.style.marginBottom && image.style.marginTop === image.style.marginBottom) {
  465. return removePixelSuffix(image.style.marginTop);
  466. } else {
  467. return '';
  468. }
  469. };
  470. var getBorder = function (image) {
  471. if (image.style.borderWidth) {
  472. return removePixelSuffix(image.style.borderWidth);
  473. } else {
  474. return '';
  475. }
  476. };
  477. var getAttrib = function (image, name) {
  478. if (image.hasAttribute(name)) {
  479. return image.getAttribute(name);
  480. } else {
  481. return '';
  482. }
  483. };
  484. var getStyle = function (image, name) {
  485. return image.style[name] ? image.style[name] : '';
  486. };
  487. var hasCaption = function (image) {
  488. return image.parentNode !== null && image.parentNode.nodeName === 'FIGURE';
  489. };
  490. var updateAttrib = function (image, name, value) {
  491. if (value === '') {
  492. image.removeAttribute(name);
  493. } else {
  494. image.setAttribute(name, value);
  495. }
  496. };
  497. var wrapInFigure = function (image) {
  498. var figureElm = DOM.create('figure', { class: 'image' });
  499. DOM.insertAfter(figureElm, image);
  500. figureElm.appendChild(image);
  501. figureElm.appendChild(DOM.create('figcaption', { contentEditable: 'true' }, 'Caption'));
  502. figureElm.contentEditable = 'false';
  503. };
  504. var removeFigure = function (image) {
  505. var figureElm = image.parentNode;
  506. DOM.insertAfter(image, figureElm);
  507. DOM.remove(figureElm);
  508. };
  509. var toggleCaption = function (image) {
  510. if (hasCaption(image)) {
  511. removeFigure(image);
  512. } else {
  513. wrapInFigure(image);
  514. }
  515. };
  516. var normalizeStyle = function (image, normalizeCss) {
  517. var attrValue = image.getAttribute('style');
  518. var value = normalizeCss(attrValue !== null ? attrValue : '');
  519. if (value.length > 0) {
  520. image.setAttribute('style', value);
  521. image.setAttribute('data-mce-style', value);
  522. } else {
  523. image.removeAttribute('style');
  524. }
  525. };
  526. var setSize = function (name, normalizeCss) {
  527. return function (image, name, value) {
  528. if (image.style[name]) {
  529. image.style[name] = addPixelSuffix(value);
  530. normalizeStyle(image, normalizeCss);
  531. } else {
  532. updateAttrib(image, name, value);
  533. }
  534. };
  535. };
  536. var getSize = function (image, name) {
  537. if (image.style[name]) {
  538. return removePixelSuffix(image.style[name]);
  539. } else {
  540. return getAttrib(image, name);
  541. }
  542. };
  543. var setHspace = function (image, value) {
  544. var pxValue = addPixelSuffix(value);
  545. image.style.marginLeft = pxValue;
  546. image.style.marginRight = pxValue;
  547. };
  548. var setVspace = function (image, value) {
  549. var pxValue = addPixelSuffix(value);
  550. image.style.marginTop = pxValue;
  551. image.style.marginBottom = pxValue;
  552. };
  553. var setBorder = function (image, value) {
  554. var pxValue = addPixelSuffix(value);
  555. image.style.borderWidth = pxValue;
  556. };
  557. var setBorderStyle = function (image, value) {
  558. image.style.borderStyle = value;
  559. };
  560. var getBorderStyle = function (image) {
  561. return getStyle(image, 'borderStyle');
  562. };
  563. var isFigure = function (elm) {
  564. return elm.nodeName === 'FIGURE';
  565. };
  566. var isImage = function (elm) {
  567. return elm.nodeName === 'IMG';
  568. };
  569. var getIsDecorative = function (image) {
  570. return DOM.getAttrib(image, 'alt').length === 0 && DOM.getAttrib(image, 'role') === 'presentation';
  571. };
  572. var getAlt = function (image) {
  573. if (getIsDecorative(image)) {
  574. return '';
  575. } else {
  576. return getAttrib(image, 'alt');
  577. }
  578. };
  579. var defaultData = function () {
  580. return {
  581. src: '',
  582. alt: '',
  583. title: '',
  584. width: '',
  585. height: '',
  586. class: '',
  587. style: '',
  588. caption: false,
  589. hspace: '',
  590. vspace: '',
  591. border: '',
  592. borderStyle: '',
  593. isDecorative: false
  594. };
  595. };
  596. var getStyleValue = function (normalizeCss, data) {
  597. var image = document.createElement('img');
  598. updateAttrib(image, 'style', data.style);
  599. if (getHspace(image) || data.hspace !== '') {
  600. setHspace(image, data.hspace);
  601. }
  602. if (getVspace(image) || data.vspace !== '') {
  603. setVspace(image, data.vspace);
  604. }
  605. if (getBorder(image) || data.border !== '') {
  606. setBorder(image, data.border);
  607. }
  608. if (getBorderStyle(image) || data.borderStyle !== '') {
  609. setBorderStyle(image, data.borderStyle);
  610. }
  611. return normalizeCss(image.getAttribute('style'));
  612. };
  613. var create = function (normalizeCss, data) {
  614. var image = document.createElement('img');
  615. write(normalizeCss, __assign(__assign({}, data), { caption: false }), image);
  616. setAlt(image, data.alt, data.isDecorative);
  617. if (data.caption) {
  618. var figure = DOM.create('figure', { class: 'image' });
  619. figure.appendChild(image);
  620. figure.appendChild(DOM.create('figcaption', { contentEditable: 'true' }, 'Caption'));
  621. figure.contentEditable = 'false';
  622. return figure;
  623. } else {
  624. return image;
  625. }
  626. };
  627. var read = function (normalizeCss, image) {
  628. return {
  629. src: getAttrib(image, 'src'),
  630. alt: getAlt(image),
  631. title: getAttrib(image, 'title'),
  632. width: getSize(image, 'width'),
  633. height: getSize(image, 'height'),
  634. class: getAttrib(image, 'class'),
  635. style: normalizeCss(getAttrib(image, 'style')),
  636. caption: hasCaption(image),
  637. hspace: getHspace(image),
  638. vspace: getVspace(image),
  639. border: getBorder(image),
  640. borderStyle: getStyle(image, 'borderStyle'),
  641. isDecorative: getIsDecorative(image)
  642. };
  643. };
  644. var updateProp = function (image, oldData, newData, name, set) {
  645. if (newData[name] !== oldData[name]) {
  646. set(image, name, newData[name]);
  647. }
  648. };
  649. var setAlt = function (image, alt, isDecorative) {
  650. if (isDecorative) {
  651. DOM.setAttrib(image, 'role', 'presentation');
  652. var sugarImage = SugarElement.fromDom(image);
  653. set(sugarImage, 'alt', '');
  654. } else {
  655. if (isNull(alt)) {
  656. var sugarImage = SugarElement.fromDom(image);
  657. remove(sugarImage, 'alt');
  658. } else {
  659. var sugarImage = SugarElement.fromDom(image);
  660. set(sugarImage, 'alt', alt);
  661. }
  662. if (DOM.getAttrib(image, 'role') === 'presentation') {
  663. DOM.setAttrib(image, 'role', '');
  664. }
  665. }
  666. };
  667. var updateAlt = function (image, oldData, newData) {
  668. if (newData.alt !== oldData.alt || newData.isDecorative !== oldData.isDecorative) {
  669. setAlt(image, newData.alt, newData.isDecorative);
  670. }
  671. };
  672. var normalized = function (set, normalizeCss) {
  673. return function (image, name, value) {
  674. set(image, value);
  675. normalizeStyle(image, normalizeCss);
  676. };
  677. };
  678. var write = function (normalizeCss, newData, image) {
  679. var oldData = read(normalizeCss, image);
  680. updateProp(image, oldData, newData, 'caption', function (image, _name, _value) {
  681. return toggleCaption(image);
  682. });
  683. updateProp(image, oldData, newData, 'src', updateAttrib);
  684. updateProp(image, oldData, newData, 'title', updateAttrib);
  685. updateProp(image, oldData, newData, 'width', setSize('width', normalizeCss));
  686. updateProp(image, oldData, newData, 'height', setSize('height', normalizeCss));
  687. updateProp(image, oldData, newData, 'class', updateAttrib);
  688. updateProp(image, oldData, newData, 'style', normalized(function (image, value) {
  689. return updateAttrib(image, 'style', value);
  690. }, normalizeCss));
  691. updateProp(image, oldData, newData, 'hspace', normalized(setHspace, normalizeCss));
  692. updateProp(image, oldData, newData, 'vspace', normalized(setVspace, normalizeCss));
  693. updateProp(image, oldData, newData, 'border', normalized(setBorder, normalizeCss));
  694. updateProp(image, oldData, newData, 'borderStyle', normalized(setBorderStyle, normalizeCss));
  695. updateAlt(image, oldData, newData);
  696. };
  697. var normalizeCss = function (editor, cssText) {
  698. var css = editor.dom.styles.parse(cssText);
  699. var mergedCss = mergeMargins(css);
  700. var compressed = editor.dom.styles.parse(editor.dom.styles.serialize(mergedCss));
  701. return editor.dom.styles.serialize(compressed);
  702. };
  703. var getSelectedImage = function (editor) {
  704. var imgElm = editor.selection.getNode();
  705. var figureElm = editor.dom.getParent(imgElm, 'figure.image');
  706. if (figureElm) {
  707. return editor.dom.select('img', figureElm)[0];
  708. }
  709. if (imgElm && (imgElm.nodeName !== 'IMG' || isPlaceholderImage(imgElm))) {
  710. return null;
  711. }
  712. return imgElm;
  713. };
  714. var splitTextBlock = function (editor, figure) {
  715. var dom = editor.dom;
  716. var textBlockElements = filter(editor.schema.getTextBlockElements(), function (_, parentElm) {
  717. return !editor.schema.isValidChild(parentElm, 'figure');
  718. });
  719. var textBlock = dom.getParent(figure.parentNode, function (node) {
  720. return hasNonNullableKey(textBlockElements, node.nodeName);
  721. }, editor.getBody());
  722. if (textBlock) {
  723. return dom.split(textBlock, figure);
  724. } else {
  725. return figure;
  726. }
  727. };
  728. var readImageDataFromSelection = function (editor) {
  729. var image = getSelectedImage(editor);
  730. return image ? read(function (css) {
  731. return normalizeCss(editor, css);
  732. }, image) : defaultData();
  733. };
  734. var insertImageAtCaret = function (editor, data) {
  735. var elm = create(function (css) {
  736. return normalizeCss(editor, css);
  737. }, data);
  738. editor.dom.setAttrib(elm, 'data-mce-id', '__mcenew');
  739. editor.focus();
  740. editor.selection.setContent(elm.outerHTML);
  741. var insertedElm = editor.dom.select('*[data-mce-id="__mcenew"]')[0];
  742. editor.dom.setAttrib(insertedElm, 'data-mce-id', null);
  743. if (isFigure(insertedElm)) {
  744. var figure = splitTextBlock(editor, insertedElm);
  745. editor.selection.select(figure);
  746. } else {
  747. editor.selection.select(insertedElm);
  748. }
  749. };
  750. var syncSrcAttr = function (editor, image) {
  751. editor.dom.setAttrib(image, 'src', image.getAttribute('src'));
  752. };
  753. var deleteImage = function (editor, image) {
  754. if (image) {
  755. var elm = editor.dom.is(image.parentNode, 'figure.image') ? image.parentNode : image;
  756. editor.dom.remove(elm);
  757. editor.focus();
  758. editor.nodeChanged();
  759. if (editor.dom.isEmpty(editor.getBody())) {
  760. editor.setContent('');
  761. editor.selection.setCursorLocation();
  762. }
  763. }
  764. };
  765. var writeImageDataToSelection = function (editor, data) {
  766. var image = getSelectedImage(editor);
  767. write(function (css) {
  768. return normalizeCss(editor, css);
  769. }, data, image);
  770. syncSrcAttr(editor, image);
  771. if (isFigure(image.parentNode)) {
  772. var figure = image.parentNode;
  773. splitTextBlock(editor, figure);
  774. editor.selection.select(image.parentNode);
  775. } else {
  776. editor.selection.select(image);
  777. waitLoadImage(editor, data, image);
  778. }
  779. };
  780. var insertOrUpdateImage = function (editor, partialData) {
  781. var image = getSelectedImage(editor);
  782. if (image) {
  783. var selectedImageData = read(function (css) {
  784. return normalizeCss(editor, css);
  785. }, image);
  786. var data = __assign(__assign({}, selectedImageData), partialData);
  787. if (data.src) {
  788. writeImageDataToSelection(editor, data);
  789. } else {
  790. deleteImage(editor, image);
  791. }
  792. } else if (partialData.src) {
  793. insertImageAtCaret(editor, __assign(__assign({}, defaultData()), partialData));
  794. }
  795. };
  796. var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
  797. var deep = function (old, nu) {
  798. var bothObjects = isObject(old) && isObject(nu);
  799. return bothObjects ? deepMerge(old, nu) : nu;
  800. };
  801. var baseMerge = function (merger) {
  802. return function () {
  803. var objects = [];
  804. for (var _i = 0; _i < arguments.length; _i++) {
  805. objects[_i] = arguments[_i];
  806. }
  807. if (objects.length === 0) {
  808. throw new Error('Can\'t merge zero objects');
  809. }
  810. var ret = {};
  811. for (var j = 0; j < objects.length; j++) {
  812. var curObject = objects[j];
  813. for (var key in curObject) {
  814. if (hasOwnProperty$1.call(curObject, key)) {
  815. ret[key] = merger(ret[key], curObject[key]);
  816. }
  817. }
  818. }
  819. return ret;
  820. };
  821. };
  822. var deepMerge = baseMerge(deep);
  823. var isNotEmpty = function (s) {
  824. return s.length > 0;
  825. };
  826. var global$4 = tinymce.util.Tools.resolve('tinymce.util.ImageUploader');
  827. var global$5 = tinymce.util.Tools.resolve('tinymce.util.Tools');
  828. var getValue = function (item) {
  829. return isString(item.value) ? item.value : '';
  830. };
  831. var getText = function (item) {
  832. if (isString(item.text)) {
  833. return item.text;
  834. } else if (isString(item.title)) {
  835. return item.title;
  836. } else {
  837. return '';
  838. }
  839. };
  840. var sanitizeList = function (list, extractValue) {
  841. var out = [];
  842. global$5.each(list, function (item) {
  843. var text = getText(item);
  844. if (item.menu !== undefined) {
  845. var items = sanitizeList(item.menu, extractValue);
  846. out.push({
  847. text: text,
  848. items: items
  849. });
  850. } else {
  851. var value = extractValue(item);
  852. out.push({
  853. text: text,
  854. value: value
  855. });
  856. }
  857. });
  858. return out;
  859. };
  860. var sanitizer = function (extracter) {
  861. if (extracter === void 0) {
  862. extracter = getValue;
  863. }
  864. return function (list) {
  865. if (list) {
  866. return Optional.from(list).map(function (list) {
  867. return sanitizeList(list, extracter);
  868. });
  869. } else {
  870. return Optional.none();
  871. }
  872. };
  873. };
  874. var sanitize = function (list) {
  875. return sanitizer(getValue)(list);
  876. };
  877. var isGroup = function (item) {
  878. return Object.prototype.hasOwnProperty.call(item, 'items');
  879. };
  880. var findEntryDelegate = function (list, value) {
  881. return findMap(list, function (item) {
  882. if (isGroup(item)) {
  883. return findEntryDelegate(item.items, value);
  884. } else if (item.value === value) {
  885. return Optional.some(item);
  886. } else {
  887. return Optional.none();
  888. }
  889. });
  890. };
  891. var findEntry = function (optList, value) {
  892. return optList.bind(function (list) {
  893. return findEntryDelegate(list, value);
  894. });
  895. };
  896. var ListUtils = {
  897. sanitizer: sanitizer,
  898. sanitize: sanitize,
  899. findEntry: findEntry
  900. };
  901. var makeTab = function (_info) {
  902. return {
  903. title: 'Advanced',
  904. name: 'advanced',
  905. items: [
  906. {
  907. type: 'input',
  908. label: 'Style',
  909. name: 'style'
  910. },
  911. {
  912. type: 'grid',
  913. columns: 2,
  914. items: [
  915. {
  916. type: 'input',
  917. label: 'Vertical space',
  918. name: 'vspace',
  919. inputMode: 'numeric'
  920. },
  921. {
  922. type: 'input',
  923. label: 'Horizontal space',
  924. name: 'hspace',
  925. inputMode: 'numeric'
  926. },
  927. {
  928. type: 'input',
  929. label: 'Border width',
  930. name: 'border',
  931. inputMode: 'numeric'
  932. },
  933. {
  934. type: 'listbox',
  935. name: 'borderstyle',
  936. label: 'Border style',
  937. items: [
  938. {
  939. text: 'Select...',
  940. value: ''
  941. },
  942. {
  943. text: 'Solid',
  944. value: 'solid'
  945. },
  946. {
  947. text: 'Dotted',
  948. value: 'dotted'
  949. },
  950. {
  951. text: 'Dashed',
  952. value: 'dashed'
  953. },
  954. {
  955. text: 'Double',
  956. value: 'double'
  957. },
  958. {
  959. text: 'Groove',
  960. value: 'groove'
  961. },
  962. {
  963. text: 'Ridge',
  964. value: 'ridge'
  965. },
  966. {
  967. text: 'Inset',
  968. value: 'inset'
  969. },
  970. {
  971. text: 'Outset',
  972. value: 'outset'
  973. },
  974. {
  975. text: 'None',
  976. value: 'none'
  977. },
  978. {
  979. text: 'Hidden',
  980. value: 'hidden'
  981. }
  982. ]
  983. }
  984. ]
  985. }
  986. ]
  987. };
  988. };
  989. var AdvTab = { makeTab: makeTab };
  990. var collect = function (editor) {
  991. var urlListSanitizer = ListUtils.sanitizer(function (item) {
  992. return editor.convertURL(item.value || item.url, 'src');
  993. });
  994. var futureImageList = new global$2(function (completer) {
  995. createImageList(editor, function (imageList) {
  996. completer(urlListSanitizer(imageList).map(function (items) {
  997. return flatten([
  998. [{
  999. text: 'None',
  1000. value: ''
  1001. }],
  1002. items
  1003. ]);
  1004. }));
  1005. });
  1006. });
  1007. var classList = ListUtils.sanitize(getClassList(editor));
  1008. var hasAdvTab$1 = hasAdvTab(editor);
  1009. var hasUploadTab$1 = hasUploadTab(editor);
  1010. var hasUploadUrl$1 = hasUploadUrl(editor);
  1011. var hasUploadHandler$1 = hasUploadHandler(editor);
  1012. var image = readImageDataFromSelection(editor);
  1013. var hasDescription$1 = hasDescription(editor);
  1014. var hasImageTitle$1 = hasImageTitle(editor);
  1015. var hasDimensions$1 = hasDimensions(editor);
  1016. var hasImageCaption$1 = hasImageCaption(editor);
  1017. var hasAccessibilityOptions = showAccessibilityOptions(editor);
  1018. var automaticUploads = isAutomaticUploadsEnabled(editor);
  1019. var prependURL = Optional.some(getPrependUrl(editor)).filter(function (preUrl) {
  1020. return isString(preUrl) && preUrl.length > 0;
  1021. });
  1022. return futureImageList.then(function (imageList) {
  1023. return {
  1024. image: image,
  1025. imageList: imageList,
  1026. classList: classList,
  1027. hasAdvTab: hasAdvTab$1,
  1028. hasUploadTab: hasUploadTab$1,
  1029. hasUploadUrl: hasUploadUrl$1,
  1030. hasUploadHandler: hasUploadHandler$1,
  1031. hasDescription: hasDescription$1,
  1032. hasImageTitle: hasImageTitle$1,
  1033. hasDimensions: hasDimensions$1,
  1034. hasImageCaption: hasImageCaption$1,
  1035. prependURL: prependURL,
  1036. hasAccessibilityOptions: hasAccessibilityOptions,
  1037. automaticUploads: automaticUploads
  1038. };
  1039. });
  1040. };
  1041. var makeItems = function (info) {
  1042. var imageUrl = {
  1043. name: 'src',
  1044. type: 'urlinput',
  1045. filetype: 'image',
  1046. label: 'Source'
  1047. };
  1048. var imageList = info.imageList.map(function (items) {
  1049. return {
  1050. name: 'images',
  1051. type: 'listbox',
  1052. label: 'Image list',
  1053. items: items
  1054. };
  1055. });
  1056. var imageDescription = {
  1057. name: 'alt',
  1058. type: 'input',
  1059. label: 'Alternative description',
  1060. disabled: info.hasAccessibilityOptions && info.image.isDecorative
  1061. };
  1062. var imageTitle = {
  1063. name: 'title',
  1064. type: 'input',
  1065. label: 'Image title'
  1066. };
  1067. var imageDimensions = {
  1068. name: 'dimensions',
  1069. type: 'sizeinput'
  1070. };
  1071. var isDecorative = {
  1072. type: 'label',
  1073. label: 'Accessibility',
  1074. items: [{
  1075. name: 'isDecorative',
  1076. type: 'checkbox',
  1077. label: 'Image is decorative'
  1078. }]
  1079. };
  1080. var classList = info.classList.map(function (items) {
  1081. return {
  1082. name: 'classes',
  1083. type: 'listbox',
  1084. label: 'Class',
  1085. items: items
  1086. };
  1087. });
  1088. var caption = {
  1089. type: 'label',
  1090. label: 'Caption',
  1091. items: [{
  1092. type: 'checkbox',
  1093. name: 'caption',
  1094. label: 'Show caption'
  1095. }]
  1096. };
  1097. return flatten([
  1098. [imageUrl],
  1099. imageList.toArray(),
  1100. info.hasAccessibilityOptions && info.hasDescription ? [isDecorative] : [],
  1101. info.hasDescription ? [imageDescription] : [],
  1102. info.hasImageTitle ? [imageTitle] : [],
  1103. info.hasDimensions ? [imageDimensions] : [],
  1104. [{
  1105. type: 'grid',
  1106. columns: 2,
  1107. items: flatten([
  1108. classList.toArray(),
  1109. info.hasImageCaption ? [caption] : []
  1110. ])
  1111. }]
  1112. ]);
  1113. };
  1114. var makeTab$1 = function (info) {
  1115. return {
  1116. title: 'General',
  1117. name: 'general',
  1118. items: makeItems(info)
  1119. };
  1120. };
  1121. var MainTab = {
  1122. makeTab: makeTab$1,
  1123. makeItems: makeItems
  1124. };
  1125. var makeTab$2 = function (_info) {
  1126. var items = [{
  1127. type: 'dropzone',
  1128. name: 'fileinput'
  1129. }];
  1130. return {
  1131. title: 'Upload',
  1132. name: 'upload',
  1133. items: items
  1134. };
  1135. };
  1136. var UploadTab = { makeTab: makeTab$2 };
  1137. var createState = function (info) {
  1138. return {
  1139. prevImage: ListUtils.findEntry(info.imageList, info.image.src),
  1140. prevAlt: info.image.alt,
  1141. open: true
  1142. };
  1143. };
  1144. var fromImageData = function (image) {
  1145. return {
  1146. src: {
  1147. value: image.src,
  1148. meta: {}
  1149. },
  1150. images: image.src,
  1151. alt: image.alt,
  1152. title: image.title,
  1153. dimensions: {
  1154. width: image.width,
  1155. height: image.height
  1156. },
  1157. classes: image.class,
  1158. caption: image.caption,
  1159. style: image.style,
  1160. vspace: image.vspace,
  1161. border: image.border,
  1162. hspace: image.hspace,
  1163. borderstyle: image.borderStyle,
  1164. fileinput: [],
  1165. isDecorative: image.isDecorative
  1166. };
  1167. };
  1168. var toImageData = function (data, removeEmptyAlt) {
  1169. return {
  1170. src: data.src.value,
  1171. alt: data.alt.length === 0 && removeEmptyAlt ? null : data.alt,
  1172. title: data.title,
  1173. width: data.dimensions.width,
  1174. height: data.dimensions.height,
  1175. class: data.classes,
  1176. style: data.style,
  1177. caption: data.caption,
  1178. hspace: data.hspace,
  1179. vspace: data.vspace,
  1180. border: data.border,
  1181. borderStyle: data.borderstyle,
  1182. isDecorative: data.isDecorative
  1183. };
  1184. };
  1185. var addPrependUrl2 = function (info, srcURL) {
  1186. if (!/^(?:[a-zA-Z]+:)?\/\//.test(srcURL)) {
  1187. return info.prependURL.bind(function (prependUrl) {
  1188. if (srcURL.substring(0, prependUrl.length) !== prependUrl) {
  1189. return Optional.some(prependUrl + srcURL);
  1190. }
  1191. return Optional.none();
  1192. });
  1193. }
  1194. return Optional.none();
  1195. };
  1196. var addPrependUrl = function (info, api) {
  1197. var data = api.getData();
  1198. addPrependUrl2(info, data.src.value).each(function (srcURL) {
  1199. api.setData({
  1200. src: {
  1201. value: srcURL,
  1202. meta: data.src.meta
  1203. }
  1204. });
  1205. });
  1206. };
  1207. var formFillFromMeta2 = function (info, data, meta) {
  1208. if (info.hasDescription && isString(meta.alt)) {
  1209. data.alt = meta.alt;
  1210. }
  1211. if (info.hasAccessibilityOptions) {
  1212. data.isDecorative = meta.isDecorative || data.isDecorative || false;
  1213. }
  1214. if (info.hasImageTitle && isString(meta.title)) {
  1215. data.title = meta.title;
  1216. }
  1217. if (info.hasDimensions) {
  1218. if (isString(meta.width)) {
  1219. data.dimensions.width = meta.width;
  1220. }
  1221. if (isString(meta.height)) {
  1222. data.dimensions.height = meta.height;
  1223. }
  1224. }
  1225. if (isString(meta.class)) {
  1226. ListUtils.findEntry(info.classList, meta.class).each(function (entry) {
  1227. data.classes = entry.value;
  1228. });
  1229. }
  1230. if (info.hasImageCaption) {
  1231. if (isBoolean(meta.caption)) {
  1232. data.caption = meta.caption;
  1233. }
  1234. }
  1235. if (info.hasAdvTab) {
  1236. if (isString(meta.style)) {
  1237. data.style = meta.style;
  1238. }
  1239. if (isString(meta.vspace)) {
  1240. data.vspace = meta.vspace;
  1241. }
  1242. if (isString(meta.border)) {
  1243. data.border = meta.border;
  1244. }
  1245. if (isString(meta.hspace)) {
  1246. data.hspace = meta.hspace;
  1247. }
  1248. if (isString(meta.borderstyle)) {
  1249. data.borderstyle = meta.borderstyle;
  1250. }
  1251. }
  1252. };
  1253. var formFillFromMeta = function (info, api) {
  1254. var data = api.getData();
  1255. var meta = data.src.meta;
  1256. if (meta !== undefined) {
  1257. var newData = deepMerge({}, data);
  1258. formFillFromMeta2(info, newData, meta);
  1259. api.setData(newData);
  1260. }
  1261. };
  1262. var calculateImageSize = function (helpers, info, state, api) {
  1263. var data = api.getData();
  1264. var url = data.src.value;
  1265. var meta = data.src.meta || {};
  1266. if (!meta.width && !meta.height && info.hasDimensions) {
  1267. if (isNotEmpty(url)) {
  1268. helpers.imageSize(url).then(function (size) {
  1269. if (state.open) {
  1270. api.setData({ dimensions: size });
  1271. }
  1272. }).catch(function (e) {
  1273. return console.error(e);
  1274. });
  1275. } else {
  1276. api.setData({
  1277. dimensions: {
  1278. width: '',
  1279. height: ''
  1280. }
  1281. });
  1282. }
  1283. }
  1284. };
  1285. var updateImagesDropdown = function (info, state, api) {
  1286. var data = api.getData();
  1287. var image = ListUtils.findEntry(info.imageList, data.src.value);
  1288. state.prevImage = image;
  1289. api.setData({
  1290. images: image.map(function (entry) {
  1291. return entry.value;
  1292. }).getOr('')
  1293. });
  1294. };
  1295. var changeSrc = function (helpers, info, state, api) {
  1296. addPrependUrl(info, api);
  1297. formFillFromMeta(info, api);
  1298. calculateImageSize(helpers, info, state, api);
  1299. updateImagesDropdown(info, state, api);
  1300. };
  1301. var changeImages = function (helpers, info, state, api) {
  1302. var data = api.getData();
  1303. var image = ListUtils.findEntry(info.imageList, data.images);
  1304. image.each(function (img) {
  1305. var updateAlt = data.alt === '' || state.prevImage.map(function (image) {
  1306. return image.text === data.alt;
  1307. }).getOr(false);
  1308. if (updateAlt) {
  1309. if (img.value === '') {
  1310. api.setData({
  1311. src: img,
  1312. alt: state.prevAlt
  1313. });
  1314. } else {
  1315. api.setData({
  1316. src: img,
  1317. alt: img.text
  1318. });
  1319. }
  1320. } else {
  1321. api.setData({ src: img });
  1322. }
  1323. });
  1324. state.prevImage = image;
  1325. changeSrc(helpers, info, state, api);
  1326. };
  1327. var calcVSpace = function (css) {
  1328. var matchingTopBottom = css['margin-top'] && css['margin-bottom'] && css['margin-top'] === css['margin-bottom'];
  1329. return matchingTopBottom ? removePixelSuffix(String(css['margin-top'])) : '';
  1330. };
  1331. var calcHSpace = function (css) {
  1332. var matchingLeftRight = css['margin-right'] && css['margin-left'] && css['margin-right'] === css['margin-left'];
  1333. return matchingLeftRight ? removePixelSuffix(String(css['margin-right'])) : '';
  1334. };
  1335. var calcBorderWidth = function (css) {
  1336. return css['border-width'] ? removePixelSuffix(String(css['border-width'])) : '';
  1337. };
  1338. var calcBorderStyle = function (css) {
  1339. return css['border-style'] ? String(css['border-style']) : '';
  1340. };
  1341. var calcStyle = function (parseStyle, serializeStyle, css) {
  1342. return serializeStyle(parseStyle(serializeStyle(css)));
  1343. };
  1344. var changeStyle2 = function (parseStyle, serializeStyle, data) {
  1345. var css = mergeMargins(parseStyle(data.style));
  1346. var dataCopy = deepMerge({}, data);
  1347. dataCopy.vspace = calcVSpace(css);
  1348. dataCopy.hspace = calcHSpace(css);
  1349. dataCopy.border = calcBorderWidth(css);
  1350. dataCopy.borderstyle = calcBorderStyle(css);
  1351. dataCopy.style = calcStyle(parseStyle, serializeStyle, css);
  1352. return dataCopy;
  1353. };
  1354. var changeStyle = function (helpers, api) {
  1355. var data = api.getData();
  1356. var newData = changeStyle2(helpers.parseStyle, helpers.serializeStyle, data);
  1357. api.setData(newData);
  1358. };
  1359. var changeAStyle = function (helpers, info, api) {
  1360. var data = deepMerge(fromImageData(info.image), api.getData());
  1361. var style = getStyleValue(helpers.normalizeCss, toImageData(data, false));
  1362. api.setData({ style: style });
  1363. };
  1364. var changeFileInput = function (helpers, info, state, api) {
  1365. var data = api.getData();
  1366. api.block('Uploading image');
  1367. head(data.fileinput).fold(function () {
  1368. api.unblock();
  1369. }, function (file) {
  1370. var blobUri = URL.createObjectURL(file);
  1371. var finalize = function () {
  1372. api.unblock();
  1373. URL.revokeObjectURL(blobUri);
  1374. };
  1375. var updateSrcAndSwitchTab = function (url) {
  1376. api.setData({
  1377. src: {
  1378. value: url,
  1379. meta: {}
  1380. }
  1381. });
  1382. api.showTab('general');
  1383. changeSrc(helpers, info, state, api);
  1384. };
  1385. blobToDataUri(file).then(function (dataUrl) {
  1386. var blobInfo = helpers.createBlobCache(file, blobUri, dataUrl);
  1387. if (info.automaticUploads) {
  1388. helpers.uploadImage(blobInfo).then(function (result) {
  1389. updateSrcAndSwitchTab(result.url);
  1390. finalize();
  1391. }).catch(function (err) {
  1392. finalize();
  1393. helpers.alertErr(err);
  1394. });
  1395. } else {
  1396. helpers.addToBlobCache(blobInfo);
  1397. updateSrcAndSwitchTab(blobInfo.blobUri());
  1398. api.unblock();
  1399. }
  1400. });
  1401. });
  1402. };
  1403. var changeHandler = function (helpers, info, state) {
  1404. return function (api, evt) {
  1405. if (evt.name === 'src') {
  1406. changeSrc(helpers, info, state, api);
  1407. } else if (evt.name === 'images') {
  1408. changeImages(helpers, info, state, api);
  1409. } else if (evt.name === 'alt') {
  1410. state.prevAlt = api.getData().alt;
  1411. } else if (evt.name === 'style') {
  1412. changeStyle(helpers, api);
  1413. } else if (evt.name === 'vspace' || evt.name === 'hspace' || evt.name === 'border' || evt.name === 'borderstyle') {
  1414. changeAStyle(helpers, info, api);
  1415. } else if (evt.name === 'fileinput') {
  1416. changeFileInput(helpers, info, state, api);
  1417. } else if (evt.name === 'isDecorative') {
  1418. if (api.getData().isDecorative) {
  1419. api.disable('alt');
  1420. } else {
  1421. api.enable('alt');
  1422. }
  1423. }
  1424. };
  1425. };
  1426. var closeHandler = function (state) {
  1427. return function () {
  1428. state.open = false;
  1429. };
  1430. };
  1431. var makeDialogBody = function (info) {
  1432. if (info.hasAdvTab || info.hasUploadUrl || info.hasUploadHandler) {
  1433. var tabPanel = {
  1434. type: 'tabpanel',
  1435. tabs: flatten([
  1436. [MainTab.makeTab(info)],
  1437. info.hasAdvTab ? [AdvTab.makeTab(info)] : [],
  1438. info.hasUploadTab && (info.hasUploadUrl || info.hasUploadHandler) ? [UploadTab.makeTab(info)] : []
  1439. ])
  1440. };
  1441. return tabPanel;
  1442. } else {
  1443. var panel = {
  1444. type: 'panel',
  1445. items: MainTab.makeItems(info)
  1446. };
  1447. return panel;
  1448. }
  1449. };
  1450. var makeDialog = function (helpers) {
  1451. return function (info) {
  1452. var state = createState(info);
  1453. return {
  1454. title: 'Insert/Edit Image',
  1455. size: 'normal',
  1456. body: makeDialogBody(info),
  1457. buttons: [
  1458. {
  1459. type: 'cancel',
  1460. name: 'cancel',
  1461. text: 'Cancel'
  1462. },
  1463. {
  1464. type: 'submit',
  1465. name: 'save',
  1466. text: 'Save',
  1467. primary: true
  1468. }
  1469. ],
  1470. initialData: fromImageData(info.image),
  1471. onSubmit: helpers.onSubmit(info),
  1472. onChange: changeHandler(helpers, info, state),
  1473. onClose: closeHandler(state)
  1474. };
  1475. };
  1476. };
  1477. var submitHandler = function (editor) {
  1478. return function (info) {
  1479. return function (api) {
  1480. var data = deepMerge(fromImageData(info.image), api.getData());
  1481. editor.execCommand('mceUpdateImage', false, toImageData(data, info.hasAccessibilityOptions));
  1482. editor.editorUpload.uploadImagesAuto();
  1483. api.close();
  1484. };
  1485. };
  1486. };
  1487. var imageSize = function (editor) {
  1488. return function (url) {
  1489. return getImageSize(editor.documentBaseURI.toAbsolute(url)).then(function (dimensions) {
  1490. return {
  1491. width: String(dimensions.width),
  1492. height: String(dimensions.height)
  1493. };
  1494. });
  1495. };
  1496. };
  1497. var createBlobCache = function (editor) {
  1498. return function (file, blobUri, dataUrl) {
  1499. return editor.editorUpload.blobCache.create({
  1500. blob: file,
  1501. blobUri: blobUri,
  1502. name: file.name ? file.name.replace(/\.[^\.]+$/, '') : null,
  1503. filename: file.name,
  1504. base64: dataUrl.split(',')[1]
  1505. });
  1506. };
  1507. };
  1508. var addToBlobCache = function (editor) {
  1509. return function (blobInfo) {
  1510. editor.editorUpload.blobCache.add(blobInfo);
  1511. };
  1512. };
  1513. var alertErr = function (editor) {
  1514. return function (message) {
  1515. editor.windowManager.alert(message);
  1516. };
  1517. };
  1518. var normalizeCss$1 = function (editor) {
  1519. return function (cssText) {
  1520. return normalizeCss(editor, cssText);
  1521. };
  1522. };
  1523. var parseStyle = function (editor) {
  1524. return function (cssText) {
  1525. return editor.dom.parseStyle(cssText);
  1526. };
  1527. };
  1528. var serializeStyle = function (editor) {
  1529. return function (stylesArg, name) {
  1530. return editor.dom.serializeStyle(stylesArg, name);
  1531. };
  1532. };
  1533. var uploadImage = function (editor) {
  1534. return function (blobInfo) {
  1535. return global$4(editor).upload([blobInfo], false).then(function (results) {
  1536. if (results.length === 0) {
  1537. return global$2.reject('Failed to upload image');
  1538. } else if (results[0].status === false) {
  1539. return global$2.reject(results[0].error);
  1540. } else {
  1541. return results[0];
  1542. }
  1543. });
  1544. };
  1545. };
  1546. var Dialog = function (editor) {
  1547. var helpers = {
  1548. onSubmit: submitHandler(editor),
  1549. imageSize: imageSize(editor),
  1550. addToBlobCache: addToBlobCache(editor),
  1551. createBlobCache: createBlobCache(editor),
  1552. alertErr: alertErr(editor),
  1553. normalizeCss: normalizeCss$1(editor),
  1554. parseStyle: parseStyle(editor),
  1555. serializeStyle: serializeStyle(editor),
  1556. uploadImage: uploadImage(editor)
  1557. };
  1558. var open = function () {
  1559. collect(editor).then(makeDialog(helpers)).then(editor.windowManager.open);
  1560. };
  1561. return { open: open };
  1562. };
  1563. var register = function (editor) {
  1564. editor.addCommand('mceImage', Dialog(editor).open);
  1565. editor.addCommand('mceUpdateImage', function (_ui, data) {
  1566. editor.undoManager.transact(function () {
  1567. return insertOrUpdateImage(editor, data);
  1568. });
  1569. });
  1570. };
  1571. var hasImageClass = function (node) {
  1572. var className = node.attr('class');
  1573. return className && /\bimage\b/.test(className);
  1574. };
  1575. var toggleContentEditableState = function (state) {
  1576. return function (nodes) {
  1577. var i = nodes.length;
  1578. var toggleContentEditable = function (node) {
  1579. node.attr('contenteditable', state ? 'true' : null);
  1580. };
  1581. while (i--) {
  1582. var node = nodes[i];
  1583. if (hasImageClass(node)) {
  1584. node.attr('contenteditable', state ? 'false' : null);
  1585. global$5.each(node.getAll('figcaption'), toggleContentEditable);
  1586. }
  1587. }
  1588. };
  1589. };
  1590. var setup = function (editor) {
  1591. editor.on('PreInit', function () {
  1592. editor.parser.addNodeFilter('figure', toggleContentEditableState(true));
  1593. editor.serializer.addNodeFilter('figure', toggleContentEditableState(false));
  1594. });
  1595. };
  1596. var register$1 = function (editor) {
  1597. editor.ui.registry.addToggleButton('image', {
  1598. icon: 'image',
  1599. tooltip: 'Insert/edit image',
  1600. onAction: Dialog(editor).open,
  1601. onSetup: function (buttonApi) {
  1602. return editor.selection.selectorChangedWithUnbind('img:not([data-mce-object],[data-mce-placeholder]),figure.image', buttonApi.setActive).unbind;
  1603. }
  1604. });
  1605. editor.ui.registry.addMenuItem('image', {
  1606. icon: 'image',
  1607. text: 'Image...',
  1608. onAction: Dialog(editor).open
  1609. });
  1610. editor.ui.registry.addContextMenu('image', {
  1611. update: function (element) {
  1612. return isFigure(element) || isImage(element) && !isPlaceholderImage(element) ? ['image'] : [];
  1613. }
  1614. });
  1615. };
  1616. function Plugin () {
  1617. global.add('image', function (editor) {
  1618. setup(editor);
  1619. register$1(editor);
  1620. register(editor);
  1621. });
  1622. }
  1623. Plugin();
  1624. }());