jodit 4.1.14 → 4.2.5

package/esm/plugins/image-properties/readers/index.js

@@ -0,0 +1,38 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { attr } from "jodit/esm/core/helpers/utils/attr.js";
+import { readAlign } from "./align";
+import { readLink } from "./link";
+import { readMargins } from "./margin";
+import { readSizes } from "./size";
+/**
+ * Read values from image and set it to state
+ * @private
+ */
+export async function readValuesFromImage(j, state) {
+    const { sourceImage: image, values } = state;
+    readAlign(image, values);
+    // Border radius
+    values.borderRadius = parseInt(image.style.borderRadius || '0', 10) || 0;
+    // Id
+    values.id = attr(image, 'id') || '';
+    // Title
+    values.imageTitle = attr(image, 'title') || '';
+    // Alt
+    values.imageAlt = attr(image, 'alt') || '';
+    // Style
+    values.style = attr(image, 'style') || '';
+    // Classes
+    values.classes = (attr(image, 'class') || '').replace(/jodit_focused_image[\s]*/, '');
+    // Margins
+    readMargins(image, values, state);
+    // Link
+    readLink(state, j, values);
+    // Src
+    values.imageSrc = attr(image, 'src') || '';
+    // Image size
+    return readSizes(image, values, state);
+}

package/esm/plugins/image-properties/readers/link.d.ts

@@ -0,0 +1,9 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import type { EditValues, ImagePropertiesState } from "../interface";
+/** @private */
+export declare function readLink(state: ImagePropertiesState, j: IJodit, values: EditValues): void;

package/esm/plugins/image-properties/readers/link.js

@@ -0,0 +1,19 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { Dom } from "jodit/esm/core/dom/dom.js";
+import { attr } from "jodit/esm/core/helpers/utils/attr.js";
+/** @private */
+export function readLink(state, j, values) {
+    const a = Dom.closest(state.sourceImage, 'a', j.editor);
+    if (a) {
+        values.imageLink = attr(a, 'href') || '';
+        values.imageLinkOpenInNewTab = attr(a, 'target') === '_blank';
+    }
+    else {
+        values.imageLink = '';
+        values.imageLinkOpenInNewTab = false;
+    }
+}

package/esm/plugins/image-properties/readers/margin.d.ts

@@ -0,0 +1,8 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { EditValues, ImagePropertiesState } from "../interface";
+/** @private */
+export declare function readMargins(image: HTMLImageElement, values: EditValues, state: ImagePropertiesState): void;

package/esm/plugins/image-properties/readers/margin.js

@@ -0,0 +1,28 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { kebabCase } from "jodit/esm/core/helpers/string/kebab-case.js";
+/** @private */
+export function readMargins(image, values, state) {
+    // Margins
+    let equal = true, wasEmptyField = false;
+    ['marginTop', 'marginRight', 'marginBottom', 'marginLeft'].forEach(id => {
+        let value = image.style.getPropertyValue(kebabCase(id));
+        if (!value) {
+            wasEmptyField = true;
+            values[id] = 0;
+            return;
+        }
+        if (/^[0-9]+(px)?$/.test(value)) {
+            value = parseInt(value, 10);
+        }
+        values[id] = value;
+        if ((wasEmptyField && values[id]) ||
+            (equal && id !== 'marginTop' && values[id] !== values.marginTop)) {
+            equal = false;
+        }
+    });
+    state.marginIsLocked = equal;
+}

package/esm/plugins/image-properties/readers/size.d.ts

@@ -0,0 +1,8 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { EditValues, ImagePropertiesState } from "../interface";
+/** @private */
+export declare function readSizes(image: HTMLImageElement, values: EditValues, state: ImagePropertiesState): Promise<void>;

package/esm/plugins/image-properties/readers/size.js

@@ -0,0 +1,36 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import { isNumeric } from "jodit/esm/core/helpers/checker/is-numeric.js";
+import { attr } from "jodit/esm/core/helpers/utils/attr.js";
+import { css } from "jodit/esm/core/helpers/utils/css.js";
+import { normalSizeFromString } from "../utils/utils";
+/** @private */
+export async function readSizes(image, values, state) {
+    await image.decode();
+    const width = attr(image, 'width') || css(image, 'width', true) || false;
+    const height = attr(image, 'height') || css(image, 'height', true) || false;
+    values.imageWidth =
+        width !== false
+            ? normalSizeFromString(width)
+            : image.offsetWidth || image.naturalWidth;
+    values.imageHeight =
+        height !== false
+            ? normalSizeFromString(height)
+            : image.offsetHeight || image.naturalHeight;
+    const { imageWidth, imageHeight } = values;
+    const w = parseFloat(imageWidth.toString());
+    if (!isNumeric(imageWidth) || !isNumeric(imageHeight)) {
+        state.sizeIsLocked = false;
+        return;
+    }
+    if (height === false) {
+        values.imageHeight = Math.round(w / state.ratio);
+        state.sizeIsLocked = true;
+        return;
+    }
+    const h = parseFloat(imageHeight.toString());
+    state.sizeIsLocked = Math.abs(w - h * state.ratio) < 1;
+}

