jodit 4.12.7 → 4.12.8

package/es2021.en/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.12.7
+ * Version: v4.12.8
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -1802,7 +1802,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.12.7";
+ */ const APP_VERSION = "4.12.8";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -6174,6 +6174,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   colorToHex: function() { return /* reexport safe */ _color__WEBPACK_IMPORTED_MODULE_3__.colorToHex; },
 /* harmony export */   fuzzySearchIndex: function() { return /* reexport safe */ _string__WEBPACK_IMPORTED_MODULE_7__.fuzzySearchIndex; },
 /* harmony export */   getContentWidth: function() { return /* reexport safe */ _size__WEBPACK_IMPORTED_MODULE_6__.getContentWidth; },
+/* harmony export */   getFixedPositionOffset: function() { return /* reexport safe */ _size__WEBPACK_IMPORTED_MODULE_6__.getFixedPositionOffset; },
 /* harmony export */   getScrollParent: function() { return /* reexport safe */ _size__WEBPACK_IMPORTED_MODULE_6__.getScrollParent; },
 /* harmony export */   hasBrowserColorPicker: function() { return /* reexport safe */ _checker__WEBPACK_IMPORTED_MODULE_2__.hasBrowserColorPicker; },
 /* harmony export */   hasContainer: function() { return /* reexport safe */ _checker__WEBPACK_IMPORTED_MODULE_2__.hasContainer; },
@@ -6244,7 +6245,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _string__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(97642);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(93640);
 /* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _utils__WEBPACK_IMPORTED_MODULE_8__) if(["default","asArray","splitArray","toArray","clearTimeout","setTimeout","hasBrowserColorPicker","hasContainer","isAbortError","isArray","isBoolean","isDestructable","isEqual","isFastEqual","isFunction","isHTML","isHtmlFromWord","isInitable","isInt","isJoditObject","isLicense","isMarker","isNativeFunction","isNumber","isNumeric","isPlainObject","isPromise","isSet","isString","isStringArray","isURL","isValidName","isViewObject","isVoid","isWindow","colorToHex","applyStyles","cleanFromWord","htmlspecialchars","nl2br","safeHTML","sanitizeHTMLElement","stripTags","NUMBER_FIELDS_REG","normalizeColor","normalizeCssNumericValue","normalizeCssValue","normalizeKeyAliases","normalizeLicense","normalizePath","normalizeRelativePath","normalizeSize","normalizeUrl","getContentWidth","getScrollParent","innerWidth","offset","position","size","CamelCaseToKebabCase","camelCase","fuzzySearchIndex","i18n","kebabCase","sprintf","stringify","trim","trimChars","trimInv","ucfirst"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = function(key) { return _utils__WEBPACK_IMPORTED_MODULE_8__[key]; }.bind(0, __WEBPACK_IMPORT_KEY__)
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _utils__WEBPACK_IMPORTED_MODULE_8__) if(["default","asArray","splitArray","toArray","clearTimeout","setTimeout","hasBrowserColorPicker","hasContainer","isAbortError","isArray","isBoolean","isDestructable","isEqual","isFastEqual","isFunction","isHTML","isHtmlFromWord","isInitable","isInt","isJoditObject","isLicense","isMarker","isNativeFunction","isNumber","isNumeric","isPlainObject","isPromise","isSet","isString","isStringArray","isURL","isValidName","isViewObject","isVoid","isWindow","colorToHex","applyStyles","cleanFromWord","htmlspecialchars","nl2br","safeHTML","sanitizeHTMLElement","stripTags","NUMBER_FIELDS_REG","normalizeColor","normalizeCssNumericValue","normalizeCssValue","normalizeKeyAliases","normalizeLicense","normalizePath","normalizeRelativePath","normalizeSize","normalizeUrl","getContentWidth","getFixedPositionOffset","getScrollParent","innerWidth","offset","position","size","CamelCaseToKebabCase","camelCase","fuzzySearchIndex","i18n","kebabCase","sprintf","stringify","trim","trimChars","trimInv","ucfirst"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = function(key) { return _utils__WEBPACK_IMPORTED_MODULE_8__[key]; }.bind(0, __WEBPACK_IMPORT_KEY__)
 /* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -6625,6 +6626,58 @@ function normalizeCssValue(key, value) {
 };
 
 
+/***/ }),
+
+/***/ 2373:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getFixedPositionOffset: function() { return /* binding */ getFixedPositionOffset; }
+/* harmony export */ });
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
+ */ /**
+ * @module helpers/size
+ */ /**
+ * Whether the element establishes a containing block for its
+ * `position: fixed` descendants, so their coordinates become relative to it
+ * instead of the viewport.
+ */ function isContainingBlockForFixed(style) {
+    return style.transform !== '' && style.transform !== 'none' || style.perspective !== '' && style.perspective !== 'none' || style.filter !== '' && style.filter !== 'none' || style.willChange === 'transform' || style.willChange === 'perspective' || style.willChange === 'filter' || style.contain === 'paint' || style.contain === 'layout' || style.contain === 'strict' || style.contain === 'content';
+}
+/**
+ * Returns the viewport offset of the containing block of a `position: fixed`
+ * descendant of `elm`. A fixed element is normally positioned relative to the
+ * viewport, but an ancestor with `transform`, `filter`, `perspective`, etc.
+ * establishes a new containing block, shifting the fixed element by that
+ * ancestor's top-left corner. The returned offset should be subtracted from
+ * the desired viewport coordinates before applying them.
+ *
+ * Returns `{ x: 0, y: 0 }` when no such ancestor exists (the common case), so
+ * call sites keep their previous behaviour unchanged.
+ */ function getFixedPositionOffset(elm) {
+    const win = elm.ownerDocument?.defaultView;
+    let node = elm.parentElement;
+    while(win && node){
+        if (isContainingBlockForFixed(win.getComputedStyle(node))) {
+            const rect = node.getBoundingClientRect();
+            return {
+                x: rect.left,
+                y: rect.top
+            };
+        }
+        node = node.parentElement;
+    }
+    return {
+        x: 0,
+        y: 0
+    };
+}
+
+
 /***/ }),
 
 /***/ 34027:
