mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-10 22:24:19 +01:00
204 lines
6.0 KiB
JavaScript
204 lines
6.0 KiB
JavaScript
'use strict';
|
|
|
|
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
|
|
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; }
|
|
|
|
/**
|
|
* --------------------------------------------------------------------------
|
|
* Bootstrap (v4.0.0): popover.js
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
* --------------------------------------------------------------------------
|
|
*/
|
|
|
|
var Popover = (function ($) {
|
|
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Constants
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
|
|
var NAME = 'popover';
|
|
var VERSION = '4.0.0';
|
|
var DATA_KEY = 'bs.popover';
|
|
var EVENT_KEY = '.' + DATA_KEY;
|
|
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
|
|
|
var Default = $.extend({}, Tooltip.Default, {
|
|
placement: 'right',
|
|
trigger: 'click',
|
|
content: '',
|
|
template: '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-title"></h3>' + '<div class="popover-content"></div></div>'
|
|
});
|
|
|
|
var DefaultType = $.extend({}, Tooltip.DefaultType, {
|
|
content: '(string|function)'
|
|
});
|
|
|
|
var ClassName = {
|
|
FADE: 'fade',
|
|
IN: 'in'
|
|
};
|
|
|
|
var Selector = {
|
|
TITLE: '.popover-title',
|
|
CONTENT: '.popover-content',
|
|
ARROW: '.popover-arrow'
|
|
};
|
|
|
|
var Event = {
|
|
HIDE: 'hide' + EVENT_KEY,
|
|
HIDDEN: 'hidden' + EVENT_KEY,
|
|
SHOW: 'show' + EVENT_KEY,
|
|
SHOWN: 'shown' + EVENT_KEY,
|
|
INSERTED: 'inserted' + EVENT_KEY,
|
|
CLICK: 'click' + EVENT_KEY,
|
|
FOCUSIN: 'focusin' + EVENT_KEY,
|
|
FOCUSOUT: 'focusout' + EVENT_KEY,
|
|
MOUSEENTER: 'mouseenter' + EVENT_KEY,
|
|
MOUSELEAVE: 'mouseleave' + EVENT_KEY
|
|
};
|
|
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Class Definition
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
|
|
var Popover = (function (_Tooltip) {
|
|
function Popover() {
|
|
_classCallCheck(this, Popover);
|
|
|
|
if (_Tooltip != null) {
|
|
_Tooltip.apply(this, arguments);
|
|
}
|
|
}
|
|
|
|
_inherits(Popover, _Tooltip);
|
|
|
|
_createClass(Popover, [{
|
|
key: 'isWithContent',
|
|
|
|
// overrides
|
|
|
|
value: function isWithContent() {
|
|
return this.getTitle() || this._getContent();
|
|
}
|
|
}, {
|
|
key: 'getTipElement',
|
|
value: function getTipElement() {
|
|
return this.tip = this.tip || $(this.config.template)[0];
|
|
}
|
|
}, {
|
|
key: 'setContent',
|
|
value: function setContent() {
|
|
var tip = this.getTipElement();
|
|
var title = this.getTitle();
|
|
var content = this._getContent();
|
|
var titleElement = $(tip).find(Selector.TITLE)[0];
|
|
|
|
if (titleElement) {
|
|
titleElement[this.config.html ? 'innerHTML' : 'innerText'] = title;
|
|
}
|
|
|
|
// we use append for html objects to maintain js events
|
|
$(tip).find(Selector.CONTENT).children().detach().end()[this.config.html ? typeof content === 'string' ? 'html' : 'append' : 'text'](content);
|
|
|
|
$(tip).removeClass(ClassName.FADE).removeClass(ClassName.IN);
|
|
|
|
this.cleanupTether();
|
|
}
|
|
}, {
|
|
key: '_getContent',
|
|
|
|
// private
|
|
|
|
value: function _getContent() {
|
|
return this.element.getAttribute('data-content') || (typeof this.config.content == 'function' ? this.config.content.call(this.element) : this.config.content);
|
|
}
|
|
}], [{
|
|
key: 'VERSION',
|
|
|
|
// getters
|
|
|
|
get: function () {
|
|
return VERSION;
|
|
}
|
|
}, {
|
|
key: 'Default',
|
|
get: function () {
|
|
return Default;
|
|
}
|
|
}, {
|
|
key: 'NAME',
|
|
get: function () {
|
|
return NAME;
|
|
}
|
|
}, {
|
|
key: 'DATA_KEY',
|
|
get: function () {
|
|
return DATA_KEY;
|
|
}
|
|
}, {
|
|
key: 'Event',
|
|
get: function () {
|
|
return Event;
|
|
}
|
|
}, {
|
|
key: 'EVENT_KEY',
|
|
get: function () {
|
|
return EVENT_KEY;
|
|
}
|
|
}, {
|
|
key: 'DefaultType',
|
|
get: function () {
|
|
return DefaultType;
|
|
}
|
|
}, {
|
|
key: '_jQueryInterface',
|
|
|
|
// static
|
|
|
|
value: function _jQueryInterface(config) {
|
|
return this.each(function () {
|
|
var data = $(this).data(DATA_KEY);
|
|
var _config = typeof config === 'object' ? config : null;
|
|
|
|
if (!data && /destroy|hide/.test(config)) {
|
|
return;
|
|
}
|
|
|
|
if (!data) {
|
|
data = new Popover(this, _config);
|
|
$(this).data(DATA_KEY, data);
|
|
}
|
|
|
|
if (typeof config === 'string') {
|
|
data[config]();
|
|
}
|
|
});
|
|
}
|
|
}]);
|
|
|
|
return Popover;
|
|
})(Tooltip);
|
|
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* jQuery
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
|
|
$.fn[NAME] = Popover._jQueryInterface;
|
|
$.fn[NAME].Constructor = Popover;
|
|
$.fn[NAME].noConflict = function () {
|
|
$.fn[NAME] = JQUERY_NO_CONFLICT;
|
|
return Popover._jQueryInterface;
|
|
};
|
|
|
|
return Popover;
|
|
})(jQuery);
|
|
//# sourceMappingURL=popover.js.map
|