package/esm/plugins/image-properties/ui/ui-image-form.d.ts

@@ -0,0 +1,29 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IComponent, IContainer, IElms, IJodit, Nullable } from "jodit/esm/types";
+import { UIGroup } from "jodit/esm/core/ui/group/group";
+import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";
+
+/** @private */
+export declare class UIImagePropertiesForm extends UIGroup<IJodit> {
+    private state;
+    private handlers;
+    className(): string;
+    appendChildToContainer(): void;
+    getElm<T extends IComponent & IContainer & IElms>(elementName: string): Nullable<HTMLElement>;
+    private __mainTab;
+    private __positionTab;
+    constructor(jodit: IJodit, state: ImagePropertiesState, activeTabState: {
+        activeTab: 'Image' | 'Advanced';
+    }, handlers: ImagePropertiesAPI);
+    protected render(): string;
+    protected onChangeSizeIsLocked(): void;
+    protected onLockSizeClick(): void;
+    protected onStateValuesSizeChange(): void;
+    protected onImageWidthChange(e: Event): void;
+    protected onStateValuesImageSrcChange(): void;
+    protected hideFieldByOptions(): void;
+}

package/esm/plugins/image-properties/ui/ui-image-form.js

@@ -0,0 +1,171 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 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;
+};
+import { debounce, hook, watch } from "jodit/esm/core/decorators/index.js";
+import { component } from "jodit/esm/core/decorators/component/component.js";
+import { attr, css, isNumeric } from "jodit/esm/core/helpers/index.js";
+import { UIGroup } from "jodit/esm/core/ui/group/group.js";
+import { Icon } from "jodit/esm/core/ui/icon.js";
+import { TabsWidget } from "jodit/esm/modules/widget/index.js";
+import { UIImageMainTab } from "./ui-image-main-tab";
+import { UIImagePositionTab } from "./ui-image-position-tab";
+/** @private */
+let UIImagePropertiesForm = class UIImagePropertiesForm extends UIGroup {
+    className() {
+        return 'UIImagePropertiesForm';
+    }
+    appendChildToContainer() { }
+    getElm(elementName) {
+        const selfElm = super.getElm(elementName);
+        if (selfElm) {
+            return selfElm;
+        }
+        for (const child of this.elements) {
+            const elm = child.getElm(elementName);
+            if (elm) {
+                return elm;
+            }
+        }
+        return null;
+    }
+    constructor(jodit, state, activeTabState, handlers) {
+        super(jodit);
+        this.state = state;
+        this.handlers = handlers;
+        this.__mainTab = new UIImageMainTab(this.jodit, this.state, this.handlers);
+        this.__positionTab = new UIImagePositionTab(this.jodit, this.state, this.handlers);
+        this.getElm('tabsBox').appendChild(TabsWidget(jodit, [
+            { name: 'Image', content: this.__mainTab },
+            { name: 'Advanced', content: this.__positionTab }
+        ], activeTabState));
+        this.setMod('lock-size', this.state.sizeIsLocked);
+        this.append(this.__mainTab).append(this.__positionTab);
+    }
+    render() {
+        return `<form>
+		<div class="jodit-grid jodit-grid_xs-column">
+			<div class="jodit_col-lg-2-5 jodit_col-xs-5-5">
+				<div class="&__view-box">
+					<div class="&__imageView">
+						<img class="&__imageViewSrc" src="" alt=""/>
+					</div>
+					<div class="jodit-form__group &__imageSizes">
+						<input type="text" class="jodit-input &__imageWidth"/>
+						<a class="&__lockSize">${Icon.get('lock')}</a>
+						<input type="text" class="&__imageHeight jodit-input"/>
+					</div>
+				</div>
+			</div>
+			<div class="jodit_col-lg-3-5 jodit_col-xs-5-5 &__tabsBox"></div>
+		</div>
+	</form>`;
+    }
+    onChangeSizeIsLocked() {
+        const lockSize = this.getElm('lockSize');
+        const imageWidth = this.getElm('imageWidth');
+        lockSize.innerHTML = Icon.get(this.state.sizeIsLocked ? 'lock' : 'unlock');
+        this.setMod('lock-size', this.state.sizeIsLocked);
+        this.j.e.fire(imageWidth, 'change');
+    }
+    onLockSizeClick() {
+        this.state.sizeIsLocked = !this.state.sizeIsLocked;
+    }
+    onStateValuesSizeChange() {
+        const imageWidth = this.getElm('imageWidth');
+        const imageHeight = this.getElm('imageHeight');
+        if (imageWidth !== this.j.od.activeElement) {
+            imageWidth.value = this.state.values.imageWidth.toString();
+        }
+        if (imageHeight !== this.j.od.activeElement) {
+            imageHeight.value = this.state.values.imageHeight.toString();
+        }
+    }
+    onImageWidthChange(e) {
+        const imageWidth = this.getElm('imageWidth');
+        const imageHeight = this.getElm('imageHeight');
+        if (!this.state.sizeIsLocked ||
+            !isNumeric(imageWidth.value) ||
+            !isNumeric(imageHeight.value)) {
+            this.state.values.imageWidth = imageWidth.value;
+            this.state.values.imageHeight = imageHeight.value;
+            return;
+        }
+        const w = parseFloat(imageWidth.value), h = parseFloat(imageHeight.value);
+        if (e.target === imageWidth) {
+            this.state.values.imageWidth = w;
+            this.state.values.imageHeight = Math.round(w / this.state.ratio);
+        }
+        else {
+            this.state.values.imageWidth = Math.round(h * this.state.ratio);
+            this.state.values.imageHeight = h;
+        }
+    }
+    onStateValuesImageSrcChange() {
+        const { imageSrc } = this.state.values;
+        if (!imageSrc) {
+            return;
+        }
+        const imageViewSrc = this.getElm('imageViewSrc');
+        attr(imageViewSrc, 'src', imageSrc);
+        const image = new Image();
+        image.src = imageSrc;
+        this.state.image = image;
+    }
+    hideFieldByOptions() {
+        const opt = this.j.o.image;
+        [
+            ['editSize', 'imageSizes'],
+            ['showPreview', 'imageView']
+        ].forEach(([optKey, elmKey]) => {
+            const elm = this.getElm(elmKey);
+            css(elm, 'display', opt[optKey] ? null : 'none');
+        });
+    }
+};
+__decorate([
+    hook('ready'),
+    watch('state.sizeIsLocked')
+], UIImagePropertiesForm.prototype, "onChangeSizeIsLocked", null);
+__decorate([
+    watch('lockSize:click')
+], UIImagePropertiesForm.prototype, "onLockSizeClick", null);
+__decorate([
+    hook('ready'),
+    watch(['state.values.imageWidth', 'state.values.imageHeight'])
+], UIImagePropertiesForm.prototype, "onStateValuesSizeChange", null);
+__decorate([
+    watch([
+        'imageWidth:change',
+        'imageHeight:change',
+        'imageWidth:keydown',
+        'imageHeight:keydown',
+        'imageWidth:mousedown',
+        'imageHeight:mousedown',
+        'imageWidth:paste',
+        'imageHeight:paste'
+    ]),
+    debounce()
+], UIImagePropertiesForm.prototype, "onImageWidthChange", null);
+__decorate([
+    hook('ready'),
+    watch('state.values.imageSrc')
+], UIImagePropertiesForm.prototype, "onStateValuesImageSrcChange", null);
+__decorate([
+    hook('ready')
+], UIImagePropertiesForm.prototype, "hideFieldByOptions", null);
+UIImagePropertiesForm = __decorate([
+    component
+], UIImagePropertiesForm);
+export { UIImagePropertiesForm };

