META-INF.resources._diffs.plugins.uitextinput.plugin.js Maven / Gradle / Ivy

Go to download
/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

(function () {
	const pluginName = 'uitextinput';

	if (CKEDITOR.plugins.get(pluginName)) {
		return;
	}

	const templateHTML =
		'';

	const template = CKEDITOR.addTemplate(
		'balloonToolbarTextInput',
		templateHTML
	);

	CKEDITOR.ui.balloonToolbarTextInput = CKEDITOR.tools.createClass({

		// eslint-disable-next-line
		$: function (definition) {
			CKEDITOR.tools.extend(this, definition, {
				modes: {wysiwyg: 1},
				name: definition.name,
				placeholder: definition.placeholder,
				value: definition.value,
			});
		},

		base: CKEDITOR.event,

		proto: {
			clear() {
				this.value = '';

				const inputElement = this.getInputElement();

				if (inputElement) {
					inputElement.setAttribute('value', this.value);
				}
			},

			getInputElement() {
				return this._editor.document.getById(this._id);
			},

			render(editor, output) {
				const id = CKEDITOR.tools.getNextId();

				this._id = id;

				const input = this;

				this._editor = editor;

				const instance = {
					input,
				};

				const changeFn = CKEDITOR.tools.addFunction((element) => {
					input.value = element.value;
				});

				instance.changeFn = changeFn;

				const keyupFn = CKEDITOR.tools.addFunction((event, element) => {
					if (event.keyCode === 13) {
						input.value = element.value;

						input.fire(
							'change',
							{
								value: element.value,
							},
							input._editor
						);
					}
					if (event.keyCode === 27) {
						input.fire('cancel');
					}
				});

				const params = {
					changeFn,
					id,
					keyupFn,
					name: this.name,
					placeholder: this.placeholder || '',
					value: this.value || '',
				};

				template.output(params, output);

				return instance;
			},

			setValue(value) {
				if (value) {
					this.value = value;

					const inputElement = this.getInputElement();

					if (inputElement) {
						inputElement.setAttribute('value', value);
					}
				}
			},
		},
	});

	CKEDITOR.plugins.add(pluginName, {});
})();