jodit-pro 4.6.18 → 4.6.20

package/es2021.en/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v4.6.18
+ * Version: v4.6.20
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -6961,6 +6961,27 @@ ToolbarCollection = __decorate([
 
 
 
+/***/ }),
+
+/***/ 11691:
+/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
+
+/* harmony import */ var jodit_esm_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6441);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2025 Valeriy Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */
+
+jodit_esm_config__WEBPACK_IMPORTED_MODULE_0__/* .Config */ .T.prototype.autocomplete = {
+    sources: [],
+    maxItems: 50,
+    isMatchedQuery: (query, value) => value.toLowerCase().indexOf(query.toLowerCase()) === 0,
+    itemRenderer: (item) => item.title ?? item.value,
+    insertValueRenderer: (item) => item.value + '&nbsp;'
+};
+
+
 /***/ }),
 
 /***/ 11787:
@@ -25212,8 +25233,10 @@ function persistent(target, propertyKey) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   K: function() { return /* binding */ AutocompleteItem; }
 /* harmony export */ });
-/* harmony import */ var jodit_esm_core_helpers_checker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27613);
-/* harmony import */ var jodit_esm_core_ui_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(48538);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31635);
+/* harmony import */ var jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65478);
+/* harmony import */ var jodit_esm_core_helpers_checker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(27613);
+/* harmony import */ var jodit_esm_core_ui_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48538);
 /*!
  * Jodit Editor PRO (https://xdsoft.net/jodit/)
  * See LICENSE.md in the project root for license information.
@@ -25222,18 +25245,23 @@ function persistent(target, propertyKey) {
 
 
 
-class AutocompleteItem extends jodit_esm_core_ui_element__WEBPACK_IMPORTED_MODULE_1__/* .UIElement */ .D {
+
+
+let AutocompleteItem = class AutocompleteItem extends jodit_esm_core_ui_element__WEBPACK_IMPORTED_MODULE_3__/* .UIElement */ .D {
     /** @override */
     className() {
         return 'AutocompleteItem';
     }
-    constructor(jodit, item) {
+    constructor(jodit, item, onClick) {
         super(jodit);
         this.item = item;
+        this.onClick = onClick;
+        this.value = '';
         const { container } = this;
-        if ((0,jodit_esm_core_helpers_checker__WEBPACK_IMPORTED_MODULE_0__/* .isFunction */ .Tn)(item.itemRenderer)) {
+        this.value = item.value;
+        if ((0,jodit_esm_core_helpers_checker__WEBPACK_IMPORTED_MODULE_2__/* .isFunction */ .Tn)(item.itemRenderer)) {
             const elm = item.itemRenderer(item);
-            if ((0,jodit_esm_core_helpers_checker__WEBPACK_IMPORTED_MODULE_0__/* .isString */ .Kg)(elm)) {
+            if ((0,jodit_esm_core_helpers_checker__WEBPACK_IMPORTED_MODULE_2__/* .isString */ .Kg)(elm)) {
                 container.innerHTML = elm;
             }
             else {
@@ -25244,7 +25272,24 @@ class AutocompleteItem extends jodit_esm_core_ui_element__WEBPACK_IMPORTED_MODUL
             container.innerText = item.title ?? item.value;
         }
     }
-}
+    onClickPrevent(e) {
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    onClickHandler() {
+        this.onClick(this.value);
+    }
+};
+(0,tslib__WEBPACK_IMPORTED_MODULE_0__/* .__decorate */ .Cg)([
+    (0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('container:mousedown container:touchstart')
+], AutocompleteItem.prototype, "onClickPrevent", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_0__/* .__decorate */ .Cg)([
+    (0,jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_1__.watch)('container:click')
+], AutocompleteItem.prototype, "onClickHandler", null);
+AutocompleteItem = (0,tslib__WEBPACK_IMPORTED_MODULE_0__/* .__decorate */ .Cg)([
+    jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_1__.component
+], AutocompleteItem);
+
 
 
 /***/ }),
@@ -37637,32 +37682,50 @@ let Autocomplete = class Autocomplete extends jodit_esm_core_ui_group_group__WEB
         super(...arguments);
         this.elements = [];
         this.currentSelection = -1;
+        this.__previousList = [];
     }
     /** @override */
     className() {
         return 'Autocomplete';
     }
-    onChangeSelection(_, previous) {
-        previous != null && this.elements[previous]?.setMod('active', false);
-        this.elements[this.currentSelection].setMod('active', true);
-        this.elements[this.currentSelection].container.scrollIntoView(false);
+    onChangeSelection() {
+        this.elements.forEach((elm) => elm.setMod('active', false));
+        this.elements[this.currentSelection]?.setMod('active', true);
+        this.elements[this.currentSelection]?.container.scrollIntoView(false);
     }
     build(list) {
-        this.clear();
-        list.forEach((elm, index) => {
-            const item = new _item__WEBPACK_IMPORTED_MODULE_1__/* .AutocompleteItem */ .K(this.jodit, elm);
-            this.j.e
-                .on(item.container, 'mousedown touchstart', (e) => {
-                e.preventDefault();
-            })
-                .on(item.container, 'click', () => {
-                this.currentSelection = index;
+        const currentValue = this.elements[this.currentSelection]?.item.value;
+        const removed = [];
+        let elementIndex = -1;
+        for (let i = 0; i < list.length; i += 1) {
+            elementIndex += 1;
+            if (this.__previousList[i] != null &&
+                list[i].value === this.__previousList[i].value) {
+                continue;
+            }
+            if (this.elements[elementIndex]) {
+                removed.push(this.elements[elementIndex]);
+                elementIndex += 1;
+            }
+            const item = new _item__WEBPACK_IMPORTED_MODULE_1__/* .AutocompleteItem */ .K(this.jodit, list[i], (value) => {
+                this.currentSelection = list.findIndex((item) => item.value === value);
                 this.select();
             });
-            this.append(item);
+            this.append(item, elementIndex);
+        }
+        for (let fromIndex = elementIndex + 1; fromIndex < this.elements.length; fromIndex += 1) {
+            removed.push(this.elements[fromIndex]);
+        }
+        removed.forEach((item) => {
+            this.remove(item);
+            item.destruct();
         });
-        this.currentSelection = 0;
-        this.onChangeSelection();
+        const previosSelection = this.currentSelection;
+        this.currentSelection = Math.max(0, list.findIndex((elm) => elm.value === currentValue));
+        if (previosSelection === this.currentSelection) {
+            this.onChangeSelection();
+        }
+        this.__previousList = [...list];
     }
     selectNext() {
         if (this.currentSelection + 1 <= this.elements.length - 1) {
@@ -41601,7 +41664,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.6.18";
+ */ const APP_VERSION = "4.6.20";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -44376,9 +44439,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   autocomplete: function() { return /* binding */ autocomplete; }
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31635);
-/* harmony import */ var _ui_autocomplete__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(78630);
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(91876);
-/* harmony import */ var jodit_esm_config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6441);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11691);
+/* harmony import */ var _ui_autocomplete__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(78630);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(91876);
 /* harmony import */ var jodit_esm_core_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(82758);
 /* harmony import */ var jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65478);
 /* harmony import */ var jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2748);
@@ -44402,26 +44465,27 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-jodit_esm_config__WEBPACK_IMPORTED_MODULE_3__/* .Config */ .T.prototype.autocomplete = {
-    sources: [],
-    maxItems: 50,
-    isMatchedQuery: (query, value) => value.toLowerCase().indexOf(query.toLowerCase()) === 0,
-    itemRenderer: (item) => item.title ?? item.value,
-    insertValueRenderer: (item) => item.value + '&nbsp;'
-};
 class autocomplete extends jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_8__/* .Plugin */ .k {
-    constructor(jodit) {
-        super(jodit);
+    constructor() {
+        super(...arguments);
         /** @override */
         this.hasStyle = !jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_10__/* .JoditPro */ .A.fatMode;
         this.sources = [];
     }
+    get list() {
+        return new _ui_autocomplete__WEBPACK_IMPORTED_MODULE_2__/* .Autocomplete */ .j(this.jodit);
+    }
+    get popup() {
+        const popup = new jodit_esm_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_9__/* .Popup */ .z(this.jodit);
+        popup.setMod('padding', false);
+        popup.setContent(this.list.container);
+        this.jodit.e.on(popup, 'beforeClose', () => {
+            this.list.currentSelection = 0;
+        });
+        return popup;
+    }
     /** @override */
     afterInit(jodit) {
-        this.popup = new jodit_esm_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_9__/* .Popup */ .z(jodit);
-        this.popup.setMod('padding', false);
-        this.list = new _ui_autocomplete__WEBPACK_IMPORTED_MODULE_1__/* .Autocomplete */ .j(jodit);
-        this.popup.setContent(this.list.container);
         jodit.e
             .on('select.autocomplete', (item) => {
             let insertValue = item.value;
@@ -44431,7 +44495,7 @@ class autocomplete extends jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_8__/*
             if (!jodit_esm_core_dom_dom__WEBPACK_IMPORTED_MODULE_6__/* .Dom */ .J.isNode(insertValue)) {
                 insertValue = jodit.createInside.fromHTML(insertValue);
             }
-            (0,_helpers__WEBPACK_IMPORTED_MODULE_2__/* .replaceTextLeftOfCursorAfterSpace */ .s)(jodit.s.range, insertValue);
+            (0,_helpers__WEBPACK_IMPORTED_MODULE_3__/* .replaceTextLeftOfCursorAfterSpace */ .s)(jodit.s.range, insertValue);
             this.j.s.setCursorAfter(insertValue);
             this.j.synchronizeValues();
             this.popup.close();
@@ -44467,7 +44531,7 @@ class autocomplete extends jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_8__/*
         const range = this.j.s.sel?.rangeCount
             ? this.j.s.sel?.getRangeAt(0)
             : null;
-        const query = range && (0,_helpers__WEBPACK_IMPORTED_MODULE_2__/* .getTextLeftOfCursor */ .I)(range).split(' ').pop();
+        const query = range && (0,_helpers__WEBPACK_IMPORTED_MODULE_3__/* .getTextLeftOfCursor */ .I)(range).split(' ').pop();
         if (query && (0,jodit_esm_core_helpers__WEBPACK_IMPORTED_MODULE_7__.trim)(query).length) {
             const result = await this.onAutoComplete(query);
             if (result.length) {
@@ -44574,6 +44638,7 @@ class autocomplete extends jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_8__/*
     beforeDestruct(jodit) {
         jodit.e
             .off(this.list)
+            .off(this.popup)
             .off('keydown.autocomplete', this.onKeyDown)
             .off('autocomplete.autocomplete', this.onAutoComplete)
             .off('.autocomplete');
@@ -44583,6 +44648,12 @@ class autocomplete extends jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_8__/*
 }
 /** @override */
 autocomplete.requires = ['enter', 'license'];
+(0,tslib__WEBPACK_IMPORTED_MODULE_0__/* .__decorate */ .Cg)([
+    jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_5__.cache
+], autocomplete.prototype, "list", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_0__/* .__decorate */ .Cg)([
+    jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_5__.cache
+], autocomplete.prototype, "popup", null);
 (0,tslib__WEBPACK_IMPORTED_MODULE_0__/* .__decorate */ .Cg)([
     jodit_esm_core_decorators__WEBPACK_IMPORTED_MODULE_5__.autobind
 ], autocomplete.prototype, "registerAutocompleteSource", null);