%PDF- %PDF-
Direktori : /home/ugotscom/kma/node_modules/bootstrap-vue/src/components/popover/helpers/ |
Current File : /home/ugotscom/kma/node_modules/bootstrap-vue/src/components/popover/helpers/bv-popover-template.js |
import Vue from '../../../vue' import { NAME_POPOVER_TEMPLATE } from '../../../constants/components' import { isFunction, isUndefinedOrNull } from '../../../utils/inspect' import { BVTooltipTemplate } from '../../tooltip/helpers/bv-tooltip-template' // @vue/component export const BVPopoverTemplate = /*#__PURE__*/ Vue.extend({ name: NAME_POPOVER_TEMPLATE, extends: BVTooltipTemplate, computed: { templateType() { return 'popover' } }, methods: { renderTemplate(h) { // Title and content could be a scoped slot function const $title = isFunction(this.title) ? this.title({}) : this.title const $content = isFunction(this.content) ? this.content({}) : this.content // Directive usage only const titleDomProps = this.html && !isFunction(this.title) ? { innerHTML: this.title } : {} const contentDomProps = this.html && !isFunction(this.content) ? { innerHTML: this.content } : {} return h( 'div', { staticClass: 'popover b-popover', class: this.templateClasses, attrs: this.templateAttributes, on: this.templateListeners }, [ h('div', { ref: 'arrow', staticClass: 'arrow' }), isUndefinedOrNull($title) || $title === '' ? /* istanbul ignore next */ h() : h('h3', { staticClass: 'popover-header', domProps: titleDomProps }, [$title]), isUndefinedOrNull($content) || $content === '' ? /* istanbul ignore next */ h() : h('div', { staticClass: 'popover-body', domProps: contentDomProps }, [$content]) ] ) } } })