package/esm/plugins/image-properties/ui/ui-image-main-tab.d.ts

@@ -0,0 +1,36 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import { UIGroup } from "jodit/esm/core/ui/group/group";
+import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";
+/** @private */
+export declare class UIImageMainTab extends UIGroup<IJodit> {
+    private state;
+    private handlers;
+    className(): string;
+    appendChildToContainer(): void;
+    constructor(view: IJodit, state: ImagePropertiesState, handlers: ImagePropertiesAPI);
+    protected render(): string;
+    protected onStateImageSrcChange(): Promise<void>;
+    protected onImageSrcChange(): void;
+    /**
+     * Open image editor
+     */
+    protected onEditImageClick(e: MouseEvent): void;
+    /**
+     * Open popup with filebrowser/uploader buttons for image
+     */
+    protected onChangeImageClick(e: MouseEvent): void;
+    protected onStateTitleChange(): void;
+    protected onTitleChange(): void;
+    protected onStateAltChange(): void;
+    protected onAltChange(): void;
+    protected onStateImageLinkChange(): void;
+    protected onImageLinkChange(): void;
+    protected onStateImageLinkOpenInNewTabChange(): void;
+    protected onImageLinkOpenInNewTabChange(): void;
+    protected hideFieldByOptions(): void;
+}

