@sapui5/sap.ui.richtexteditor 1.96.25 → 1.96.26

package/src/sap/ui/richtexteditor/js/tiny_mce5/plugins/image/plugin.js

@@ -1,8 +1,10 @@
-
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ */
 (function () {
     'use strict';
 
-    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+    var global$6 = tinymce.util.Tools.resolve('tinymce.PluginManager');
 
     var __assign = function () {
       __assign = Object.assign || function __assign(t) {
@@ -49,6 +51,13 @@
     var isArray = isType('array');
     var isNull = eq(null);
     var isBoolean = isSimpleType('boolean');
+    var isNullable = function (a) {
+      return a === null || a === undefined;
+    };
+    var isNonNullable = function (a) {
+      return !isNullable(a);
+    };
+    var isFunction = isSimpleType('function');
     var isNumber = isSimpleType('number');
 
     var noop = function () {
@@ -58,6 +67,9 @@
         return value;
       };
     };
+    var identity = function (x) {
+      return x;
+    };
     var never = constant(false);
     var always = constant(true);
 
@@ -65,20 +77,14 @@
       return NONE;
     };
     var NONE = function () {
-      var eq = function (o) {
-        return o.isNone();
-      };
       var call = function (thunk) {
         return thunk();
       };
-      var id = function (n) {
-        return n;
-      };
+      var id = identity;
       var me = {
         fold: function (n, _s) {
           return n();
         },
-        is: never,
         isSome: never,
         isNone: always,
         getOr: id,
@@ -95,9 +101,9 @@
         bind: none,
         exists: never,
         forall: always,
-        filter: none,
-        equals: eq,
-        equals_: eq,
+        filter: function () {
+          return none();
+        },
         toArray: function () {
           return [];
         },
@@ -117,9 +123,6 @@
         fold: function (n, s) {
           return s(a);
         },
-        is: function (v) {
-          return a === v;
-        },
         isSome: always,
         isNone: never,
         getOr: constant_a,
@@ -146,14 +149,6 @@
         },
         toString: function () {
           return 'some(' + a + ')';
-        },
-        equals: function (o) {
-          return o.is(a);
-        },
-        equals_: function (o, elementEq) {
-          return o.fold(never, function (b) {
-            return elementEq(a, b);
-          });
         }
       };
       return me;
@@ -167,6 +162,40 @@
       from: from
     };
 
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var each = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var objAcc = function (r) {
+      return function (x, i) {
+        r[i] = x;
+      };
+    };
+    var internalFilter = function (obj, pred, onTrue, onFalse) {
+      var r = {};
+      each(obj, function (x, i) {
+        (pred(x, i) ? onTrue : onFalse)(x, i);
+      });
+      return r;
+    };
+    var filter = function (obj, pred) {
+      var t = {};
+      internalFilter(obj, pred, objAcc(t), noop);
+      return t;
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+    var hasNonNullableKey = function (obj, key) {
+      return has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    };
+
     var nativePush = Array.prototype.push;
     var flatten = function (xs) {
       var r = [];
@@ -178,8 +207,11 @@
       }
       return r;
     };
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
     var head = function (xs) {
-      return xs.length === 0 ? Optional.none() : Optional.some(xs[0]);
+      return get(xs, 0);
     };
     var findMap = function (arr, f) {
       for (var i = 0; i < arr.length; i++) {
@@ -191,7 +223,7 @@
       return Optional.none();
     };
 
-    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+    typeof window !== 'undefined' ? window : Function('return this;')();
 
     var rawSet = function (dom, key, value) {
       if (isString(value) || isBoolean(value) || isNumber(value)) {
@@ -245,11 +277,13 @@
       fromPoint: fromPoint
     };
 
-    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+    var global$5 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Promise');
 
-    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.URI');
 
-    var global$3 = tinymce.util.Tools.resolve('tinymce.util.XHR');
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.XHR');
 
     var hasDimensions = function (editor) {
       return editor.getParam('image_dimensions', true, 'boolean');
@@ -279,22 +313,10 @@
       return editor.getParam('image_list', false);
     };
     var hasUploadUrl = function (editor) {
-      return !!getUploadUrl(editor);
+      return isNonNullable(editor.getParam('images_upload_url'));
     };
     var hasUploadHandler = function (editor) {
-      return !!getUploadHandler(editor);
-    };
-    var getUploadUrl = function (editor) {
-      return editor.getParam('images_upload_url', '', 'string');
-    };
-    var getUploadHandler = function (editor) {
-      return editor.getParam('images_upload_handler', undefined, 'function');
-    };
-    var getUploadBasePath = function (editor) {
-      return editor.getParam('images_upload_base_path', undefined, 'string');
-    };
-    var getUploadCredentials = function (editor) {
-      return editor.getParam('images_upload_credentials', false, 'boolean');
+      return isNonNullable(editor.getParam('images_upload_handler'));
     };
     var showAccessibilityOptions = function (editor) {
       return editor.getParam('a11y_advanced_options', false, 'boolean');
@@ -307,9 +329,10 @@
       return Math.max(parseInt(val1, 10), parseInt(val2, 10));
     };
     var getImageSize = function (url) {
-      return new global$2(function (callback) {
+      return new global$4(function (callback) {
         var img = document.createElement('img');
         var done = function (dimensions) {
+          img.onload = img.onerror = null;
           if (img.parentNode) {
             img.parentNode.removeChild(img);
           }
@@ -322,10 +345,10 @@
             width: width,
             height: height
           };
-          done(global$2.resolve(dimensions));
+          done(global$4.resolve(dimensions));
         };
         img.onerror = function () {
-          done(global$2.reject('Failed to get image dimensions for: ' + url));
+          done(global$4.reject('Failed to get image dimensions for: ' + url));
         };
         var style = img.style;
         style.visibility = 'hidden';
@@ -382,14 +405,14 @@
     };
     var createImageList = function (editor, callback) {
       var imageList = getImageList(editor);
-      if (typeof imageList === 'string') {
-        global$3.send({
+      if (isString(imageList)) {
+        global$2.send({
           url: imageList,
           success: function (text) {
             callback(JSON.parse(text));
           }
         });
-      } else if (typeof imageList === 'function') {
+      } else if (isFunction(imageList)) {
         imageList(callback);
       } else {
         callback(imageList);
@@ -415,7 +438,7 @@
       imgElm.onerror = selectImage;
     };
     var blobToDataUri = function (blob) {
-      return new global$2(function (resolve, reject) {
+      return new global$4(function (resolve, reject) {
         var reader = new FileReader();
         reader.onload = function () {
           resolve(reader.result);
@@ -429,8 +452,11 @@
     var isPlaceholderImage = function (imgElm) {
       return imgElm.nodeName === 'IMG' && (imgElm.hasAttribute('data-mce-object') || imgElm.hasAttribute('data-mce-placeholder'));
     };
+    var isSafeImageUrl = function (editor, src) {
+      return global$3.isDomSafe(src, 'img', editor.settings);
+    };
 
-    var DOM = global$1.DOM;
+    var DOM = global$5.DOM;
     var getHspace = function (image) {
       if (image.style.marginLeft && image.style.marginRight && image.style.marginLeft === image.style.marginRight) {
         return removePixelSuffix(image.style.marginLeft);
@@ -673,7 +699,7 @@
       updateAlt(image, oldData, newData);
     };
 
-    var normalizeCss = function (editor, cssText) {
+    var normalizeCss$1 = function (editor, cssText) {
       var css = editor.dom.styles.parse(cssText);
       var mergedCss = mergeMargins(css);
       var compressed = editor.dom.styles.parse(editor.dom.styles.serialize(mergedCss));
@@ -692,8 +718,11 @@
     };
     var splitTextBlock = function (editor, figure) {
       var dom = editor.dom;
+      var textBlockElements = filter(editor.schema.getTextBlockElements(), function (_, parentElm) {
+        return !editor.schema.isValidChild(parentElm, 'figure');
+      });
       var textBlock = dom.getParent(figure.parentNode, function (node) {
-        return !!editor.schema.getTextBlockElements()[node.nodeName];
+        return hasNonNullableKey(textBlockElements, node.nodeName);
       }, editor.getBody());
       if (textBlock) {
         return dom.split(textBlock, figure);
@@ -704,12 +733,12 @@
     var readImageDataFromSelection = function (editor) {
       var image = getSelectedImage(editor);
       return image ? read(function (css) {
-        return normalizeCss(editor, css);
+        return normalizeCss$1(editor, css);
       }, image) : defaultData();
     };
     var insertImageAtCaret = function (editor, data) {
       var elm = create(function (css) {
-        return normalizeCss(editor, css);
+        return normalizeCss$1(editor, css);
       }, data);
       editor.dom.setAttrib(elm, 'data-mce-id', '__mcenew');
       editor.focus();
@@ -741,7 +770,7 @@
     var writeImageDataToSelection = function (editor, data) {
       var image = getSelectedImage(editor);
       write(function (css) {
-        return normalizeCss(editor, css);
+        return normalizeCss$1(editor, css);
       }, data, image);
       syncSrcAttr(editor, image);
       if (isFigure(image.parentNode)) {
@@ -753,15 +782,20 @@
         waitLoadImage(editor, data, image);
       }
     };
+    var sanitizeImageData = function (editor, data) {
+      var src = data.src;
+      return __assign(__assign({}, data), { src: isSafeImageUrl(editor, src) ? src : '' });
+    };
     var insertOrUpdateImage = function (editor, partialData) {
       var image = getSelectedImage(editor);
       if (image) {
         var selectedImageData = read(function (css) {
-          return normalizeCss(editor, css);
+          return normalizeCss$1(editor, css);
         }, image);
         var data = __assign(__assign({}, selectedImageData), partialData);
+        var sanitizedData = sanitizeImageData(editor, data);
         if (data.src) {
-          writeImageDataToSelection(editor, data);
+          writeImageDataToSelection(editor, sanitizedData);
         } else {
           deleteImage(editor, image);
         }
@@ -770,16 +804,15 @@
       }
     };
 
-    var hasOwnProperty = Object.prototype.hasOwnProperty;
     var deep = function (old, nu) {
       var bothObjects = isObject(old) && isObject(nu);
       return bothObjects ? deepMerge(old, nu) : nu;
     };
     var baseMerge = function (merger) {
       return function () {
-        var objects = new Array(arguments.length);
-        for (var i = 0; i < objects.length; i++) {
-          objects[i] = arguments[i];
+        var objects = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          objects[_i] = arguments[_i];
         }
         if (objects.length === 0) {
           throw new Error('Can\'t merge zero objects');
@@ -788,7 +821,7 @@
         for (var j = 0; j < objects.length; j++) {
           var curObject = objects[j];
           for (var key in curObject) {
-            if (hasOwnProperty.call(curObject, key)) {
+            if (has(curObject, key)) {
               ret[key] = merger(ret[key], curObject[key]);
             }
           }
@@ -798,15 +831,30 @@
     };
     var deepMerge = baseMerge(deep);
 
-    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+    var isNotEmpty = function (s) {
+      return s.length > 0;
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.ImageUploader');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
 
     var getValue = function (item) {
       return isString(item.value) ? item.value : '';
     };
+    var getText = function (item) {
+      if (isString(item.text)) {
+        return item.text;
+      } else if (isString(item.title)) {
+        return item.title;
+      } else {
+        return '';
+      }
+    };
     var sanitizeList = function (list, extractValue) {
       var out = [];
-      global$4.each(list, function (item) {
-        var text = isString(item.text) ? item.text : isString(item.title) ? item.title : '';
+      global.each(list, function (item) {
+        var text = getText(item);
         if (item.menu !== undefined) {
           var items = sanitizeList(item.menu, extractValue);
           out.push({
@@ -823,14 +871,14 @@
       });
       return out;
     };
-    var sanitizer = function (extracter) {
-      if (extracter === void 0) {
-        extracter = getValue;
+    var sanitizer = function (extractor) {
+      if (extractor === void 0) {
+        extractor = getValue;
       }
       return function (list) {
         if (list) {
           return Optional.from(list).map(function (list) {
-            return sanitizeList(list, extracter);
+            return sanitizeList(list, extractor);
           });
         } else {
           return Optional.none();
@@ -841,7 +889,7 @@
       return sanitizer(getValue)(list);
     };
     var isGroup = function (item) {
-      return Object.prototype.hasOwnProperty.call(item, 'items');
+      return has(item, 'items');
     };
     var findEntryDelegate = function (list, value) {
       return findMap(list, function (item) {
@@ -865,62 +913,7 @@
       findEntry: findEntry
     };
 
-    var pathJoin = function (path1, path2) {
-      if (path1) {
-        return path1.replace(/\/$/, '') + '/' + path2.replace(/^\//, '');
-      }
-      return path2;
-    };
-    function Uploader (settings) {
-      var defaultHandler = function (blobInfo, success, failure, progress) {
-        var xhr = new XMLHttpRequest();
-        xhr.open('POST', settings.url);
-        xhr.withCredentials = settings.credentials;
-        xhr.upload.onprogress = function (e) {
-          progress(e.loaded / e.total * 100);
-        };
-        xhr.onerror = function () {
-          failure('Image upload failed due to a XHR Transport error. Code: ' + xhr.status);
-        };
-        xhr.onload = function () {
-          if (xhr.status < 200 || xhr.status >= 300) {
-            failure('HTTP Error: ' + xhr.status);
-            return;
-          }
-          var json = JSON.parse(xhr.responseText);
-          if (!json || typeof json.location !== 'string') {
-            failure('Invalid JSON: ' + xhr.responseText);
-            return;
-          }
-          success(pathJoin(settings.basePath, json.location));
-        };
-        var formData = new FormData();
-        formData.append('file', blobInfo.blob(), blobInfo.filename());
-        xhr.send(formData);
-      };
-      var uploadBlob = function (blobInfo, handler) {
-        return new global$2(function (resolve, reject) {
-          try {
-            handler(blobInfo, resolve, reject, noop);
-          } catch (ex) {
-            reject(ex.message);
-          }
-        });
-      };
-      var isDefaultHandler = function (handler) {
-        return handler === defaultHandler;
-      };
-      var upload = function (blobInfo) {
-        return !settings.url && isDefaultHandler(settings.handler) ? global$2.reject('Upload url missing from the settings.') : uploadBlob(blobInfo, settings.handler);
-      };
-      settings = global$4.extend({
-        credentials: false,
-        handler: defaultHandler
-      }, settings);
-      return { upload: upload };
-    }
-
-    var makeTab = function (_info) {
+    var makeTab$2 = function (_info) {
       return {
         title: 'Advanced',
         name: 'advanced',
@@ -1008,13 +1001,13 @@
         ]
       };
     };
-    var AdvTab = { makeTab: makeTab };
+    var AdvTab = { makeTab: makeTab$2 };
 
     var collect = function (editor) {
       var urlListSanitizer = ListUtils.sanitizer(function (item) {
         return editor.convertURL(item.value || item.url, 'src');
       });
-      var futureImageList = new global$2(function (completer) {
+      var futureImageList = new global$4(function (completer) {
         createImageList(editor, function (imageList) {
           completer(urlListSanitizer(imageList).map(function (items) {
             return flatten([
@@ -1038,10 +1031,6 @@
       var hasDimensions$1 = hasDimensions(editor);
       var hasImageCaption$1 = hasImageCaption(editor);
       var hasAccessibilityOptions = showAccessibilityOptions(editor);
-      var url = getUploadUrl(editor);
-      var basePath = getUploadBasePath(editor);
-      var credentials = getUploadCredentials(editor);
-      var handler = getUploadHandler(editor);
       var automaticUploads = isAutomaticUploadsEnabled(editor);
       var prependURL = Optional.some(getPrependUrl(editor)).filter(function (preUrl) {
         return isString(preUrl) && preUrl.length > 0;
@@ -1059,10 +1048,6 @@
           hasImageTitle: hasImageTitle$1,
           hasDimensions: hasDimensions$1,
           hasImageCaption: hasImageCaption$1,
-          url: url,
-          basePath: basePath,
-          credentials: credentials,
-          handler: handler,
           prependURL: prependURL,
           hasAccessibilityOptions: hasAccessibilityOptions,
           automaticUploads: automaticUploads
@@ -1126,6 +1111,12 @@
             label: 'Show caption'
           }]
       };
+      var getDialogContainerType = function (useColumns) {
+        return useColumns ? {
+          type: 'grid',
+          columns: 2
+        } : { type: 'panel' };
+      };
       return flatten([
         [imageUrl],
         imageList.toArray(),
@@ -1133,14 +1124,12 @@
         info.hasDescription ? [imageDescription] : [],
         info.hasImageTitle ? [imageTitle] : [],
         info.hasDimensions ? [imageDimensions] : [],
-        [{
-            type: 'grid',
-            columns: 2,
+        [__assign(__assign({}, getDialogContainerType(info.classList.isSome() && info.hasImageCaption)), {
             items: flatten([
               classList.toArray(),
               info.hasImageCaption ? [caption] : []
             ])
-          }]
+          })]
       ]);
     };
     var makeTab$1 = function (info) {
@@ -1155,7 +1144,7 @@
       makeItems: makeItems
     };
 
-    var makeTab$2 = function (_info) {
+    var makeTab = function (_info) {
       var items = [{
           type: 'dropzone',
           name: 'fileinput'
@@ -1166,7 +1155,7 @@
         items: items
       };
     };
-    var UploadTab = { makeTab: makeTab$2 };
+    var UploadTab = { makeTab: makeTab };
 
     var createState = function (info) {
       return {
@@ -1298,11 +1287,22 @@
       var url = data.src.value;
       var meta = data.src.meta || {};
       if (!meta.width && !meta.height && info.hasDimensions) {
-        helpers.imageSize(url).then(function (size) {
-          if (state.open) {
-            api.setData({ dimensions: size });
-          }
-        });
+        if (isNotEmpty(url)) {
+          helpers.imageSize(url).then(function (size) {
+            if (state.open) {
+              api.setData({ dimensions: size });
+            }
+          }).catch(function (e) {
+            return console.error(e);
+          });
+        } else {
+          api.setData({
+            dimensions: {
+              width: '',
+              height: ''
+            }
+          });
+        }
       }
     };
     var updateImagesDropdown = function (info, state, api) {
@@ -1391,12 +1391,6 @@
         api.unblock();
       }, function (file) {
         var blobUri = URL.createObjectURL(file);
-        var uploader = Uploader({
-          url: info.url,
-          basePath: info.basePath,
-          credentials: info.credentials,
-          handler: info.handler
-        });
         var finalize = function () {
           api.unblock();
           URL.revokeObjectURL(blobUri);
@@ -1414,8 +1408,8 @@
         blobToDataUri(file).then(function (dataUrl) {
           var blobInfo = helpers.createBlobCache(file, blobUri, dataUrl);
           if (info.automaticUploads) {
-            uploader.upload(blobInfo).then(function (url) {
-              updateSrcAndSwitchTab(url);
+            helpers.uploadImage(blobInfo).then(function (result) {
+              updateSrcAndSwitchTab(result.url);
               finalize();
             }).catch(function (err) {
               finalize();
@@ -1515,12 +1509,19 @@
     };
     var imageSize = function (editor) {
       return function (url) {
-        return getImageSize(editor.documentBaseURI.toAbsolute(url)).then(function (dimensions) {
-          return {
-            width: String(dimensions.width),
-            height: String(dimensions.height)
-          };
-        });
+        if (!isSafeImageUrl(editor, url)) {
+          return global$4.resolve({
+            width: '',
+            height: ''
+          });
+        } else {
+          return getImageSize(editor.documentBaseURI.toAbsolute(url)).then(function (dimensions) {
+            return {
+              width: String(dimensions.width),
+              height: String(dimensions.height)
+            };
+          });
+        }
       };
     };
     var createBlobCache = function (editor) {
@@ -1529,6 +1530,7 @@
           blob: file,
           blobUri: blobUri,
           name: file.name ? file.name.replace(/\.[^\.]+$/, '') : null,
+          filename: file.name,
           base64: dataUrl.split(',')[1]
         });
       };
@@ -1543,9 +1545,9 @@
         editor.windowManager.alert(message);
       };
     };
-    var normalizeCss$1 = function (editor) {
+    var normalizeCss = function (editor) {
       return function (cssText) {
-        return normalizeCss(editor, cssText);
+        return normalizeCss$1(editor, cssText);
       };
     };
     var parseStyle = function (editor) {
@@ -1558,6 +1560,19 @@
         return editor.dom.serializeStyle(stylesArg, name);
       };
     };
+    var uploadImage = function (editor) {
+      return function (blobInfo) {
+        return global$1(editor).upload([blobInfo], false).then(function (results) {
+          if (results.length === 0) {
+            return global$4.reject('Failed to upload image');
+          } else if (results[0].status === false) {
+            return global$4.reject(results[0].error.message);
+          } else {
+            return results[0];
+          }
+        });
+      };
+    };
     var Dialog = function (editor) {
       var helpers = {
         onSubmit: submitHandler(editor),
@@ -1565,9 +1580,10 @@
         addToBlobCache: addToBlobCache(editor),
         createBlobCache: createBlobCache(editor),
         alertErr: alertErr(editor),
-        normalizeCss: normalizeCss$1(editor),
+        normalizeCss: normalizeCss(editor),
         parseStyle: parseStyle(editor),
-        serializeStyle: serializeStyle(editor)
+        serializeStyle: serializeStyle(editor),
+        uploadImage: uploadImage(editor)
       };
       var open = function () {
         collect(editor).then(makeDialog(helpers)).then(editor.windowManager.open);
@@ -1575,7 +1591,7 @@
       return { open: open };
     };
 
-    var register = function (editor) {
+    var register$1 = function (editor) {
       editor.addCommand('mceImage', Dialog(editor).open);
       editor.addCommand('mceUpdateImage', function (_ui, data) {
         editor.undoManager.transact(function () {
@@ -1598,7 +1614,7 @@
           var node = nodes[i];
           if (hasImageClass(node)) {
             node.attr('contenteditable', state ? 'false' : null);
-            global$4.each(node.getAll('figcaption'), toggleContentEditable);
+            global.each(node.getAll('figcaption'), toggleContentEditable);
           }
         }
       };
@@ -1610,12 +1626,13 @@
       });
     };
 
-    var register$1 = function (editor) {
+    var register = function (editor) {
       editor.ui.registry.addToggleButton('image', {
         icon: 'image',
         tooltip: 'Insert/edit image',
         onAction: Dialog(editor).open,
         onSetup: function (buttonApi) {
+          buttonApi.setActive(isNonNullable(getSelectedImage(editor)));
           return editor.selection.selectorChangedWithUnbind('img:not([data-mce-object],[data-mce-placeholder]),figure.image', buttonApi.setActive).unbind;
         }
       });
@@ -1632,10 +1649,10 @@
     };
 
     function Plugin () {
-      global.add('image', function (editor) {
+      global$6.add('image', function (editor) {
         setup(editor);
-        register$1(editor);
         register(editor);
+        register$1(editor);
       });
     }