| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- /**
- * DevExtreme (ui/tooltip/tooltip.js)
- * Version: 19.1.16
- * Build date: Tue Oct 18 2022
- *
- * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
- * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
- */
- "use strict";
- var $ = require("../../core/renderer");
- var Guid = require("../../core/guid");
- var registerComponent = require("../../core/component_registrator");
- var extend = require("../../core/utils/extend").extend;
- var Popover = require("../popover");
- var TOOLTIP_CLASS = "dx-tooltip";
- var TOOLTIP_WRAPPER_CLASS = "dx-tooltip-wrapper";
- var Tooltip = Popover.inherit({
- _getDefaultOptions: function() {
- return extend(this.callBase(), {
- toolbarItems: [],
- showCloseButton: false,
- showTitle: false,
- title: null,
- titleTemplate: null,
- onTitleRendered: null,
- bottomTemplate: null,
- propagateOutsideClick: true
- })
- },
- _render: function() {
- this.$element().addClass(TOOLTIP_CLASS);
- this._wrapper().addClass(TOOLTIP_WRAPPER_CLASS);
- this.callBase()
- },
- _renderContent: function() {
- this.callBase();
- this._contentId = "dx-" + new Guid;
- this._$content.attr({
- id: this._contentId,
- role: "tooltip"
- });
- this._toggleAriaDescription(true)
- },
- _toggleAriaDescription: function(showing) {
- var $target = $(this.option("target"));
- var label = showing ? this._contentId : void 0;
- this.setAria("describedby", label, $target)
- }
- });
- registerComponent("dxTooltip", Tooltip);
- module.exports = Tooltip;
|