package/esm/plugins/image-properties/ui/ui-image-main-tab.js

@@ -0,0 +1,179 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 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;
+};
+import { component } from "jodit/esm/core/decorators/component/component.js";
+import { hook } from "jodit/esm/core/decorators/hook/hook.js";
+import { watch } from "jodit/esm/core/decorators/watch/watch.js";
+import { css } from "jodit/esm/core/helpers/index.js";
+import { UIGroup } from "jodit/esm/core/ui/group/group.js";
+/** @private */
+let UIImageMainTab = class UIImageMainTab extends UIGroup {
+    className() {
+        return 'UIImageMainTab';
+    }
+    appendChildToContainer() {
+        // Do nothing
+    }
+    constructor(view, state, handlers) {
+        super(view);
+        this.state = state;
+        this.handlers = handlers;
+    }
+    render() {
+        return `<div class="jodit-form__group &__editSrc">
+			<label>~Src~</label>
+			<div class="jodit-input_group">
+				<input class="jodit-input &__imageSrc" type="text"/>
+				<div class="jodit-input_group-buttons &__fixImage">
+						<a class="jodit-button &__changeImage">*image*</a>
+						<a class="jodit-button &__editImage">*crop*</a>
+				</div>
+			</div>
+		</div>
+		<div class="jodit-form__group &__editTitle">
+			<label>~Title~</label>
+			<input type="text" class="jodit-input &__imageTitle"/>
+		</div>
+		<div class="jodit-form__group &__editAlt">
+			<label>~Alternative~</label>
+			<input type="text" class="jodit-input &__imageAlt"/>
+		</div>
+		<div class="jodit-form__group &__editLink">
+			<label>~Link~</label>
+			<input type="text" class="jodit-input &__imageLink"/>
+		</div>
+		<div class="jodit-form__group &__editLinkTarget">
+			<label class="jodit_vertical_middle">
+				<input type="checkbox" class="jodit-checkbox &__imageLinkOpenInNewTab"/>
+				<span>~Open link in new tab~</span>
+			</label>
+		</div>`;
+    }
+    async onStateImageSrcChange() {
+        const imageSrc = this.getElm('imageSrc');
+        imageSrc.value = this.state.values.imageSrc;
+    }
+    onImageSrcChange() {
+        this.state.values.imageSrc = this.getElm('imageSrc').value;
+    }
+    /**
+     * Open image editor
+     */
+    onEditImageClick(e) {
+        this.handlers.openImageEditor();
+        e.stopPropagation();
+    }
+    /**
+     * Open popup with filebrowser/uploader buttons for image
+     */
+    onChangeImageClick(e) {
+        this.handlers.openImagePopup(this.getElm('changeImage'));
+        e.stopPropagation();
+    }
+    onStateTitleChange() {
+        const title = this.getElm('imageTitle');
+        title.value = this.state.values.imageTitle;
+    }
+    onTitleChange() {
+        this.state.values.imageTitle = this.getElm('imageTitle').value;
+    }
+    onStateAltChange() {
+        const alt = this.getElm('imageAlt');
+        alt.value = this.state.values.imageAlt;
+    }
+    onAltChange() {
+        this.state.values.imageAlt = this.getElm('imageAlt').value;
+    }
+    onStateImageLinkChange() {
+        const imageLink = this.getElm('imageLink');
+        imageLink.value = this.state.values.imageLink;
+    }
+    onImageLinkChange() {
+        this.state.values.imageLink = this.getElm('imageLink').value;
+    }
+    onStateImageLinkOpenInNewTabChange() {
+        const imageLinkOpenInNewTab = this.getElm('imageLinkOpenInNewTab');
+        imageLinkOpenInNewTab.checked = this.state.values.imageLinkOpenInNewTab;
+    }
+    onImageLinkOpenInNewTabChange() {
+        this.state.values.imageLinkOpenInNewTab = this.getElm('imageLinkOpenInNewTab').checked;
+    }
+    hideFieldByOptions() {
+        const o = this.j.o;
+        const opt = o.image;
+        [
+            ['editSrc', 'editSrc'],
+            ['editTitle', 'editTitle'],
+            ['editAlt', 'editAlt'],
+            ['editLink', 'editLink'],
+            ['editLink', 'editLinkTarget'],
+            ['useImageEditor', 'editImage']
+        ].forEach(([optKey, elmKey]) => {
+            const elm = this.getElm(elmKey);
+            css(elm, 'display', opt[optKey] ? null : 'none');
+        });
+        const changeImage = this.getElm('changeImage');
+        const needShowChangeImage = Boolean(o.filebrowser.ajax.url || o.uploader.url);
+        css(changeImage, 'display', needShowChangeImage ? null : 'none');
+        const editImage = this.getElm('editImage');
+        const needShowEditImage = Boolean(o.filebrowser.ajax.url) && opt.useImageEditor;
+        css(editImage, 'display', needShowEditImage ? null : 'none');
+        const fixImage = this.getElm('fixImage');
+        css(fixImage, 'display', needShowChangeImage || needShowEditImage ? null : 'none');
+    }
+};
+__decorate([
+    watch('state.values.imageSrc')
+], UIImageMainTab.prototype, "onStateImageSrcChange", null);
+__decorate([
+    watch('imageSrc:change')
+], UIImageMainTab.prototype, "onImageSrcChange", null);
+__decorate([
+    watch('editImage:click')
+], UIImageMainTab.prototype, "onEditImageClick", null);
+__decorate([
+    watch('changeImage:click')
+], UIImageMainTab.prototype, "onChangeImageClick", null);
+__decorate([
+    watch('state.values.imageTitle')
+], UIImageMainTab.prototype, "onStateTitleChange", null);
+__decorate([
+    watch('imageTitle:change')
+], UIImageMainTab.prototype, "onTitleChange", null);
+__decorate([
+    watch('state.values.imageAlt')
+], UIImageMainTab.prototype, "onStateAltChange", null);
+__decorate([
+    watch('imageAlt:change')
+], UIImageMainTab.prototype, "onAltChange", null);
+__decorate([
+    watch('state.values.imageLink')
+], UIImageMainTab.prototype, "onStateImageLinkChange", null);
+__decorate([
+    watch('imageLink:change')
+], UIImageMainTab.prototype, "onImageLinkChange", null);
+__decorate([
+    watch('state.values.imageLinkOpenInNewTab')
+], UIImageMainTab.prototype, "onStateImageLinkOpenInNewTabChange", null);
+__decorate([
+    watch('imageLinkOpenInNewTab:change')
+], UIImageMainTab.prototype, "onImageLinkOpenInNewTabChange", null);
+__decorate([
+    hook('ready')
+], UIImageMainTab.prototype, "hideFieldByOptions", null);
+UIImageMainTab = __decorate([
+    component
+], UIImageMainTab);
+export { UIImageMainTab };

