1 | /**
|
---|
2 | * --------------------------------------------------------------------------
|
---|
3 | * Bootstrap popover.js
|
---|
4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
---|
5 | * --------------------------------------------------------------------------
|
---|
6 | */
|
---|
7 |
|
---|
8 | import Tooltip from './tooltip.js'
|
---|
9 | import { defineJQueryPlugin } from './util/index.js'
|
---|
10 |
|
---|
11 | /**
|
---|
12 | * Constants
|
---|
13 | */
|
---|
14 |
|
---|
15 | const NAME = 'popover'
|
---|
16 |
|
---|
17 | const SELECTOR_TITLE = '.popover-header'
|
---|
18 | const SELECTOR_CONTENT = '.popover-body'
|
---|
19 |
|
---|
20 | const Default = {
|
---|
21 | ...Tooltip.Default,
|
---|
22 | content: '',
|
---|
23 | offset: [0, 8],
|
---|
24 | placement: 'right',
|
---|
25 | template: '<div class="popover" role="tooltip">' +
|
---|
26 | '<div class="popover-arrow"></div>' +
|
---|
27 | '<h3 class="popover-header"></h3>' +
|
---|
28 | '<div class="popover-body"></div>' +
|
---|
29 | '</div>',
|
---|
30 | trigger: 'click'
|
---|
31 | }
|
---|
32 |
|
---|
33 | const DefaultType = {
|
---|
34 | ...Tooltip.DefaultType,
|
---|
35 | content: '(null|string|element|function)'
|
---|
36 | }
|
---|
37 |
|
---|
38 | /**
|
---|
39 | * Class definition
|
---|
40 | */
|
---|
41 |
|
---|
42 | class Popover extends Tooltip {
|
---|
43 | // Getters
|
---|
44 | static get Default() {
|
---|
45 | return Default
|
---|
46 | }
|
---|
47 |
|
---|
48 | static get DefaultType() {
|
---|
49 | return DefaultType
|
---|
50 | }
|
---|
51 |
|
---|
52 | static get NAME() {
|
---|
53 | return NAME
|
---|
54 | }
|
---|
55 |
|
---|
56 | // Overrides
|
---|
57 | _isWithContent() {
|
---|
58 | return this._getTitle() || this._getContent()
|
---|
59 | }
|
---|
60 |
|
---|
61 | // Private
|
---|
62 | _getContentForTemplate() {
|
---|
63 | return {
|
---|
64 | [SELECTOR_TITLE]: this._getTitle(),
|
---|
65 | [SELECTOR_CONTENT]: this._getContent()
|
---|
66 | }
|
---|
67 | }
|
---|
68 |
|
---|
69 | _getContent() {
|
---|
70 | return this._resolvePossibleFunction(this._config.content)
|
---|
71 | }
|
---|
72 |
|
---|
73 | // Static
|
---|
74 | static jQueryInterface(config) {
|
---|
75 | return this.each(function () {
|
---|
76 | const data = Popover.getOrCreateInstance(this, config)
|
---|
77 |
|
---|
78 | if (typeof config !== 'string') {
|
---|
79 | return
|
---|
80 | }
|
---|
81 |
|
---|
82 | if (typeof data[config] === 'undefined') {
|
---|
83 | throw new TypeError(`No method named "${config}"`)
|
---|
84 | }
|
---|
85 |
|
---|
86 | data[config]()
|
---|
87 | })
|
---|
88 | }
|
---|
89 | }
|
---|
90 |
|
---|
91 | /**
|
---|
92 | * jQuery
|
---|
93 | */
|
---|
94 |
|
---|
95 | defineJQueryPlugin(Popover)
|
---|
96 |
|
---|
97 | export default Popover
|
---|