plugin.js 51 KB

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