jodit 4.0.0-beta.84 → 4.0.0-beta.85

package/esm/core/ui/group/list.js

@@ -99,7 +99,14 @@ export let UIList = class UIList extends UIGroup {
                 }
                 default:
                     lastBtnSeparator = false;
-                    elm = this.makeButton(control, target);
+                    switch (control.component) {
+                        case 'select':
+                            elm = this.makeSelect(control, target);
+                            break;
+                        case 'button':
+                        default:
+                            elm = this.makeButton(control, target);
+                    }
             }
             if (elm) {
                 if (!group) {
@@ -134,11 +141,16 @@ export let UIList = class UIList extends UIGroup {
         this.update();
         return this;
     }
+    makeSelect(control, target) {
+        throw new Error('Not implemented behaviour');
+    }
     /**
      * Create button instance
      */
     makeButton(control, target) {
-        return new UIButton(this.j);
+        return new UIButton(this.j, {
+            name: control.name
+        });
     }
 };
 __decorate([

package/esm/core/ui/helpers/get-control-type.js

@@ -3,7 +3,7 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-import { ConfigFlatten, isString } from "jodit/esm/core/helpers/index.js";
+import { ConfigFlatten, isArray, isString } from "jodit/esm/core/helpers/index.js";
 import { Config } from "jodit/esm/config.js";
 /**
  * Get control for button name
@@ -47,10 +47,17 @@ export function findControlType(path, controls) {
     else {
         key = namespaceOrKey;
     }
+    const list = store[key]?.list;
     return store[key]
         ? {
             name: key,
-            ...ConfigFlatten(store[key])
+            ...ConfigFlatten(store[key]),
+            list: isArray(list)
+                ? list.reduce((acc, k) => {
+                    acc[k] = k;
+                    return acc;
+                }, {})
+                : list
         }
         : undefined;
 }

package/esm/core/ui/popup/popup.d.ts

@@ -10,18 +10,17 @@
  */
 
 import type { IBound, IPopup, IUIElement, IViewBased, PopupStrategy } from "jodit/esm/types";
-import { UIElement } from "jodit/esm/core/ui/element";
+import { UIGroup } from "jodit/esm/core/ui/group/group";
 type getBoundFunc = () => IBound;
-export declare class Popup extends UIElement implements IPopup {
+export declare class Popup extends UIGroup implements IPopup {
     readonly smart: boolean;
-    /** @override */
     className(): string;
     isOpened: boolean;
     strategy: PopupStrategy;
+    protected appendChildToContainer(childContainer: HTMLElement): void;
     viewBound: () => IBound;
-    private targetBound;
-    private childrenPopups;
-    /** @override */
+    private __targetBound;
+    private __childrenPopups;
     updateParentElement(target: IUIElement): this;
     /**
      * Set popup content
@@ -31,7 +30,7 @@ export declare class Popup extends UIElement implements IPopup {
      * Open popup near with some bound
      */
     open(getBound: getBoundFunc, keepPosition?: boolean, parentContainer?: HTMLElement): this;
-    private calculateZIndex;
+    private __calculateZIndex;
     /**
      * Calculate static bound for point
      */
@@ -40,11 +39,11 @@ export declare class Popup extends UIElement implements IPopup {
      * Update container position
      */
     updatePosition(): this;
-    throttleUpdatePosition(): void;
+    private __throttleUpdatePosition;
     /**
      * Calculate start point
      */
-    private calculatePosition;
+    private __calculatePosition;
     /**
      * Check if one box is inside second
      */
@@ -56,15 +55,16 @@ export declare class Popup extends UIElement implements IPopup {
     /**
      * Close popup if click was in outside
      */
-    private closeOnOutsideClick;
+    private __closeOnOutsideClick;
     isOwnClick(e: MouseEvent): boolean;
-    private addGlobalListeners;
-    private removeGlobalListeners;
+    private __addGlobalListeners;
+    private __removeGlobalListeners;
     /**
      * Set ZIndex
      */
     setZIndex(index: number | string): void;
     constructor(jodit: IViewBased, smart?: boolean);
+    render(): string;
     /** @override **/
     destruct(): any;
 }

package/esm/core/ui/popup/popup.js

@@ -21,6 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Dom } from "jodit/esm/core/dom/dom.js";
 import { attr, css, isString, kebabCase, markOwner, position, ucfirst } from "jodit/esm/core/helpers/index.js";
 import { assert } from "jodit/esm/core/helpers/utils/assert.js";
+import { UIGroup } from "jodit/esm/core/ui/group/group.js";
 import { UIElement } from "jodit/esm/core/ui/element.js";
 import { autobind, throttle } from "jodit/esm/core/decorators/index.js";
 import { Component } from "jodit/esm/core/component/component.js";
@@ -32,25 +33,28 @@ const EVENTS_FOR_AUTOCLOSE = [
     'backSpaceAfterDelete',
     'beforeCommandDelete'
 ];
-export class Popup extends UIElement {
-    /** @override */
+export class Popup extends UIGroup {
     className() {
         return 'Popup';
     }
-    /** @override */
+    appendChildToContainer(childContainer) {
+        const content = this.getElm('content');
+        assert(content, 'Content element should exist');
+        content.appendChild(childContainer);
+    }
     updateParentElement(target) {
         if (target !== this && Component.isInstanceOf(target, Popup)) {
-            this.childrenPopups.forEach(popup => {
+            this.__childrenPopups.forEach(popup => {
                 if (!target.closest(popup) && popup.isOpened) {
                     popup.close();
                 }
             });
-            if (!this.childrenPopups.has(target)) {
+            if (!this.__childrenPopups.has(target)) {
                 this.j.e.on(target, 'beforeClose', () => {
-                    this.childrenPopups.delete(target);
+                    this.__childrenPopups.delete(target);
                 });
             }
-            this.childrenPopups.add(target);
+            this.__childrenPopups.add(target);
         }
         return super.updateParentElement(target);
     }
@@ -58,21 +62,18 @@ export class Popup extends UIElement {
      * Set popup content
      */
     setContent(content) {
-        Dom.detach(this.container);
-        const box = this.j.c.div(`${this.componentName}__content`);
-        let elm;
-        if (Component.isInstanceOf(content, UIElement)) {
-            elm = content.container;
-            content.parentElement = this;
+        if (this.allChildren.length) {
+            throw new Error('Remove children');
         }
-        else if (isString(content)) {
-            elm = this.j.c.fromHTML(content);
+        if (Component.isInstanceOf(content, UIElement)) {
+            this.append(content);
         }
         else {
-            elm = content;
+            const elm = isString(content)
+                ? this.j.c.fromHTML(content)
+                : content;
+            this.appendChildToContainer(elm);
         }
-        box.appendChild(elm);
-        this.container.appendChild(box);
         this.updatePosition();
         return this;
     }
@@ -81,10 +82,10 @@ export class Popup extends UIElement {
      */
     open(getBound, keepPosition = false, parentContainer) {
         markOwner(this.jodit, this.container);
-        this.calculateZIndex();
+        this.__calculateZIndex();
         this.isOpened = true;
-        this.addGlobalListeners();
-        this.targetBound = !keepPosition
+        this.__addGlobalListeners();
+        this.__targetBound = !keepPosition
             ? getBound
             : this.getKeepBound(getBound);
         if (parentContainer) {
@@ -101,7 +102,7 @@ export class Popup extends UIElement {
         this.j.e.fire('afterOpenPopup', this);
         return this;
     }
-    calculateZIndex() {
+    __calculateZIndex() {
         if (this.container.style.zIndex) {
             return;
         }
@@ -166,22 +167,22 @@ export class Popup extends UIElement {
         if (!this.isOpened) {
             return this;
         }
-        const [pos, strategy] = this.calculatePosition(this.targetBound(), this.viewBound(), position(this.container, this.j));
+        const [pos, strategy] = this.__calculatePosition(this.__targetBound(), this.viewBound(), position(this.container, this.j));
         this.setMod('strategy', strategy);
         css(this.container, {
             left: pos.left,
             top: pos.top
         });
-        this.childrenPopups.forEach(popup => popup.updatePosition());
+        this.__childrenPopups.forEach(popup => popup.updatePosition());
         return this;
     }
-    throttleUpdatePosition() {
+    __throttleUpdatePosition() {
         this.updatePosition();
     }
     /**
      * Calculate start point
      */
-    calculatePosition(target, view, container, defaultStrategy = this.strategy) {
+    __calculatePosition(target, view, container, defaultStrategy = this.strategy) {
         const x = {
             left: target.left,
             right: target.left - (container.width - target.width)
@@ -242,17 +243,17 @@ export class Popup extends UIElement {
             return this;
         }
         this.isOpened = false;
-        this.childrenPopups.forEach(popup => popup.close());
+        this.__childrenPopups.forEach(popup => popup.close());
         this.j.e.fire(this, 'beforeClose');
         this.j.e.fire('beforePopupClose', this);
-        this.removeGlobalListeners();
+        this.__removeGlobalListeners();
         Dom.safeRemove(this.container);
         return this;
     }
     /**
      * Close popup if click was in outside
      */
-    closeOnOutsideClick(e) {
+    __closeOnOutsideClick(e) {
         if (!this.isOpened || this.isOwnClick(e)) {
             return;
         }
@@ -265,14 +266,14 @@ export class Popup extends UIElement {
         const box = UIElement.closestElement(e.target, Popup);
         return Boolean(box && (this === box || box.closest(this)));
     }
-    addGlobalListeners() {
-        const up = this.throttleUpdatePosition, ow = this.ow;
+    __addGlobalListeners() {
+        const up = this.__throttleUpdatePosition, ow = this.ow;
         eventEmitter.on('closeAllPopups', this.close);
         if (this.smart) {
             this.j.e
                 .on(EVENTS_FOR_AUTOCLOSE, this.close)
-                .on('mousedown touchstart', this.closeOnOutsideClick)
-                .on(ow, 'mousedown touchstart', this.closeOnOutsideClick);
+                .on('mousedown touchstart', this.__closeOnOutsideClick)
+                .on(ow, 'mousedown touchstart', this.__closeOnOutsideClick);
         }
         this.j.e
             .on('closeAllPopups', this.close)
@@ -284,14 +285,14 @@ export class Popup extends UIElement {
             box && this.j.e.on(box, 'scroll mousewheel', up);
         });
     }
-    removeGlobalListeners() {
-        const up = this.throttleUpdatePosition, ow = this.ow;
+    __removeGlobalListeners() {
+        const up = this.__throttleUpdatePosition, ow = this.ow;
         eventEmitter.off('closeAllPopups', this.close);
         if (this.smart) {
             this.j.e
                 .off(EVENTS_FOR_AUTOCLOSE, this.close)
-                .off('mousedown touchstart', this.closeOnOutsideClick)
-                .off(ow, 'mousedown touchstart', this.closeOnOutsideClick);
+                .off('mousedown touchstart', this.__closeOnOutsideClick)
+                .off(ow, 'mousedown touchstart', this.__closeOnOutsideClick);
         }
         this.j.e
             .off('closeAllPopups', this.close)
@@ -321,9 +322,14 @@ export class Popup extends UIElement {
             width: this.ow.innerWidth,
             height: this.ow.innerHeight
         });
-        this.childrenPopups = new Set();
+        this.__childrenPopups = new Set();
         attr(this.container, 'role', 'popup');
     }
+    render() {
+        return `<div>
+			<div class="&__content"></div>
+		</div>`;
+    }
     /** @override **/
     destruct() {
         this.close();
@@ -336,10 +342,10 @@ __decorate([
 __decorate([
     throttle(10),
     autobind
-], Popup.prototype, "throttleUpdatePosition", null);
+], Popup.prototype, "__throttleUpdatePosition", null);
 __decorate([
     autobind
 ], Popup.prototype, "close", null);
 __decorate([
     autobind
-], Popup.prototype, "closeOnOutsideClick", null);
+], Popup.prototype, "__closeOnOutsideClick", null);

package/esm/modules/file-browser/config.js

@@ -283,7 +283,7 @@ Config.prototype.controls.filebrowser = {
     },
     filter: {
         isInput: true,
-        getContent: (filebrowser, _, b) => {
+        getContent: (filebrowser, b) => {
             const oldInput = b.container.querySelector('.jodit-input');
             if (oldInput) {
                 return oldInput;

package/esm/modules/image-editor/config.d.ts

@@ -3,6 +3,9 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
+/**
+ * @module modules/image-editor
+ */
 import type { ImageEditorOptions } from "jodit/esm/types";
 declare module 'jodit/config' {
     interface Config {

package/esm/modules/toolbar/button/button.d.ts

@@ -42,11 +42,11 @@ export declare class ToolbarButton<T extends IViewBased = IViewBased> extends UI
     /**
      * Calculates whether the button is active
      */
-    private calculateActivatedStatus;
+    private __calculateActivatedStatus;
     /**
      * Calculates whether an element is blocked for the user
      */
-    private calculateDisabledStatus;
+    private __calculateDisabledStatus;
     /** @override */
     protected onChangeActivated(): void;
     /** @override */
@@ -63,7 +63,7 @@ export declare class ToolbarButton<T extends IViewBased = IViewBased> extends UI
     /**
      * Init constant data from control
      */
-    private __initFromControl;
+    protected __initFromControl(): void;
     /**
      * Click on trigger button
      */
@@ -72,10 +72,10 @@ export declare class ToolbarButton<T extends IViewBased = IViewBased> extends UI
     /**
      * Create and open popup list
      */
-    private openControlList;
+    private __openControlList;
     protected onOutsideClick(e: MouseEvent): void;
     private openPopup;
-    private closePopup;
+    private __closePopup;
     /**
      * Click handler
      */

package/esm/modules/toolbar/button/button.js

@@ -41,25 +41,26 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
     }
     /** @override **/
     update() {
-        // @ts-ignore
-        window.__onupdate = (window.__onupdate ?? 0) + 1;
         const { control, state } = this, tc = this.closest(ToolbarCollection);
-        state.disabled = this.calculateDisabledStatus(tc);
-        state.activated = this.calculateActivatedStatus(tc);
-        if (isFunction(control.update) && tc) {
-            control.update(this, tc.jodit);
+        if (!tc) {
+            return;
+        }
+        const value = control.value?.(tc.jodit, this);
+        if (value !== undefined) {
+            state.value = value;
         }
-        super.update();
+        state.disabled = this.__calculateDisabledStatus(tc);
+        state.activated = this.__calculateActivatedStatus(tc);
+        control.update?.(tc.jodit, this);
     }
     /**
      * Calculates whether the button is active
      */
-    calculateActivatedStatus(tc) {
+    __calculateActivatedStatus(tc) {
         if (isJoditObject(this.j) && !this.j.editorIsActive) {
             return false;
         }
-        if (isFunction(this.control.isActive) &&
-            this.control.isActive(this.j, this.control, this)) {
+        if (this.control.isActive?.(this.j, this)) {
             return true;
         }
         return Boolean(tc && tc.shouldBeActive(this));
@@ -67,7 +68,7 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
     /**
      * Calculates whether an element is blocked for the user
      */
-    calculateDisabledStatus(tc) {
+    __calculateDisabledStatus(tc) {
         if (this.j.o.disabled) {
             return true;
         }
@@ -76,8 +77,7 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
                 !this.j.o.activeButtonsInReadOnly.includes(this.control.name))) {
             return true;
         }
-        if (isFunction(this.control.isDisabled) &&
-            this.control.isDisabled(this.j, this.control, this)) {
+        if (this.control.isDisabled?.(this.j, this)) {
             return true;
         }
         return Boolean(tc && tc.shouldBeDisabled(this));
@@ -212,7 +212,7 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
      */
     onTriggerClick(e) {
         if (this.openedPopup) {
-            this.closePopup();
+            this.__closePopup();
             return;
         }
         const { control: ctr } = this;
@@ -220,14 +220,14 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
             actionTrigger: this
         };
         if (ctr.list) {
-            return this.openControlList(ctr);
+            return this.__openControlList(ctr);
         }
         if (isFunction(ctr.popup)) {
             const popup = this.openPopup();
             popup.parentElement = this;
             if (this.j.e.fire(camelCase(`before-${ctr.name}-open-popup`), this.target, ctr, popup) !== false) {
                 const target = this.toolbar?.getTarget(this) ?? this.target ?? null;
-                const elm = ctr.popup(this.j, target, ctr, this.closePopup, this);
+                const elm = ctr.popup(this.j, target, this.__closePopup, this);
                 if (elm) {
                     popup
                         .setContent(isString(elm) ? this.j.c.fromHTML(elm) : elm)
@@ -248,7 +248,7 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
     /**
      * Create and open popup list
      */
-    openControlList(control) {
+    __openControlList(control) {
         const controls = this.jodit.options.controls ?? {}, getControl = (key) => findControlType(key, controls);
         const list = control.list, menu = this.openPopup(), toolbar = makeCollection(this.j);
         menu.parentElement = this;
@@ -287,6 +287,7 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
                 data: control.data,
                 command: control.command,
                 isActive: control.isChildActive,
+                value: control.value,
                 isDisabled: control.isChildDisabled,
                 mode: control.mode,
                 args: [...(control.args ? control.args : []), key, value]
@@ -299,7 +300,7 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
         toolbar.build(isArray(list)
             ? list.map(getButton)
             : keys(list, false).map(key => getButton(key, list[key])), this.target);
-        menu.setContent(toolbar.container).open(() => position(this.container), false, this.j.o.allowTabNavigation ? this.container : undefined);
+        menu.setContent(toolbar).open(() => position(this.container), false, this.j.o.allowTabNavigation ? this.container : undefined);
         this.state.activated = true;
     }
     onOutsideClick(e) {
@@ -310,18 +311,18 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
             !Dom.isNode(e.target) ||
             (!Dom.isOrContains(this.container, e.target) &&
                 !this.openedPopup.isOwnClick(e))) {
-            this.closePopup();
+            this.__closePopup();
         }
     }
     openPopup() {
-        this.closePopup();
+        this.__closePopup();
         this.openedPopup = new Popup(this.j, false);
         this.j.e
             .on(this.ow, 'mousedown touchstart', this.onOutsideClick)
             .on('escape closeAllPopups', this.onOutsideClick);
         return this.openedPopup;
     }
-    closePopup() {
+    __closePopup() {
         if (this.openedPopup) {
             this.j.e
                 .off(this.ow, 'mousedown touchstart', this.onOutsideClick)
@@ -360,7 +361,7 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
             }
         }
         if (ctr.list) {
-            return this.openControlList(ctr);
+            return this.__openControlList(ctr);
         }
         if (isFunction(ctr.popup)) {
             return this.onTriggerClick(originalEvent);
@@ -373,7 +374,7 @@ export let ToolbarButton = class ToolbarButton extends UIButton {
         }
     }
     destruct() {
-        this.closePopup();
+        this.__closePopup();
         return super.destruct();
     }
 };
@@ -391,7 +392,7 @@ __decorate([
 ], ToolbarButton.prototype, "onOutsideClick", null);
 __decorate([
     autobind
-], ToolbarButton.prototype, "closePopup", null);
+], ToolbarButton.prototype, "__closePopup", null);
 ToolbarButton = __decorate([
     component
 ], ToolbarButton);

package/esm/modules/toolbar/button/content.js

@@ -27,7 +27,7 @@ export let ToolbarContent = class ToolbarContent extends UIButton {
     }
     /** @override */
     update() {
-        const content = this.control.getContent(this.j, this.control, this);
+        const content = this.control.getContent(this.j, this);
         if (isString(content) || content.parentNode !== this.container) {
             Dom.detach(this.container);
             this.container.appendChild(isString(content) ? this.j.create.fromHTML(content) : content);

package/esm/modules/toolbar/button/index.d.ts

@@ -8,3 +8,4 @@
  */
 export * from "./button";
 export * from "./content";
+export * from "./select/select";

package/esm/modules/toolbar/button/index.js

@@ -8,3 +8,4 @@
  */
 export * from "./button";
 export * from "./content";
+export * from "./select/select";

package/esm/modules/toolbar/button/select/select.d.ts

@@ -0,0 +1,15 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+/**
+ * @module modules/toolbar/button
+ */
+
+import type { IViewBased } from "jodit/esm/types";
+import { ToolbarButton } from "../button";
+export declare class ToolbarSelect<T extends IViewBased = IViewBased> extends ToolbarButton<T> {
+    className(): string;
+    update(): void;
+}

package/esm/modules/toolbar/button/select/select.js

@@ -0,0 +1,47 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @module modules/toolbar/button
+ */
+import { component } from "jodit/esm/core/decorators/index.js";
+import { isString } from "jodit/esm/core/helpers/checker/is-string.js";
+import { ToolbarButton } from "../button";
+export let ToolbarSelect = class ToolbarSelect extends ToolbarButton {
+    className() {
+        return 'ToolbarSelect';
+    }
+    update() {
+        super.update();
+        this.state.icon.name = '';
+        const { list, data } = this.control;
+        if (list) {
+            let key = this.state.value ||
+                (data && isString(data.currentValue)
+                    ? data.currentValue
+                    : undefined);
+            if (!key) {
+                const keys = Object.keys(list);
+                key = keys[0];
+            }
+            const text = (list[key.toString()] || key).toString();
+            this.state.text =
+                this.control.textTemplate?.(this.jodit, text) ?? text;
+        }
+    }
+};
+ToolbarSelect = __decorate([
+    component
+], ToolbarSelect);

package/esm/modules/toolbar/collection/collection.d.ts

@@ -20,6 +20,7 @@ export declare class ToolbarCollection<T extends IViewWithToolbar = IViewWithToo
      */
     get firstButton(): Nullable<IToolbarButton>;
     protected makeButton(control: IControlTypeStrong, target?: Nullable<HTMLElement>): IUIButton;
+    protected makeSelect(control: IControlTypeStrong, target?: Nullable<HTMLElement>): IUIButton;
     /**
      * Button should be active
      */

package/esm/modules/toolbar/collection/collection.js

@@ -21,7 +21,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { error } from "jodit/esm/core/helpers/utils/error/error.js";
 import { UIList, UITooltip } from "jodit/esm/core/ui/index.js";
 import { component, autobind } from "jodit/esm/core/decorators/index.js";
-import { makeButton } from "jodit/esm/modules/toolbar/factory.js";
+import { makeButton, makeSelect } from "jodit/esm/modules/toolbar/factory.js";
 export let ToolbarCollection = class ToolbarCollection extends UIList {
     /** @override */
     className() {
@@ -37,6 +37,9 @@ export let ToolbarCollection = class ToolbarCollection extends UIList {
     makeButton(control, target = null) {
         return makeButton(this.j, control, target);
     }
+    makeSelect(control, target = null) {
+        return makeSelect(this.j, control, target);
+    }
     /**
      * Button should be active
      */

package/esm/modules/toolbar/factory.d.ts

@@ -17,3 +17,4 @@ export declare function makeCollection(jodit: IViewBased, parentElement?: IUIEle
  * Button factory
  */
 export declare function makeButton(jodit: IViewBased, control: IControlTypeStrong, target?: Nullable<HTMLElement>): IToolbarButton;
+export declare function makeSelect(view: IViewBased, control: IControlTypeStrong, target?: Nullable<HTMLElement>): IToolbarButton;