jodit-pro 4.11.26 → 4.11.28

package/es2021/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.11.26
+ * Version: v4.11.28
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1721,7 +1721,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.11.26";
+ */ const APP_VERSION = "4.11.28";
 // prettier-ignore
 const ES = "es2021";
 const IS_ES_MODERN = true;
@@ -49136,12 +49136,17 @@ __webpack_require__.r(__webpack_exports__);
 
 class autocomplete extends jodit_esm_core_plugin__WEBPACK_IMPORTED_MODULE_9__.Plugin {
     get list() {
-        return new _ui_autocomplete__WEBPACK_IMPORTED_MODULE_3__.Autocomplete(this.jodit);
+        const list = new _ui_autocomplete__WEBPACK_IMPORTED_MODULE_3__.Autocomplete(this.jodit);
+        list.setDisplayMode(this.jodit.o.autocomplete.displayMode);
+        return list;
     }
     get popup() {
         const popup = new jodit_esm_core_ui_popup_popup__WEBPACK_IMPORTED_MODULE_10__.Popup(this.jodit);
         popup.setMod('padding', false);
         popup.setContent(this.list.container);
+        if (this.jodit.o.autocomplete.displayMode === 'inline') {
+            popup.setMod('autocomplete-inline', true);
+        }
         this.jodit.e.on(popup, 'beforeClose', ()=>{
             this.list.currentSelection = 0;
         });
@@ -49343,6 +49348,7 @@ jodit_pro_jodit_pro__WEBPACK_IMPORTED_MODULE_11__.JoditPro.plugins.add('autocomp
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
  */ 
 jodit_esm_config__WEBPACK_IMPORTED_MODULE_0__.Config.prototype.autocomplete = {
+    displayMode: 'list',
     sources: [],
     maxItems: 50,
     isMatchedQuery: (query, value)=>value.toLowerCase().indexOf(query.toLowerCase()) === 0,
@@ -49450,10 +49456,23 @@ class Autocomplete extends jodit_esm_core_ui_group_group__WEBPACK_IMPORTED_MODUL
     /** @override */ className() {
         return 'Autocomplete';
     }
+    setDisplayMode(mode) {
+        this.displayMode = mode;
+        this.setMod('displayMode', mode);
+    }
     onChangeSelection() {
-        this.elements.forEach((elm)=>elm.setMod('active', false));
-        this.elements[this.currentSelection]?.setMod('active', true);
-        this.elements[this.currentSelection]?.container.scrollIntoView(false);
+        this.elements.forEach((elm)=>{
+            elm.setMod('active', false);
+            elm.showShortcut(false);
+        });
+        const active = this.elements[this.currentSelection];
+        if (active) {
+            active.setMod('active', true);
+            if (this.displayMode === 'inline') {
+                active.showShortcut(true);
+            }
+            active.container.scrollIntoView(false);
+        }
     }
     build(list) {
         const currentValue = this.elements[this.currentSelection]?.item.value;
@@ -49543,7 +49562,7 @@ class Autocomplete extends jodit_esm_core_ui_group_group__WEBPACK_IMPORTED_MODUL
         this.j.e.fire('select.autocomplete', this.elements[this.currentSelection].item);
     }
     constructor(...args){
-        super(...args), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "elements", []), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "currentSelection", -1), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__previousList", []), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "itemsMap", new Map());
+        super(...args), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "elements", []), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "currentSelection", -1), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "displayMode", 'list'), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "__previousList", []), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "itemsMap", new Map());
     }
 }
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
@@ -49581,6 +49600,18 @@ class AutocompleteItem extends jodit_esm_core_ui_element__WEBPACK_IMPORTED_MODUL
     /** @override */ className() {
         return 'AutocompleteItem';
     }
+    showShortcut(show) {
+        if (show && !this.shortcutElm) {
+            const shortcut = this.j.c.element('span');
+            shortcut.className = 'jodit-autocomplete-item__shortcut';
+            shortcut.innerText = 'tab';
+            this.container.appendChild(shortcut);
+            this.shortcutElm = shortcut;
+        } else if (!show && this.shortcutElm) {
+            this.shortcutElm.remove();
+            this.shortcutElm = null;
+        }
+    }
     onClickPrevent(e) {
         e.preventDefault();
         e.stopPropagation();
@@ -49589,7 +49620,7 @@ class AutocompleteItem extends jodit_esm_core_ui_element__WEBPACK_IMPORTED_MODUL
         this.onClick(this.value);
     }
     constructor(jodit, item, onClick){
-        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "item", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "onClick", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "value", void 0), this.item = item, this.onClick = onClick, this.value = '';
+        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "item", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "onClick", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "value", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "shortcutElm", void 0), this.item = item, this.onClick = onClick, this.value = '', this.shortcutElm = null;
         const { container } = this;
         this.value = item.value;
         if ((0,jodit_esm_core_helpers_checker__WEBPACK_IMPORTED_MODULE_3__.isFunction)(item.itemRenderer)) {