devextreme
Version:
JavaScript/TypeScript Component Suite for Responsive Web Development
88 lines (86 loc) • 3.53 kB
JavaScript
/**
* DevExtreme (cjs/__internal/ui/text_box/text_editor.clear.js)
* Version: 25.2.7
* Build date: Tue May 05 2026
*
* Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _click = require("../../../common/core/events/click");
var _events_engine = _interopRequireDefault(require("../../../common/core/events/core/events_engine"));
var _pointer = _interopRequireDefault(require("../../../common/core/events/pointer"));
var _index = require("../../../common/core/events/utils/index");
var _renderer = _interopRequireDefault(require("../../../core/renderer"));
var _button = _interopRequireDefault(require("../../ui/text_box/texteditor_button_collection/button"));
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
const pointerDown = _pointer.default.down;
const STATE_INVISIBLE_CLASS = "dx-state-invisible";
const TEXTEDITOR_CLEAR_BUTTON_CLASS = "dx-clear-button-area";
const TEXTEDITOR_CLEAR_ICON_CLASS = "dx-icon-clear";
const TEXTEDITOR_ICON_CLASS = "dx-icon";
const TEXTEDITOR_SHOW_CLEAR_BUTTON_CLASS = "dx-show-clear-button";
class ClearButton extends _button.default {
_create() {
const $element = (0, _renderer.default)("<span>").addClass("dx-clear-button-area").append((0, _renderer.default)("<span>").addClass("dx-icon").addClass("dx-icon-clear"));
this._addToContainer($element);
this.update(true);
return {
instance: $element,
$element: $element
}
}
_isVisible() {
const {
editor: editor
} = this;
return !!(null !== editor && void 0 !== editor && editor._isClearButtonVisible())
}
_attachEvents(instance, $button) {
var _this$editor;
const editorName = (null === (_this$editor = this.editor) || void 0 === _this$editor ? void 0 : _this$editor.NAME) ?? "";
_events_engine.default.on($button, (0, _index.addNamespace)(pointerDown, editorName), e => {
e.preventDefault();
if ("mouse" !== e.pointerType) {
var _this$editor2;
null === (_this$editor2 = this.editor) || void 0 === _this$editor2 || _this$editor2._clearValueHandler(e)
}
});
_events_engine.default.on($button, (0, _index.addNamespace)(_click.name, editorName), e => {
var _this$editor3;
return null === (_this$editor3 = this.editor) || void 0 === _this$editor3 ? void 0 : _this$editor3._clearValueHandler(e)
})
}
_legacyRender($editor, isVisible) {
$editor.toggleClass("dx-show-clear-button", isVisible)
}
update() {
let rendered = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : false;
if (!rendered) {
super.update()
}
const {
editor: editor,
instance: instance
} = this;
if (!editor) {
return false
}
const $editor = editor.$element();
const isVisible = this._isVisible();
if (instance) {
instance.toggleClass("dx-state-invisible", !isVisible)
}
this._legacyRender($editor, isVisible);
return isVisible
}
}
exports.default = ClearButton;