@@ -6668,18 +6721,20 @@ function getScrollParent(node) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   getContentWidth: function() { return /* reexport safe */ _get_content_width__WEBPACK_IMPORTED_MODULE_0__.getContentWidth; },
-/* harmony export */   getScrollParent: function() { return /* reexport safe */ _get_scroll_parent__WEBPACK_IMPORTED_MODULE_1__.getScrollParent; },
-/* harmony export */   innerWidth: function() { return /* reexport safe */ _inner_width__WEBPACK_IMPORTED_MODULE_2__.innerWidth; },
-/* harmony export */   offset: function() { return /* reexport safe */ _offset__WEBPACK_IMPORTED_MODULE_4__.offset; },
-/* harmony export */   position: function() { return /* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_5__.position; },
-/* harmony export */   size: function() { return /* reexport safe */ _object_size__WEBPACK_IMPORTED_MODULE_3__.size; }
+/* harmony export */   getFixedPositionOffset: function() { return /* reexport safe */ _get_fixed_position_offset__WEBPACK_IMPORTED_MODULE_1__.getFixedPositionOffset; },
+/* harmony export */   getScrollParent: function() { return /* reexport safe */ _get_scroll_parent__WEBPACK_IMPORTED_MODULE_2__.getScrollParent; },
+/* harmony export */   innerWidth: function() { return /* reexport safe */ _inner_width__WEBPACK_IMPORTED_MODULE_3__.innerWidth; },
+/* harmony export */   offset: function() { return /* reexport safe */ _offset__WEBPACK_IMPORTED_MODULE_5__.offset; },
+/* harmony export */   position: function() { return /* reexport safe */ _position__WEBPACK_IMPORTED_MODULE_6__.position; },
+/* harmony export */   size: function() { return /* reexport safe */ _object_size__WEBPACK_IMPORTED_MODULE_4__.size; }
 /* harmony export */ });
 /* harmony import */ var _get_content_width__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(54447);
-/* harmony import */ var _get_scroll_parent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34027);
-/* harmony import */ var _inner_width__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(83215);
-/* harmony import */ var _object_size__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18073);
-/* harmony import */ var _offset__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69143);
-/* harmony import */ var _position__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23599);
+/* harmony import */ var _get_fixed_position_offset__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2373);
+/* harmony import */ var _get_scroll_parent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(34027);
+/* harmony import */ var _inner_width__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83215);
+/* harmony import */ var _object_size__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18073);
+/* harmony import */ var _offset__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69143);
+/* harmony import */ var _position__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(23599);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -6694,6 +6749,7 @@ function getScrollParent(node) {
 
 
 
+
 /***/ }),
 
 /***/ 83215:
@@ -13703,9 +13759,10 @@ UIButtonGroup = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decor
 /* harmony import */ var jodit_core_decorators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(84839);
 /* harmony import */ var jodit_core_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27795);
 /* harmony import */ var jodit_core_global__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28077);
-/* harmony import */ var jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(23599);
-/* harmony import */ var jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(93640);
-/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(96007);
+/* harmony import */ var jodit_core_helpers_size_get_fixed_position_offset__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2373);
+/* harmony import */ var jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23599);
+/* harmony import */ var jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(93640);
+/* harmony import */ var jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(96007);
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -13724,6 +13781,7 @@ UIButtonGroup = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decor
 
 
 