package/esm/plugins/image-properties/ui/ui-image-position-tab.d.ts

@@ -0,0 +1,36 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+import type { IJodit } from "jodit/esm/types";
+import { UIElement } from "jodit/esm/core/ui/element";
+import type { ImagePropertiesAPI, ImagePropertiesState } from "../interface";
+/** @private */
+export declare class UIImagePositionTab extends UIElement<IJodit> {
+    private state;
+    protected handlers: ImagePropertiesAPI;
+    className(): string;
+    constructor(jodit: IJodit, state: ImagePropertiesState, handlers: ImagePropertiesAPI);
+    protected render({ availableClasses }: {
+        availableClasses?: string[] | Array<[
+            string,
+            string
+        ]>;
+    }): string;
+    protected onStateAlignChange(): void;
+    protected onChangeAlign(): void;
+    protected onStateValuesBorderRadiusChange(): void;
+    protected onChangeBorderRadius(): void;
+    protected onStateValuesIdChange(): void;
+    protected onChangeId(): void;
+    protected onStateValuesStyleChange(): void;
+    protected onChangeStyle(): void;
+    protected onStateValuesClassesChange(): void;
+    protected onChangClasses(): void;
+    protected onLockMarginClick(e: MouseEvent): void;
+    protected onChangeMarginIsLocked(): void;
+    protected onStateValuesMarginChange(): void;
+    protected onChangeMargin(): void;
+    protected hideFieldByOptions(): void;
+}