{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/tooltip/Tooltip.vue?48ad","webpack:///./src/views/components/tooltip/TooltipPosition.vue?2a56","webpack:///./src/views/components/tooltip/code.js","webpack:///src/views/components/tooltip/TooltipPosition.vue","webpack:///./src/views/components/tooltip/TooltipPosition.vue?0d1c","webpack:///./src/views/components/tooltip/TooltipPosition.vue","webpack:///./src/views/components/tooltip/TooltipVariant.vue?a0ec","webpack:///src/views/components/tooltip/TooltipVariant.vue","webpack:///./src/views/components/tooltip/TooltipVariant.vue?e930","webpack:///./src/views/components/tooltip/TooltipVariant.vue","webpack:///./src/views/components/tooltip/TooltipTrigger.vue?0014","webpack:///src/views/components/tooltip/TooltipTrigger.vue","webpack:///./src/views/components/tooltip/TooltipTrigger.vue?c153","webpack:///./src/views/components/tooltip/TooltipTrigger.vue","webpack:///./src/views/components/tooltip/TooltipOption.vue?f848","webpack:///src/views/components/tooltip/TooltipOption.vue","webpack:///./src/views/components/tooltip/TooltipOption.vue?5d0f","webpack:///./src/views/components/tooltip/TooltipOption.vue","webpack:///./src/views/components/tooltip/TooltipMethod.vue?4850","webpack:///src/views/components/tooltip/TooltipMethod.vue","webpack:///./src/views/components/tooltip/TooltipMethod.vue?ca6f","webpack:///./src/views/components/tooltip/TooltipMethod.vue","webpack:///./src/views/components/tooltip/TooltipEvent.vue?844e","webpack:///src/views/components/tooltip/TooltipEvent.vue","webpack:///./src/views/components/tooltip/TooltipEvent.vue?fc95","webpack:///./src/views/components/tooltip/TooltipEvent.vue","webpack:///src/views/components/tooltip/Tooltip.vue","webpack:///./src/views/components/tooltip/Tooltip.vue?906f","webpack:///./src/views/components/tooltip/Tooltip.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codePosition","proxy","staticClass","directives","name","rawName","value","expression","modifiers","codeVariantCustom","codeTriggers","codeOptions","codeMethods","codeEvent","components","BButton","BCardText","Ripple","data","component","delay","BTooltip","on","showTooltip","hideTooltip","$event","show","disabled","ref","methods","$root","$emit","onShow","onShown","onHide","onHidden","ToastificationContent","$toast","props","title","icon","BRow","BCol","TooltipPosition","TooltipVariant","TooltipTrigger","TooltipOption","TooltipMethod","TooltipEvent"],"mappings":"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","file":"js/chunk-90a6a9ca.f17ef4c3.js","sourcesContent":["import BCardCode from './BCardCode.vue'\n\nexport default BCardCode\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('tooltip-position'),_c('tooltip-variant'),_c('tooltip-trigger'),_c('tooltip-option'),_c('tooltip-method'),_c('tooltip-event')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Tooltip Positions\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codePosition)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Twelve options are available for positioning: \")]),_c('code',[_vm._v(\"top, topleft, topright, right, righttop, rightbottom, bottom, bottomleft, bottomright, left, lefttop,\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"leftbottom\")]),_c('span',[_vm._v(\" aligned. The default position is top.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.top\",value:('Tooltip on top!'),expression:\"'Tooltip on top!'\",modifiers:{\"hover\":true,\"top\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Tooltip on top \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.right\",value:('Tooltip on right!'),expression:\"'Tooltip on right!'\",modifiers:{\"hover\":true,\"right\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Tooltip on right \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.left\",value:('Tooltip on left!'),expression:\"'Tooltip on left!'\",modifiers:{\"hover\":true,\"left\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Tooltip on left \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",value:('Tooltip on bottom!'),expression:\"'Tooltip on bottom!'\",modifiers:{\"hover\":true,\"bottom\":true}}],attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\" Tooltip on bottom \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeTooltipDefault = `\n<template>\n  <div class=\"d-flex align-item-center\">\n    <b-form-checkbox\n      v-model=\"checked\"\n      v-b-tooltip.hover\n      title=\"Default Tooltip\"\n      name=\"check-button\"\n      switch\n      inline\n      class=\"d-flex align-items-center\"\n    />\n    <b-form-spinbutton\n      id=\"demo-sb\"\n      v-model=\"value\"\n      v-b-tooltip.hover\n      title=\"Default Tooltip\"\n      min=\"1\"\n      max=\"100\"\n      inline\n    />\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.hover\n      title=\"Default Tooltip\"\n      class=\"ml-1\"\n      variant=\"outline-primary\"\n    >\n      Button\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {\n  BFormCheckbox, VBTooltip, BFormSpinbutton, BButton,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BFormCheckbox,\n    BFormSpinbutton,\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple\n  },\n  data: () => ({\n    checked: true,\n    value: 50,\n  }),\n}\n</script>\n`\n\nexport const codePosition = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.hover.top=\"'Tooltip on top!'\"\n      variant=\"outline-primary\"\n    >\n      Tooltip on top\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.hover.right=\"'Tooltip on right!'\"\n      variant=\"outline-primary\"\n    >\n      Tooltip on right\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.hover.left=\"'Tooltip on left!'\"\n      variant=\"outline-primary\"\n    >\n      Tooltip on left\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.hover.bottom=\"'Tooltip on bottom!'\"\n      variant=\"outline-primary\"\n    >\n      Tooltip on bottom\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {BButton, VBTooltip,} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeVariantCustom = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- default -->\n    <b-button\n      v-b-tooltip.hover\n      title=\"Default variant\"\n      variant=\"gradient-primary\"\n    >\n      Default\n    </b-button>\n\n    <!-- primary -->\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.hover.v-primary\n      title=\"Primary variant\"\n      variant=\"outline-primary\"\n    >\n      Primary\n    </b-button>\n\n    <!-- secondary -->\n    <b-button\n      v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n      v-b-tooltip.hover.v-secondary\n      title=\"Secondary variant\"\n      variant=\"outline-secondary\"\n    >\n      Secondary\n    </b-button>\n\n    <!-- success -->\n    <b-button\n      v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n      v-b-tooltip.hover.v-success\n      title=\"Success variant\"\n      variant=\"outline-success\"\n    >\n      Success\n    </b-button>\n\n    <!-- danger -->\n    <b-button\n      v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\n      v-b-tooltip.hover.v-danger\n      title=\"Danger variant\"\n      variant=\"outline-danger\"\n    >\n      Danger\n    </b-button>\n\n    <!-- warning -->\n    <b-button\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n      v-b-tooltip.hover.v-warning\n      title=\"Warning variant\"\n      variant=\"outline-warning\"\n    >\n      Warning\n    </b-button>\n\n    <!-- info -->\n    <b-button\n      v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n      v-b-tooltip.hover.v-info\n      title=\"Info variant\"\n      variant=\"outline-info\"\n    >\n      Info\n    </b-button>\n\n    <!-- dark -->\n    <b-button\n      v-ripple.400=\"'rgba(30, 30, 30, 0.15)'\"\n      v-b-tooltip.hover.v-dark\n      title=\"Dark variant\"\n      variant=\"outline-dark\"\n    >\n      Dark\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {VBTooltip, BButton} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeTriggers = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.click.v-primary\n      title=\"On Cllick Trigger\"\n      variant=\"outline-primary\"\n    >\n      On Cllick Trigger\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.hover.v-primary\n      title=\"On Hover Trigger\"\n      variant=\"outline-primary\"\n    >\n      On Hover Trigger\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.hover.focus.v-primary\n      title=\"Hover + Focus Trigger\"\n      variant=\"outline-primary\"\n    >\n      Hover + Focus Trigger\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-tooltip.focus.v-primary\n      title=\"On Focus Trigger\"\n      variant=\"outline-primary\"\n    >\n      On Focus Trigger\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {\n  VBTooltip, BButton,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeOptions = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      id=\"tooltip-target-1\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      No animation\n    </b-button>\n    <b-tooltip\n      target=\"tooltip-target-1\"\n      triggers=\"hover\"\n      no-fade\n    >\n      Without Fade Animation        class=\"mb-1 mb-md-0\"\n    </b-tooltip>\n    <b-button\n      id=\"tooltip-target-2\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Delay Tooltip\n    </b-button>\n    <b-tooltip\n      target=\"tooltip-target-2\"\n      :delay=\"delay\"\n    >\n      Delay triggers\n    </b-tooltip>\n  </div>\n</template>\n\n<script>\nimport {VBTooltip, BButton, BTooltip} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BTooltip,\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  data() {\n    return {\n      delay: { show: 500, hide: 500 },\n    }\n  },\n}\n</script>\n`\n\nexport const codeMethods = `\n<template>\n   <div class=\"demo-inline-spacing\">\n    <b-button\n      id=\"tooltip-button-1\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"showTooltip\"\n    >\n      Show Toggle Tooltip\n    </b-button>\n    <b-tooltip\n      target=\"tooltip-button-1\"\n      placement=\"top\"\n      triggers=\"click\"\n    >\n      tooltip!\n    </b-tooltip>\n\n    <b-button\n      id=\"tooltip-button-2\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"hideTooltip\"\n    >\n      Hide Toggle Tooltip\n    </b-button>\n    <b-tooltip\n      target=\"tooltip-button-2\"\n      placement=\"top\"\n      triggers=\"hover\"\n    >\n      tooltip!\n    </b-tooltip>\n\n    <b-button\n      id=\"tooltip-button-3\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"show = !show\"\n    >\n      Toggle Tooltip\n    </b-button>\n    <b-tooltip\n      :show.sync=\"show\"\n      target=\"tooltip-button-3\"\n      placement=\"top\"\n      triggers=\"click\"\n    >\n      tooltip!\n    </b-tooltip>\n\n    <b-button\n      id=\"tooltip-button-disable\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      I have a tooltip\n    </b-button>\n\n    <b-button\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      :variant=\"disabled ? 'success':'danger'\"\n      @click=\"disabled = !disabled\"\n    >\n      {{ disabled ? 'Enable' : 'Disable' }} Tooltip by prop\n    </b-button>\n    <b-tooltip\n      ref=\"tooltip\"\n      :disabled.sync=\"disabled\"\n      target=\"tooltip-button-disable\"\n    >\n      <span>Hello </span><strong>World!</strong>\n    </b-tooltip>\n  </div>\n</template>\n\n<script>\nimport {VBTooltip, BButton, BTooltip} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BTooltip,\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  data() {\n    return {\n      show: false,\n      disabled: false,\n    }\n  },\n  methods: {\n    showTooltip() {\n      this.$root.$emit('bv::show::tooltip', 'tooltip-button-1')\n    },\n    hideTooltip() {\n      this.$root.$emit('bv::hide::tooltip', 'tooltip-button-2')\n    },\n  },\n}\n</script>\n`\n\nexport const codeEvent = `\n<template>\n   <div class=\"demo-inline-spacing\">\n\n    <!-- show button -->\n    <b-button\n      id=\"tooltip-button-show-event\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Show Event Tooltip\n    </b-button>\n    <!-- tooltip -->\n    <b-tooltip\n      ref=\"tooltip-show\"\n      target=\"tooltip-button-show-event\"\n      triggers=\"click\"\n      @show=\"onShow\"\n    >\n      tooltip!\n    </b-tooltip>\n\n    <!-- button shown -->\n    <b-button\n      id=\"tooltip-button-shown-event\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Shown Event Tooltip\n    </b-button>\n    <!-- tooltip -->\n    <b-tooltip\n      ref=\"tooltip-shown\"\n      target=\"tooltip-button-shown-event\"\n      triggers=\"click\"\n      @shown=\"onShown\"\n    >\n      tooltip!\n    </b-tooltip>\n\n    <!-- button hide -->\n    <b-button\n      id=\"tooltip-button-hide-event\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Hide Event Tooltip\n    </b-button>\n    <!-- tooltip -->\n    <b-tooltip\n      ref=\"tooltip-hide\"\n      target=\"tooltip-button-hide-event\"\n      triggers=\"click\"\n      @hide=\"onHide\"\n    >\n      tooltip!\n    </b-tooltip>\n\n    <!-- button hidden -->\n    <b-button\n      id=\"tooltip-button-hidden-event\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      class=\"mb-1 mb-xl-0\"\n    >\n      Hidden Event Tooltip\n    </b-button>\n\n    <!-- tooltip -->\n    <b-tooltip\n      ref=\"tooltip-hidden\"\n      target=\"tooltip-button-hidden-event\"\n      triggers=\"click\"\n      @hidden=\"onHidden\"\n    >\n      tooltip!\n    </b-tooltip>\n  </div>\n</template>\n\n<script>\nimport {VBTooltip, BButton, BTooltip} from 'bootstrap-vue'\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BTooltip,\n    // eslint-disable-next-line vue/no-unused-components\n    ToastificationContent,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  methods: {\n    onShow() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Show Event Tooltip',\n          icon: 'BellIcon',\n        },\n      })\n    },\n    onShown() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Shown Event Tooltip',\n          icon: 'BellIcon',\n        },\n      })\n    },\n    onHide() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Hide Event Tooltip',\n          icon: 'BellIcon',\n        },\n      })\n    },\n    onHidden() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Hidden Event Tooltip',\n          icon: 'BellIcon',\n        },\n      })\n    },\n  },\n}\n</script>\n`\n","<template>\n  <b-card-code title=\"Tooltip Positions\">\n    <b-card-text class=\"mb-0\">\n      <span>Twelve options are available for positioning: </span>\n      <code>top, topleft, topright, right, righttop, rightbottom, bottom, bottomleft, bottomright, left, lefttop,</code>\n      <span> and </span>\n      <code>leftbottom</code>\n      <span> aligned. The default position is top.</span>\n    </b-card-text>\n\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.hover.top=\"'Tooltip on top!'\"\n        variant=\"outline-primary\"\n      >\n        Tooltip on top\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.hover.right=\"'Tooltip on right!'\"\n        variant=\"outline-primary\"\n      >\n        Tooltip on right\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.hover.left=\"'Tooltip on left!'\"\n        variant=\"outline-primary\"\n      >\n        Tooltip on left\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.hover.bottom=\"'Tooltip on bottom!'\"\n        variant=\"outline-primary\"\n      >\n        Tooltip on bottom\n      </b-button>\n    </div>\n\n    <template #code>\n      {{ codePosition }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport {\n  BButton, VBTooltip, BCardText,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codePosition } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n    BCardText,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  data() {\n    return {\n      codePosition,\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipPosition.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipPosition.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TooltipPosition.vue?vue&type=template&id=5e609426&\"\nimport script from \"./TooltipPosition.vue?vue&type=script&lang=js&\"\nexport * from \"./TooltipPosition.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Variants and custom class\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVariantCustom)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" BootstrapVue's tooltips support contextual color variants via our custom CSS, either by using directive modifiers or config options: \")]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Default variant\",\"variant\":\"gradient-primary\"}},[_vm._v(\" Default \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-primary\",modifiers:{\"hover\":true,\"v-primary\":true}}],attrs:{\"title\":\"Primary variant\",\"variant\":\"outline-primary\"}},[_vm._v(\" Primary \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-secondary\",modifiers:{\"hover\":true,\"v-secondary\":true}}],attrs:{\"title\":\"Secondary variant\",\"variant\":\"outline-secondary\"}},[_vm._v(\" Secondary \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(40, 199, 111, 0.15)'),expression:\"'rgba(40, 199, 111, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-success\",modifiers:{\"hover\":true,\"v-success\":true}}],attrs:{\"title\":\"Success variant\",\"variant\":\"outline-success\"}},[_vm._v(\" Success \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(234, 84, 85, 0.15)'),expression:\"'rgba(234, 84, 85, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-danger\",modifiers:{\"hover\":true,\"v-danger\":true}}],attrs:{\"title\":\"Danger variant\",\"variant\":\"outline-danger\"}},[_vm._v(\" Danger \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 159, 67, 0.15)'),expression:\"'rgba(255, 159, 67, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-warning\",modifiers:{\"hover\":true,\"v-warning\":true}}],attrs:{\"title\":\"Warning variant\",\"variant\":\"outline-warning\"}},[_vm._v(\" Warning \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(0, 207, 232, 0.15)'),expression:\"'rgba(0, 207, 232, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-info\",modifiers:{\"hover\":true,\"v-info\":true}}],attrs:{\"title\":\"Info variant\",\"variant\":\"outline-info\"}},[_vm._v(\" Info \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(30, 30, 30, 0.15)'),expression:\"'rgba(30, 30, 30, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-dark\",modifiers:{\"hover\":true,\"v-dark\":true}}],attrs:{\"title\":\"Dark variant\",\"variant\":\"outline-dark\"}},[_vm._v(\" Dark \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Variants and custom class\">\n    <b-card-text class=\"mb-0\">\n      BootstrapVue's tooltips support contextual color variants via our custom CSS, either by using directive\n      modifiers or config options:\n    </b-card-text>\n\n    <div class=\"demo-inline-spacing\">\n\n      <!-- default -->\n      <b-button\n        v-b-tooltip.hover\n        title=\"Default variant\"\n        variant=\"gradient-primary\"\n      >\n        Default\n      </b-button>\n\n      <!-- primary -->\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.hover.v-primary\n        title=\"Primary variant\"\n        variant=\"outline-primary\"\n      >\n        Primary\n      </b-button>\n\n      <!-- secondary -->\n      <b-button\n        v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n        v-b-tooltip.hover.v-secondary\n        title=\"Secondary variant\"\n        variant=\"outline-secondary\"\n      >\n        Secondary\n      </b-button>\n\n      <!-- success -->\n      <b-button\n        v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n        v-b-tooltip.hover.v-success\n        title=\"Success variant\"\n        variant=\"outline-success\"\n      >\n        Success\n      </b-button>\n\n      <!-- danger -->\n      <b-button\n        v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\n        v-b-tooltip.hover.v-danger\n        title=\"Danger variant\"\n        variant=\"outline-danger\"\n      >\n        Danger\n      </b-button>\n\n      <!-- warning -->\n      <b-button\n        v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n        v-b-tooltip.hover.v-warning\n        title=\"Warning variant\"\n        variant=\"outline-warning\"\n      >\n        Warning\n      </b-button>\n\n      <!-- info -->\n      <b-button\n        v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n        v-b-tooltip.hover.v-info\n        title=\"Info variant\"\n        variant=\"outline-info\"\n      >\n        Info\n      </b-button>\n\n      <!-- dark -->\n      <b-button\n        v-ripple.400=\"'rgba(30, 30, 30, 0.15)'\"\n        v-b-tooltip.hover.v-dark\n        title=\"Dark variant\"\n        variant=\"outline-dark\"\n      >\n        Dark\n      </b-button>\n    </div>\n\n    <template #code>\n      {{ codeVariantCustom }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport {\n  VBTooltip, BButton, BCardText,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeVariantCustom } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n    BCardText,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  data() {\n    return {\n      codeVariantCustom,\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipVariant.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipVariant.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TooltipVariant.vue?vue&type=template&id=13750854&\"\nimport script from \"./TooltipVariant.vue?vue&type=script&lang=js&\"\nexport * from \"./TooltipVariant.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Tooltip Triggers\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeTriggers)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" Tooltip is triggered using - click | hover | focus | manual options.You may pass multiple triggers; separate them with a space. \")]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.click.v-primary\",modifiers:{\"click\":true,\"v-primary\":true}}],attrs:{\"title\":\"On Cllick Trigger\",\"variant\":\"outline-primary\"}},[_vm._v(\" On Cllick Trigger \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-primary\",modifiers:{\"hover\":true,\"v-primary\":true}}],attrs:{\"title\":\"On Hover Trigger\",\"variant\":\"outline-primary\"}},[_vm._v(\" On Hover Trigger \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.focus.v-primary\",modifiers:{\"hover\":true,\"focus\":true,\"v-primary\":true}}],attrs:{\"title\":\"Hover + Focus Trigger\",\"variant\":\"outline-primary\"}},[_vm._v(\" Hover + Focus Trigger \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.focus.v-primary\",modifiers:{\"focus\":true,\"v-primary\":true}}],attrs:{\"title\":\"On Focus Trigger\",\"variant\":\"outline-primary\"}},[_vm._v(\" On Focus Trigger \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Tooltip Triggers\">\n    <b-card-text class=\"mb-0\">\n      Tooltip is triggered using - click | hover | focus | manual options.You may pass multiple triggers; separate them\n      with a space.\n    </b-card-text>\n\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.click.v-primary\n        title=\"On Cllick Trigger\"\n        variant=\"outline-primary\"\n      >\n        On Cllick Trigger\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.hover.v-primary\n        title=\"On Hover Trigger\"\n        variant=\"outline-primary\"\n      >\n        On Hover Trigger\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.hover.focus.v-primary\n        title=\"Hover + Focus Trigger\"\n        variant=\"outline-primary\"\n      >\n        Hover + Focus Trigger\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-tooltip.focus.v-primary\n        title=\"On Focus Trigger\"\n        variant=\"outline-primary\"\n      >\n        On Focus Trigger\n      </b-button>\n    </div>\n\n    <template #code>\n      {{ codeTriggers }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport {\n  VBTooltip, BButton, BCardText,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeTriggers } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n    BCardText,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  data() {\n    return {\n      codeTriggers,\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipTrigger.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipTrigger.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TooltipTrigger.vue?vue&type=template&id=5ca33244&\"\nimport script from \"./TooltipTrigger.vue?vue&type=script&lang=js&\"\nexport * from \"./TooltipTrigger.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Tooltip Options\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeOptions)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Use the \")]),_c('code',[_vm._v(\"nofade\")]),_c('span',[_vm._v(\" prop to turn off animation.\")]),_c('span',[_vm._v(\"Delay showing and hiding the tooltip (ms). If a number is supplied, delay is applied to both hide/show. Object structure is: \")]),_c('code',[_vm._v(\"delay: { \\\"show\\\": 500, \\\"hide\\\": 100 }\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-target-1\",\"variant\":\"outline-primary\"}},[_vm._v(\" No animation \")]),_c('b-tooltip',{attrs:{\"target\":\"tooltip-target-1\",\"triggers\":\"hover\",\"no-fade\":\"\"}},[_vm._v(\" Without Fade Animation class=\\\"mb-1 mb-md-0\\\" \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-target-2\",\"variant\":\"outline-primary\"}},[_vm._v(\" Delay Tooltip \")]),_c('b-tooltip',{attrs:{\"target\":\"tooltip-target-2\",\"delay\":_vm.delay}},[_vm._v(\" Delay triggers \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Tooltip Options\">\n    <b-card-text class=\"mb-0\">\n      <span>Use the </span>\n      <code>nofade</code>\n      <span> prop to turn off animation.</span>\n      <span>Delay showing and hiding the tooltip (ms). If a number is supplied, delay is applied to both hide/show.\n        Object structure is: </span>\n      <code>delay: { \"show\": 500, \"hide\": 100 }</code>\n    </b-card-text>\n\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        id=\"tooltip-target-1\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        No animation\n      </b-button>\n      <b-tooltip\n        target=\"tooltip-target-1\"\n        triggers=\"hover\"\n        no-fade\n      >\n        Without Fade Animation        class=\"mb-1 mb-md-0\"\n      </b-tooltip>\n      <b-button\n        id=\"tooltip-target-2\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        Delay Tooltip\n      </b-button>\n      <b-tooltip\n        target=\"tooltip-target-2\"\n        :delay=\"delay\"\n      >\n        Delay triggers\n      </b-tooltip>\n    </div>\n\n    <template #code>\n      {{ codeOptions }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport {\n  VBTooltip, BButton, BTooltip, BCardText,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeOptions } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BTooltip,\n    BButton,\n    BCardText,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  data() {\n    return {\n      delay: { show: 500, hide: 500 },\n      codeOptions,\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipOption.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipOption.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TooltipOption.vue?vue&type=template&id=57bfb0f1&\"\nimport script from \"./TooltipOption.vue?vue&type=script&lang=js&\"\nexport * from \"./TooltipOption.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Tooltip Methods\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMethods)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" This is considered a “manual” triggering of the tooltip. Tooltips with zero-length titles are never displayed. \")]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-button-1\",\"variant\":\"outline-primary\"},on:{\"click\":_vm.showTooltip}},[_vm._v(\" Show Toggle Tooltip \")]),_c('b-tooltip',{attrs:{\"target\":\"tooltip-button-1\",\"placement\":\"top\",\"triggers\":\"click\"}},[_vm._v(\" tooltip! \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-button-2\",\"variant\":\"outline-primary\"},on:{\"click\":_vm.hideTooltip}},[_vm._v(\" Hide Toggle Tooltip \")]),_c('b-tooltip',{attrs:{\"target\":\"tooltip-button-2\",\"placement\":\"top\",\"triggers\":\"hover\"}},[_vm._v(\" tooltip! \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-button-3\",\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.show = !_vm.show}}},[_vm._v(\" Toggle Tooltip \")]),_c('b-tooltip',{attrs:{\"show\":_vm.show,\"target\":\"tooltip-button-3\",\"placement\":\"top\",\"triggers\":\"click\"},on:{\"update:show\":function($event){_vm.show=$event}}},[_vm._v(\" tooltip! \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-button-disable\",\"variant\":\"outline-primary\"}},[_vm._v(\" I have a tooltip \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":_vm.disabled ? 'success':'danger'},on:{\"click\":function($event){_vm.disabled = !_vm.disabled}}},[_vm._v(\" \"+_vm._s(_vm.disabled ? 'Enable' : 'Disable')+\" Tooltip by prop \")]),_c('b-tooltip',{ref:\"tooltip\",attrs:{\"disabled\":_vm.disabled,\"target\":\"tooltip-button-disable\"},on:{\"update:disabled\":function($event){_vm.disabled=$event}}},[_c('span',[_vm._v(\"Hello \")]),_c('strong',[_vm._v(\"World!\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Tooltip Methods\">\n    <b-card-text class=\"mb-0\">\n      This is considered a “manual” triggering of the tooltip. Tooltips with zero-length titles are never displayed.\n    </b-card-text>\n\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        id=\"tooltip-button-1\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"showTooltip\"\n      >\n        Show Toggle Tooltip\n      </b-button>\n      <b-tooltip\n        target=\"tooltip-button-1\"\n        placement=\"top\"\n        triggers=\"click\"\n      >\n        tooltip!\n      </b-tooltip>\n\n      <b-button\n        id=\"tooltip-button-2\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"hideTooltip\"\n      >\n        Hide Toggle Tooltip\n      </b-button>\n      <b-tooltip\n        target=\"tooltip-button-2\"\n        placement=\"top\"\n        triggers=\"hover\"\n      >\n        tooltip!\n      </b-tooltip>\n\n      <b-button\n        id=\"tooltip-button-3\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"show = !show\"\n      >\n        Toggle Tooltip\n      </b-button>\n      <b-tooltip\n        :show.sync=\"show\"\n        target=\"tooltip-button-3\"\n        placement=\"top\"\n        triggers=\"click\"\n      >\n        tooltip!\n      </b-tooltip>\n\n      <b-button\n        id=\"tooltip-button-disable\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        I have a tooltip\n      </b-button>\n\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        :variant=\"disabled ? 'success':'danger'\"\n        @click=\"disabled = !disabled\"\n      >\n        {{ disabled ? 'Enable' : 'Disable' }} Tooltip by prop\n      </b-button>\n      <b-tooltip\n        ref=\"tooltip\"\n        :disabled.sync=\"disabled\"\n        target=\"tooltip-button-disable\"\n      >\n        <span>Hello </span><strong>World!</strong>\n      </b-tooltip>\n    </div>\n\n    <template #code>\n      {{ codeMethods }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport {\n  VBTooltip, BButton, BTooltip, BCardText,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeMethods } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BTooltip,\n    BButton,\n    BCardText,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  data() {\n    return {\n      show: false,\n      disabled: false,\n      codeMethods,\n    }\n  },\n  methods: {\n    showTooltip() {\n      this.$root.$emit('bv::show::tooltip', 'tooltip-button-1')\n    },\n    hideTooltip() {\n      this.$root.$emit('bv::hide::tooltip', 'tooltip-button-2')\n    },\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipMethod.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipMethod.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TooltipMethod.vue?vue&type=template&id=7d2b81c2&\"\nimport script from \"./TooltipMethod.vue?vue&type=script&lang=js&\"\nexport * from \"./TooltipMethod.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Tooltip Events\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeEvent)+\" \")]},proxy:true}])},[_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-button-show-event\",\"variant\":\"outline-primary\"}},[_vm._v(\" Show Event Tooltip \")]),_c('b-tooltip',{ref:\"tooltip-show\",attrs:{\"target\":\"tooltip-button-show-event\",\"triggers\":\"click\"},on:{\"show\":_vm.onShow}},[_vm._v(\" tooltip! \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-button-shown-event\",\"variant\":\"outline-primary\"}},[_vm._v(\" Shown Event Tooltip \")]),_c('b-tooltip',{ref:\"tooltip-shown\",attrs:{\"target\":\"tooltip-button-shown-event\",\"triggers\":\"click\"},on:{\"shown\":_vm.onShown}},[_vm._v(\" tooltip! \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"id\":\"tooltip-button-hide-event\",\"variant\":\"outline-primary\"}},[_vm._v(\" Hide Event Tooltip \")]),_c('b-tooltip',{ref:\"tooltip-hide\",attrs:{\"target\":\"tooltip-button-hide-event\",\"triggers\":\"click\"},on:{\"hide\":_vm.onHide}},[_vm._v(\" tooltip! \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mb-1 mb-xl-0\",attrs:{\"id\":\"tooltip-button-hidden-event\",\"variant\":\"outline-primary\"}},[_vm._v(\" Hidden Event Tooltip \")]),_c('b-tooltip',{ref:\"tooltip-hidden\",attrs:{\"target\":\"tooltip-button-hidden-event\",\"triggers\":\"click\"},on:{\"hidden\":_vm.onHidden}},[_vm._v(\" tooltip! \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-code title=\"Tooltip Events\">\n    <div class=\"demo-inline-spacing\">\n\n      <!-- show button -->\n      <b-button\n        id=\"tooltip-button-show-event\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        Show Event Tooltip\n      </b-button>\n      <!-- tooltip -->\n      <b-tooltip\n        ref=\"tooltip-show\"\n        target=\"tooltip-button-show-event\"\n        triggers=\"click\"\n        @show=\"onShow\"\n      >\n        tooltip!\n      </b-tooltip>\n\n      <!-- button shown -->\n      <b-button\n        id=\"tooltip-button-shown-event\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        Shown Event Tooltip\n      </b-button>\n      <!-- tooltip -->\n      <b-tooltip\n        ref=\"tooltip-shown\"\n        target=\"tooltip-button-shown-event\"\n        triggers=\"click\"\n        @shown=\"onShown\"\n      >\n        tooltip!\n      </b-tooltip>\n\n      <!-- button hide -->\n      <b-button\n        id=\"tooltip-button-hide-event\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n      >\n        Hide Event Tooltip\n      </b-button>\n      <!-- tooltip -->\n      <b-tooltip\n        ref=\"tooltip-hide\"\n        target=\"tooltip-button-hide-event\"\n        triggers=\"click\"\n        @hide=\"onHide\"\n      >\n        tooltip!\n      </b-tooltip>\n\n      <!-- button hidden -->\n      <b-button\n        id=\"tooltip-button-hidden-event\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        class=\"mb-1 mb-xl-0\"\n      >\n        Hidden Event Tooltip\n      </b-button>\n\n      <!-- tooltip -->\n      <b-tooltip\n        ref=\"tooltip-hidden\"\n        target=\"tooltip-button-hidden-event\"\n        triggers=\"click\"\n        @hidden=\"onHidden\"\n      >\n        tooltip!\n      </b-tooltip>\n    </div>\n\n    <template #code>\n      {{ codeEvent }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport {\n  VBTooltip, BButton, BTooltip,\n} from 'bootstrap-vue'\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeEvent } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n    BTooltip,\n    // eslint-disable-next-line vue/no-unused-components\n    ToastificationContent,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  data() {\n    return {\n      codeEvent,\n    }\n  },\n  methods: {\n    onShow() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Show Event Tooltip',\n          icon: 'BellIcon',\n        },\n      })\n    },\n    onShown() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Shown Event Tooltip',\n          icon: 'BellIcon',\n        },\n      })\n    },\n    onHide() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Hide Event Tooltip',\n          icon: 'BellIcon',\n        },\n      })\n    },\n    onHidden() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'Hidden Event Tooltip',\n          icon: 'BellIcon',\n        },\n      })\n    },\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipEvent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TooltipEvent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TooltipEvent.vue?vue&type=template&id=dde8983a&\"\nimport script from \"./TooltipEvent.vue?vue&type=script&lang=js&\"\nexport * from \"./TooltipEvent.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <b-row>\n    <b-col cols=\"12\">\n      <tooltip-position />\n      <tooltip-variant />\n      <tooltip-trigger />\n      <tooltip-option />\n      <tooltip-method />\n      <tooltip-event />\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BRow, BCol } from 'bootstrap-vue'\nimport TooltipPosition from './TooltipPosition.vue'\nimport TooltipVariant from './TooltipVariant.vue'\nimport TooltipTrigger from './TooltipTrigger.vue'\nimport TooltipOption from './TooltipOption.vue'\nimport TooltipMethod from './TooltipMethod.vue'\nimport TooltipEvent from './TooltipEvent.vue'\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    TooltipPosition,\n    TooltipVariant,\n    TooltipTrigger,\n    TooltipOption,\n    TooltipMethod,\n    TooltipEvent,\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltip.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tooltip.vue?vue&type=template&id=ca45edb4&\"\nimport script from \"./Tooltip.vue?vue&type=script&lang=js&\"\nexport * from \"./Tooltip.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}