+
 const WINDOW_EVENTS_ON_HIDE = [
     'scroll.tooltip',
     'joditCloseDialog',
@@ -13738,7 +13796,7 @@ const JODIT_EVENTS_ON_HIDE = [
     'beforePopupClose.tooltip',
     'closeAllPopups.tooltip'
 ];
-class UITooltip extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_8__.UIElement {
+class UITooltip extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_9__.UIElement {
     className() {
         return 'UITooltip';
     }
@@ -13784,11 +13842,11 @@ class UITooltip extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_8__.UIEle
         if (!jodit_core_dom__WEBPACK_IMPORTED_MODULE_4__.Dom.isHTMLElement(e.target)) {
             return;
         }
-        const tooltip = (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_7__.attr)(e.target, 'aria-label');
+        const tooltip = (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_8__.attr)(e.target, 'aria-label');
         if (!tooltip) {
             return;
         }
-        const disabled = Boolean((0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_7__.attr)(e.target, 'disabled'));
+        const disabled = Boolean((0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_8__.attr)(e.target, 'disabled'));
         if (disabled) {
             return;
         }
@@ -13799,7 +13857,7 @@ class UITooltip extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_8__.UIEle
         this.__currentTarget = e.target;
         const target = e.target;
         this.__open(()=>{
-            const pos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_6__.position)(target);
+            const pos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_7__.position)(target);
             return {
                 x: pos.left + pos.width / 2,
                 y: pos.top + pos.height
@@ -13823,18 +13881,23 @@ class UITooltip extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_8__.UIEle
         this.setMod('above', false);
         this.getElm('content').innerHTML = content;
         const point = getPoint();
-        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_7__.css)(this.container, {
-            left: point.x,
-            top: point.y
-        });
-        const tooltipPos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_6__.position)(this.container);
+        // The tooltip is `position: fixed`. If it is rendered inside an ancestor
+        // with a `transform` (e.g. an editor placed in a modal/flyout), that
+        // ancestor becomes the containing block, so viewport coordinates must be
+        // shifted by its offset. Returns `{0, 0}` when there is no such ancestor.
+        const offset = (0,jodit_core_helpers_size_get_fixed_position_offset__WEBPACK_IMPORTED_MODULE_6__.getFixedPositionOffset)(this.container);
+        (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_8__.css)(this.container, {
+            left: point.x - offset.x,
+            top: point.y - offset.y
+        });
+        const tooltipPos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_7__.position)(this.container);
         const viewHeight = this.j.ow.innerHeight;
         // If tooltip overflows below viewport, show it above the target
         if (tooltipPos.top + tooltipPos.height > viewHeight) {
-            const targetPos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_6__.position)(this.__currentTarget);
+            const targetPos = (0,jodit_core_helpers_size_position__WEBPACK_IMPORTED_MODULE_7__.position)(this.__currentTarget);
             this.setMod('above', true);
-            (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_7__.css)(this.container, {
-                top: targetPos.top - tooltipPos.height
+            (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_8__.css)(this.container, {
+                top: targetPos.top - tooltipPos.height - offset.y
             });
         }
     }
@@ -13846,7 +13909,7 @@ class UITooltip extends jodit_core_ui_element__WEBPACK_IMPORTED_MODULE_8__.UIEle
             this.__isOpened = false;
             this.setMod('visible', false);
             this.getElm('content').innerHTML = '';
-            (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_7__.css)(this.container, {
+            (0,jodit_core_helpers_utils__WEBPACK_IMPORTED_MODULE_8__.css)(this.container, {
                 left: -5000
             });
         }
@@ -15782,9 +15845,13 @@ class Popup extends jodit_core_ui_group_group__WEBPACK_IMPORTED_MODULE_9__.UIGro
         }
         const [pos, strategy] = this.__calculatePosition(this.__targetBound(), this.viewBound(), (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.position)(this.container, this.j));
         this.setMod('strategy', strategy);
+        // The popup is `position: fixed`; shift by the containing-block offset
+        // when it is rendered inside a transformed ancestor (e.g. a modal),
+        // otherwise `{0, 0}` keeps the viewport coordinates unchanged.
+        const offset = (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.getFixedPositionOffset)(this.container);
         (0,jodit_core_helpers__WEBPACK_IMPORTED_MODULE_6__.css)(this.container, {
-            left: pos.left,
-            top: pos.top
+            left: pos.left - offset.x,
+            top: pos.top - offset.y
         });
         this.__childrenPopups.forEach((popup)=>popup.updatePosition());
         return this;