nly-adminlte-vue/dist/src/components/popover/popover.js

nly adminlte3 components

import Vue from "../../utils/vue";
import { getComponentConfig } from "../../utils/config";
import { HTMLElement } from "../../utils/safe-types";
import { NlyTooltip } from "../tooltip/tooltip";
import { NlyaPopover } from "./plugin/nlya-popover";

const NAME = "NlyPopover";

export const NlyPopover = /*#__PURE__*/ Vue.extend({
  name: NAME,
  extends: NlyTooltip,
  inheritAttrs: false,
  props: {
    title: {
      type: String
      // default: undefined
    },
    content: {
      type: String
      // default: undefined
    },
    triggers: {
      type: [String, Array],
      default: "click"
    },
    placement: {
      type: String,
      default: "right"
    },
    variant: {
      type: String,
      default: () => getComponentConfig(NAME, "variant")
    },
    customClass: {
      type: String,
      default: () => getComponentConfig(NAME, "customClass")
    },
    delay: {
      type: [Number, Object, String],
      default: () => getComponentConfig(NAME, "delay")
    },
    boundary: {
      // String: scrollParent, window, or viewport
      // Element: element reference
      // Object: Vue component
      type: [String, HTMLElement, Object],
      default: () => getComponentConfig(NAME, "boundary")
    },
    boundaryPadding: {
      type: [Number, String],
      default: () => getComponentConfig(NAME, "boundaryPadding")
    }
  },
  methods: {
    getComponent() {
      // Overridden by BPopover
      return NlyaPopover;
    },
    updateContent() {
      // Tooltip: Default slot is `title`
      // Popover: Default slot is `content`, `title` slot is title
      // We pass a scoped slot function references by default (Vue v2.6x)
      // And pass the title prop as a fallback
      this.setContent(this.$scopedSlots.default || this.content);
      this.setTitle(this.$scopedSlots.title || this.title);
    }
  }
  // Render function provided by BTooltip
});