{"version":3,"sources":["webpack:///./src/views/components/popover/Popover.vue?1bfa","webpack:///./src/views/components/popover/PopoverPosition.vue?b24c","webpack:///./src/views/components/popover/code.js","webpack:///src/views/components/popover/PopoverPosition.vue","webpack:///./src/views/components/popover/PopoverPosition.vue?89cb","webpack:///./src/views/components/popover/PopoverPosition.vue","webpack:///./src/views/components/popover/PopoverTrigger.vue?d214","webpack:///src/views/components/popover/PopoverTrigger.vue","webpack:///./src/views/components/popover/PopoverTrigger.vue?12d9","webpack:///./src/views/components/popover/PopoverTrigger.vue","webpack:///./src/views/components/popover/PopoverOption.vue?8480","webpack:///src/views/components/popover/PopoverOption.vue","webpack:///./src/views/components/popover/PopoverOption.vue?256e","webpack:///./src/views/components/popover/PopoverOption.vue","webpack:///./src/views/components/popover/PopoverMethod.vue?86a2","webpack:///src/views/components/popover/PopoverMethod.vue","webpack:///./src/views/components/popover/PopoverMethod.vue?b1f8","webpack:///./src/views/components/popover/PopoverMethod.vue","webpack:///./src/views/components/popover/PopoverEvent.vue?5a53","webpack:///src/views/components/popover/PopoverEvent.vue","webpack:///./src/views/components/popover/PopoverEvent.vue?c883","webpack:///./src/views/components/popover/PopoverEvent.vue","webpack:///./src/views/components/popover/PopoverVariant.vue?8eeb","webpack:///src/views/components/popover/PopoverVariant.vue","webpack:///./src/views/components/popover/PopoverVariant.vue?6072","webpack:///./src/views/components/popover/PopoverVariant.vue","webpack:///./src/views/components/popover/PopoverAdvance.vue?3637","webpack:///src/views/components/popover/PopoverAdvance.vue","webpack:///./src/views/components/popover/PopoverAdvance.vue?b8bc","webpack:///./src/views/components/popover/PopoverAdvance.vue","webpack:///src/views/components/popover/Popover.vue","webpack:///./src/views/components/popover/Popover.vue?736c","webpack:///./src/views/components/popover/Popover.vue","webpack:///./src/@core/components/b-card-code/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codePosition","proxy","staticClass","directives","name","rawName","value","expression","modifiers","codeTrigger","codeOption","codeMethod","codeEvent","codeVariant","codeAdvance","components","BCardCode","BButton","BCardText","VBPopover","Ripple","data","component","delay","BPopover","show","hide","on","showPopover","hidePopover","$event","disabled","ref","methods","$root","$emit","onShow","onShown","onHide","onHidden","ToastificationContent","$toast","props","title","icon","input1Return","input2Return","_e","popoverShow","input1state","model","callback","$$v","input1","input2state","input2","onClose","onOk","BFormGroup","BFormInput","BCard","watch","val","BRow","BCol","PopoverPosition","PopoverTrigger","PopoverOption","PopoverMethod","PopoverEvent","PopoverVariant","PopoverAdvance"],"mappings":"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","file":"js/chunk-7950d9e1.f9dc63f9.js","sourcesContent":["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('popover-position'),_c('popover-variant'),_c('popover-trigger'),_c('popover-option'),_c('popover-method'),_c('popover-event'),_c('popover-advance')],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\":\"Popover 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. Positioning is relative to the trigger element.\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{directives:[{name:\"b-popover\",rawName:\"v-b-popover.hover.top\",value:('Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'),expression:\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\",modifiers:{\"hover\":true,\"top\":true}},{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"title\":\"Popover on top\",\"variant\":\"outline-primary\"}},[_vm._v(\" Popover on top \")]),_c('b-button',{directives:[{name:\"b-popover\",rawName:\"v-b-popover.hover.right\",value:('Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'),expression:\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\",modifiers:{\"hover\":true,\"right\":true}},{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"title\":\"Popover on right\",\"variant\":\"outline-primary\"}},[_vm._v(\" Popover on right \")]),_c('b-button',{directives:[{name:\"b-popover\",rawName:\"v-b-popover.hover.left\",value:('Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'),expression:\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\",modifiers:{\"hover\":true,\"left\":true}},{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"title\":\"Popover on left\",\"variant\":\"outline-primary\"}},[_vm._v(\" Popover on left \")]),_c('b-button',{directives:[{name:\"b-popover\",rawName:\"v-b-popover.hover.bottom\",value:('Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'),expression:\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\",modifiers:{\"hover\":true,\"bottom\":true}},{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"title\":\"Popover on bottom\",\"variant\":\"outline-primary\"}},[_vm._v(\" Popover on bottom \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codePosition = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-button\r\n      v-b-popover.hover.top=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      title=\"Popover on top\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Popover on top\r\n    </b-button>\r\n    <b-button\r\n      v-b-popover.hover.right=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      title=\"Popover on right\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Popover on right\r\n    </b-button>\r\n    <b-button\r\n      v-b-popover.hover.left=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      title=\"Popover on left\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Popover on left\r\n    </b-button>\r\n    <b-button\r\n      v-b-popover.hover.bottom=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      title=\"Popover on bottom\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Popover on bottom\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BButton, VBPopover} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeTrigger = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-popover.click=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n      title=\"On Cllick Trigger\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      On Cllick Trigger\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-popover.focus=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n      title=\"On Focus Trigger\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      On Focus Trigger\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-popover.hover=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n      title=\"On Hover Trigger\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      On Hover Trigger\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-popover.hover.focus=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n      title=\"Hover + Focus Trigger\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Hover + Focus Trigger\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {VBPopover, BButton} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeOption = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      v-b-popover.hover=\"'Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.'\"\r\n      title=\"Title from title attribute\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Title + Content\r\n    </b-button>\r\n\r\n    <b-button\r\n      id=\"popover-target-1\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      No animation\r\n    </b-button>\r\n\r\n    <!-- popover -->\r\n    <b-popover\r\n      target=\"popover-target-1\"\r\n      triggers=\"hover\"\r\n      no-fade\r\n    >\r\n      <template #title>\r\n        Without Fade Animation\r\n      </template>\r\n      <span>Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.</span>\r\n    </b-popover>\r\n\r\n    <b-button\r\n      id=\"popover-target-2\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Delay popover\r\n    </b-button>\r\n\r\n    <!-- popover -->\r\n    <b-popover\r\n      target=\"popover-target-2\"\r\n      triggers=\"hover\"\r\n      :delay=\"delay\"\r\n    >\r\n      <template #title>\r\n        Click Triggered\r\n      </template>\r\n      <span>Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.</span>\r\n    </b-popover>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { VBPopover, BButton, BPopover} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BPopover,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n   data() {\r\n    return {\r\n      delay: { show: 500, hide: 500 },\r\n\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeMethod = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n    <b-button\r\n      id=\"popover-button-1\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"showPopover\"\r\n    >\r\n      Show popover\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-1\"\r\n      placement=\"top\"\r\n      triggers=\"click\"\r\n    >\r\n      <template #title>\r\n        Show Method Popover\r\n      </template>\r\n      <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\r\n    </b-popover>\r\n\r\n    <b-button\r\n      id=\"popover-button-2\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"hidePopover\"\r\n    >\r\n      Hide popover\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-2\"\r\n      placement=\"top\"\r\n      triggers=\"hover\"\r\n    >\r\n      <template #title>\r\n        Hide Method Popover\r\n      </template>\r\n      <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\r\n    </b-popover>\r\n\r\n    <b-button\r\n      id=\"popover-button-3\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"show = !show\"\r\n    >\r\n      Toggle popover\r\n    </b-button>\r\n\r\n    <b-popover\r\n      :show.sync=\"show\"\r\n      target=\"popover-button-3\"\r\n      placement=\"top\"\r\n      triggers=\"click\"\r\n    >\r\n      <template #title>\r\n        Toggle Method Popover\r\n      </template>\r\n      <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\r\n    </b-popover>\r\n\r\n    <b-button\r\n      id=\"popover-button-disable\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Disable/Enable popover\r\n    </b-button>\r\n\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      :variant=\"disabled ? 'success':'danger'\"\r\n      @click=\"disabled = !disabled\"\r\n    >\r\n      {{ disabled ? 'Enable' : 'Disable' }} popover by prop\r\n    </b-button>\r\n\r\n    <b-popover\r\n      ref=\"popover\"\r\n      :disabled.sync=\"disabled\"\r\n      target=\"popover-button-disable\"\r\n    >\r\n      <template #title>\r\n        Disable/Enable Popover\r\n      </template>\r\n      <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\r\n    </b-popover>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {VBPopover, BButton, BPopover} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BPopover,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n data() {\r\n    return {\r\n      show: false,\r\n      disabled: false,\r\n    }\r\n  },\r\n  methods: {\r\n    showPopover() {\r\n      this.$root.$emit('bv::show::popover', 'popover-button-1')\r\n    },\r\n    hidePopover() {\r\n      this.$root.$emit('bv::hide::popover', 'popover-button-2')\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeEvent = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n\r\n    <!-- button show -->\r\n    <b-button\r\n      id=\"popover-button-show-event\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Show Event popover\r\n    </b-button>\r\n\r\n    <!-- popover -->\r\n    <b-popover\r\n      ref=\"popover-show\"\r\n      target=\"popover-button-show-event\"\r\n      triggers=\"click\"\r\n      @show=\"onShow\"\r\n    >\r\n      <template #title>\r\n        Show Event Popover\r\n      </template>\r\n      <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\r\n    </b-popover>\r\n\r\n    <!-- button shown -->\r\n    <b-button\r\n      id=\"popover-button-shown-event\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Shown Event popover\r\n    </b-button>\r\n\r\n    <!-- popover -->\r\n    <b-popover\r\n      ref=\"popover-shown\"\r\n      target=\"popover-button-shown-event\"\r\n      triggers=\"click\"\r\n      @shown=\"onShown\"\r\n    >\r\n      <template #title>\r\n        Shown Event Popover\r\n      </template>\r\n      <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\r\n    </b-popover>\r\n\r\n    <!-- button hide -->\r\n    <b-button\r\n      id=\"popover-button-hide-event\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Hide Event popover\r\n    </b-button>\r\n\r\n    <!-- popover -->\r\n    <b-popover\r\n      ref=\"popover-hide\"\r\n      target=\"popover-button-hide-event\"\r\n      triggers=\"click\"\r\n      @hide=\"onHide\"\r\n    >\r\n      <template #title>\r\n        Hide Event Popover\r\n      </template>\r\n      <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\r\n    </b-popover>\r\n\r\n    <!-- button hidden -->\r\n    <b-button\r\n      id=\"popover-button-hidden-event\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Hidden Event popover\r\n    </b-button>\r\n\r\n    <!-- popover -->\r\n    <b-popover\r\n      ref=\"popover-hidden\"\r\n      target=\"popover-button-hidden-event\"\r\n      triggers=\"click\"\r\n      @hidden=\"onHidden\"\r\n    >\r\n      <template #title>\r\n        Hidden Event Popover\r\n      </template>\r\n      <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\r\n    </b-popover>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { VBPopover, BButton, BPopover} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BPopover,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n  methods: {\r\n    onShow() {\r\n      // eslint-disable-next-line\r\n      alert('Show event fired.')\r\n    },\r\n    onShown() {\r\n      // eslint-disable-next-line\r\n      alert('Shown event fired.')\r\n    },\r\n    onHide() {\r\n      // eslint-disable-next-line\r\n      alert('Hide event fired.')\r\n    },\r\n    onHidden() {\r\n      // eslint-disable-next-line\r\n      alert('Hidden event fired.')\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeVariant = `\r\n<template>\r\n  <div class=\"demo-inline-spacing\">\r\n\r\n    <!-- default -->\r\n    <b-button\r\n      id=\"popover-button-default\"\r\n      variant=\"gradient-primary\"\r\n    >\r\n      Default\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-default\"\r\n      triggers=\"focus\"\r\n      placement=\"top\"\r\n    >\r\n      <template #title>\r\n        <span>Default!</span>\r\n      </template>\r\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n    </b-popover>\r\n\r\n    <!-- primary -->\r\n    <b-button\r\n      id=\"popover-button-variant\"\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n    >\r\n      Primary\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-variant\"\r\n      variant=\"primary\"\r\n      triggers=\"focus\"\r\n      placement=\"top\"\r\n    >\r\n      <template #title>\r\n        <span>Primary!</span>\r\n      </template>\r\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n    </b-popover>\r\n\r\n    <!-- secondary -->\r\n    <b-button\r\n      id=\"popover-button-secondary\"\r\n      v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n      variant=\"outline-secondary\"\r\n    >\r\n      Secondary\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-secondary\"\r\n      variant=\"secondary\"\r\n      triggers=\"focus\"\r\n      placement=\"top\"\r\n    >\r\n      <template #title>\r\n        <span>Secondary!</span>\r\n      </template>\r\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n    </b-popover>\r\n\r\n    <!-- success -->\r\n    <b-button\r\n      id=\"popover-button-success\"\r\n      v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\r\n      variant=\"outline-success\"\r\n    >\r\n      Success\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-success\"\r\n      variant=\"success\"\r\n      triggers=\"focus\"\r\n      placement=\"top\"\r\n    >\r\n      <template #title>\r\n        <span>Success!</span>\r\n      </template>\r\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n    </b-popover>\r\n\r\n    <!-- danger -->\r\n    <b-button\r\n      id=\"popover-button-danger\"\r\n      v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\r\n      variant=\"outline-danger\"\r\n    >\r\n      Danger\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-danger\"\r\n      variant=\"danger\"\r\n      triggers=\"focus\"\r\n      placement=\"top\"\r\n    >\r\n      <template #title>\r\n        <span>Danger!</span>\r\n      </template>\r\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n    </b-popover>\r\n\r\n    <!-- warning -->\r\n    <b-button\r\n      id=\"popover-button-warning\"\r\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\r\n      variant=\"outline-warning\"\r\n    >\r\n      Warning\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-warning\"\r\n      variant=\"warning\"\r\n      triggers=\"focus\"\r\n      placement=\"top\"\r\n    >\r\n      <template #title>\r\n        <span>Warning!</span>\r\n      </template>\r\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n    </b-popover>\r\n\r\n    <!-- info -->\r\n    <b-button\r\n      id=\"popover-button-info\"\r\n      v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\r\n      variant=\"outline-info\"\r\n    >\r\n      Info\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-info\"\r\n      variant=\"info\"\r\n      triggers=\"focus\"\r\n      placement=\"top\"\r\n    >\r\n      <template #title>\r\n        <span>Info!</span>\r\n      </template>\r\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n    </b-popover>\r\n\r\n    <!-- info -->\r\n    <b-button\r\n      id=\"popover-button-dark\"\r\n      v-ripple.400=\"'rgba(30, 30, 30, 0.15)'\"\r\n      variant=\"outline-dark\"\r\n    >\r\n      Dark\r\n    </b-button>\r\n\r\n    <b-popover\r\n      target=\"popover-button-dark\"\r\n      variant=\"dark\"\r\n      triggers=\"focus\"\r\n      placement=\"top\"\r\n    >\r\n      <template #title>\r\n        <span>Info!</span>\r\n      </template>\r\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n    </b-popover>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BButton, VBPopover, BPopover } from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BPopover,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeAdvance = `\r\n<template>\r\n  <div id=\"my-container\">\r\n    <div class=\"my-1\">\r\n      <!-- Our triggering (target) element -->\r\n      <b-button\r\n        id=\"popover-reactive-1\"\r\n        ref=\"button\"\r\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n        variant=\"primary\"\r\n      >\r\n        Reactive Content Using Slots\r\n      </b-button>\r\n    </div>\r\n\r\n    <!-- Output from the popover interaction -->\r\n    <b-card\r\n      v-if=\"input1Return && input2Return\"\r\n      title=\"Returned values:\"\r\n      class=\"shadow-none border mb-0\"\r\n    >\r\n      <p\r\n        class=\"card-text\"\r\n        style=\"max-width: 20rem;\"\r\n      >\r\n        Name: <strong>{{ input1Return }}</strong><br>\r\n        Color: <strong>{{ input2Return }}</strong>\r\n      </p>\r\n    </b-card>\r\n\r\n    <!-- Our popover title and content render container -->\r\n    <!-- We use placement 'auto' so popover fits in the best spot on viewport -->\r\n    <!-- We specify the same container as the trigger button, so that popover is close to button -->\r\n    <b-popover\r\n      ref=\"popover\"\r\n      target=\"popover-reactive-1\"\r\n      triggers=\"click\"\r\n      :show.sync=\"popoverShow\"\r\n      placement=\"auto\"\r\n      container=\"my-container\"\r\n      @show=\"onShow\"\r\n      @shown=\"onShown\"\r\n      @hidden=\"onHidden\"\r\n    >\r\n      <template v-slot:title>\r\n        <div class=\"d-flex justify-content-between align-items-center\">\r\n          <span>Interactive Content</span>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            class=\"close\"\r\n            variant=\"transparent\"\r\n            aria-label=\"Close\"\r\n            @click=\"onClose\"\r\n          >\r\n            <span\r\n              class=\"d-inline-block text-white\"\r\n              aria-hidden=\"true\"\r\n            >&times;</span>\r\n          </b-button>\r\n        </div>\r\n      </template>\r\n\r\n      <div>\r\n        <b-form-group\r\n          label=\"Name\"\r\n          label-for=\"popover-input-1\"\r\n          label-cols=\"3\"\r\n          :state=\"input1state\"\r\n          class=\"mb-1\"\r\n          description=\"Enter your name\"\r\n          invalid-feedback=\"This field is required\"\r\n        >\r\n          <b-form-input\r\n            id=\"popover-input-1\"\r\n            ref=\"input1\"\r\n            v-model=\"input1\"\r\n            :state=\"input1state\"\r\n            size=\"sm\"\r\n          />\r\n        </b-form-group>\r\n\r\n        <b-form-group\r\n          label=\"Color\"\r\n          label-for=\"popover-input-2\"\r\n          label-cols=\"3\"\r\n          :state=\"input2state\"\r\n          class=\"mb-1\"\r\n          description=\"Pick a color\"\r\n          invalid-feedback=\"This field is required\"\r\n        >\r\n          <b-form-select\r\n            id=\"popover-input-2\"\r\n            v-model=\"input2\"\r\n            :state=\"input2state\"\r\n            :options=\"options\"\r\n            size=\"sm\"\r\n          />\r\n        </b-form-group>\r\n\r\n        <b-alert\r\n          show\r\n          class=\"small mb-1\"\r\n        >\r\n          <div class=\"alert-body\">\r\n            <strong>Current Values:</strong><br>\r\n            Name: <strong>{{ input1 }}</strong><br>\r\n            Color: <strong>{{ input2 }}</strong>\r\n          </div>\r\n        </b-alert>\r\n\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          size=\"sm\"\r\n          variant=\"danger\"\r\n          class=\"mr-1\"\r\n          @click=\"onClose\"\r\n        >\r\n          Cancel\r\n        </b-button>\r\n        <b-button\r\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n          size=\"sm\"\r\n          variant=\"primary\"\r\n          @click=\"onOk\"\r\n        >\r\n          Ok\r\n        </b-button>\r\n      </div>\r\n    </b-popover>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BPopover, BButton, BAlert, BFormGroup, BFormSelect, BFormInput, BCard,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BPopover,\r\n    BButton,\r\n    BAlert,\r\n    BFormGroup,\r\n    BFormSelect,\r\n    BFormInput,\r\n    BCard,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data: () => ({\r\n    input1: '',\r\n    input1state: null,\r\n    input2: '',\r\n    input2state: null,\r\n    options: [{ text: '- Choose 1 -', value: '' }, 'Red', 'Green', 'Blue'],\r\n    input1Return: '',\r\n    input2Return: '',\r\n    popoverShow: false,\r\n  }),\r\n  watch: {\r\n    input1(val) {\r\n      if (val) {\r\n        this.input1state = true\r\n      }\r\n    },\r\n    input2(val) {\r\n      if (val) {\r\n        this.input2state = true\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    onClose() {\r\n      this.popoverShow = false\r\n    },\r\n    onOk() {\r\n      if (!this.input1) {\r\n        this.input1state = false\r\n      }\r\n      if (!this.input2) {\r\n        this.input2state = false\r\n      }\r\n      if (this.input1 && this.input2) {\r\n        this.onClose()\r\n        // Return our popover form results\r\n        this.input1Return = this.input1\r\n        this.input2Return = this.input2\r\n      }\r\n    },\r\n    onShow() {\r\n      // This is called just before the popover is shown\r\n      // Reset our popover form variables\r\n      this.input1 = ''\r\n      this.input2 = ''\r\n      this.input1state = null\r\n      this.input2state = null\r\n      this.input1Return = ''\r\n      this.input2Return = ''\r\n    },\r\n    onShown() {\r\n      // Called just after the popover has been shown\r\n      // Transfer focus to the first input\r\n      this.focusRef(this.$refs.input1)\r\n    },\r\n    onHidden() {\r\n      // Called just after the popover has finished hiding\r\n      // Bring focus back to the button\r\n      this.focusRef(this.$refs.button)\r\n    },\r\n    focusRef(ref) {\r\n      // Some references may be a component, functional component, or plain element\r\n      // This handles that check before focusing, assuming a \\`focus()\\` method exists\r\n      // We do this in a double \\`$nextTick()\\` to ensure components have\r\n      // updated & popover positioned first\r\n      this.$nextTick(() => {\r\n        this.$nextTick(() => {\r\n          (ref.$el || ref).focus()\r\n        })\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Popover Positions\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Twelve options are available for positioning: </span>\r\n      <code>top, topleft, topright, right, righttop, rightbottom, bottom, bottomleft, bottomright, left, lefttop,</code>\r\n      <span> and </span>\r\n      <code>leftbottom</code>\r\n      <span> aligned. The default position is top. Positioning is relative to the trigger element.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-button\r\n        v-b-popover.hover.top=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        title=\"Popover on top\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Popover on top\r\n      </b-button>\r\n      <b-button\r\n        v-b-popover.hover.right=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        title=\"Popover on right\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Popover on right\r\n      </b-button>\r\n      <b-button\r\n        v-b-popover.hover.left=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        title=\"Popover on left\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Popover on left\r\n      </b-button>\r\n      <b-button\r\n        v-b-popover.hover.bottom=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        title=\"Popover on bottom\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Popover on bottom\r\n      </b-button>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codePosition }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BButton, VBPopover, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codePosition } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codePosition,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./PopoverPosition.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!./PopoverPosition.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopoverPosition.vue?vue&type=template&id=5cf6a765&\"\nimport script from \"./PopoverPosition.vue?vue&type=script&lang=js&\"\nexport * from \"./PopoverPosition.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\":\"Popover Triggers\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeTrigger)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"Popovers can be triggered (opened/closed) via any combination of \")]),_c('code',[_vm._v(\"click, hover\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"focus\")]),_c('span',[_vm._v(\" . The default trigger is \")]),_c('code',[_vm._v(\"click\")]),_c('span',[_vm._v(\" . Or a trigger of manual can be specified, where the popover can only be opened or closed programmatically.\")])]),_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-popover\",rawName:\"v-b-popover.click\",value:('Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'),expression:\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\",modifiers:{\"click\":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-popover\",rawName:\"v-b-popover.focus\",value:('Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'),expression:\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\",modifiers:{\"focus\":true}}],attrs:{\"title\":\"On Focus Trigger\",\"variant\":\"outline-primary\"}},[_vm._v(\" On 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-popover\",rawName:\"v-b-popover.hover\",value:('Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'),expression:\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\",modifiers:{\"hover\":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-popover\",rawName:\"v-b-popover.hover.focus\",value:('Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'),expression:\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\",modifiers:{\"hover\":true,\"focus\":true}}],attrs:{\"title\":\"Hover + Focus Trigger\",\"variant\":\"outline-primary\"}},[_vm._v(\" Hover + Focus Trigger \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Popover Triggers\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>Popovers can be triggered (opened/closed) via any combination of </span>\r\n      <code>click, hover</code>\r\n      <span> and </span>\r\n      <code>focus</code>\r\n      <span> . The default trigger is </span>\r\n      <code>click</code>\r\n      <span> . Or a trigger of manual can be specified, where the popover can only be opened or closed\r\n        programmatically.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-popover.click=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n        title=\"On Cllick Trigger\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        On Cllick Trigger\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-popover.focus=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n        title=\"On Focus Trigger\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        On Focus Trigger\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-popover.hover=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n        title=\"On Hover Trigger\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        On Hover Trigger\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-popover.hover.focus=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\r\n        title=\"Hover + Focus Trigger\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Hover + Focus Trigger\r\n      </b-button>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeTrigger }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  VBPopover, BButton, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeTrigger } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeTrigger,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./PopoverTrigger.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!./PopoverTrigger.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopoverTrigger.vue?vue&type=template&id=587842ce&\"\nimport script from \"./PopoverTrigger.vue?vue&type=script&lang=js&\"\nexport * from \"./PopoverTrigger.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\":\"Popover Options\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeOption)+\" \")]},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}},{name:\"b-popover\",rawName:\"v-b-popover.hover\",value:('Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.'),expression:\"'Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.'\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Title from title attribute\",\"variant\":\"outline-primary\"}},[_vm._v(\" Title + Content \")]),_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\":\"popover-target-1\",\"variant\":\"outline-primary\"}},[_vm._v(\" No animation \")]),_c('b-popover',{attrs:{\"target\":\"popover-target-1\",\"triggers\":\"hover\",\"no-fade\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Without Fade Animation \")]},proxy:true}])},[_c('span',[_vm._v(\"Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.\")])]),_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\":\"popover-target-2\",\"variant\":\"outline-primary\"}},[_vm._v(\" Delay popover \")]),_c('b-popover',{attrs:{\"target\":\"popover-target-2\",\"triggers\":\"hover\",\"delay\":_vm.delay},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Click Triggered \")]},proxy:true}])},[_c('span',[_vm._v(\"Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.\")])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Popover Options\">\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        v-b-popover.hover=\"'Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.'\"\r\n        title=\"Title from title attribute\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Title + Content\r\n      </b-button>\r\n\r\n      <b-button\r\n        id=\"popover-target-1\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        No animation\r\n      </b-button>\r\n\r\n      <!-- popover -->\r\n      <b-popover\r\n        target=\"popover-target-1\"\r\n        triggers=\"hover\"\r\n        no-fade\r\n      >\r\n        <template #title>\r\n          Without Fade Animation\r\n        </template>\r\n        <span>Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.</span>\r\n      </b-popover>\r\n\r\n      <b-button\r\n        id=\"popover-target-2\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Delay popover\r\n      </b-button>\r\n\r\n      <!-- popover -->\r\n      <b-popover\r\n        target=\"popover-target-2\"\r\n        triggers=\"hover\"\r\n        :delay=\"delay\"\r\n      >\r\n        <template #title>\r\n          Click Triggered\r\n        </template>\r\n        <span>Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.</span>\r\n      </b-popover>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeOption }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  VBPopover, BButton, BPopover,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeOption } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BPopover,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      delay: { show: 500, hide: 500 },\r\n      codeOption,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./PopoverOption.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!./PopoverOption.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopoverOption.vue?vue&type=template&id=3165428c&\"\nimport script from \"./PopoverOption.vue?vue&type=script&lang=js&\"\nexport * from \"./PopoverOption.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\":\"Popover Methods\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMethod)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" This is considered a “manual” popovering of the popover. popovers 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\":\"popover-button-1\",\"variant\":\"outline-primary\"},on:{\"click\":_vm.showPopover}},[_vm._v(\" Show popover \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-1\",\"placement\":\"top\",\"triggers\":\"click\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Show Method Popover \")]},proxy:true}])},[_c('span',[_vm._v(\"Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.\")])]),_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\":\"popover-button-2\",\"variant\":\"outline-primary\"},on:{\"click\":_vm.hidePopover}},[_vm._v(\" Hide popover \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-2\",\"placement\":\"top\",\"triggers\":\"hover\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Hide Method Popover \")]},proxy:true}])},[_c('span',[_vm._v(\"Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.\")])]),_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\":\"popover-button-3\",\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.show = !_vm.show}}},[_vm._v(\" Toggle popover \")]),_c('b-popover',{attrs:{\"show\":_vm.show,\"target\":\"popover-button-3\",\"placement\":\"top\",\"triggers\":\"click\"},on:{\"update:show\":function($event){_vm.show=$event}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Toggle Method Popover \")]},proxy:true}])},[_c('span',[_vm._v(\"Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.\")])]),_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\":\"popover-button-disable\",\"variant\":\"outline-primary\"}},[_vm._v(\" Disable/Enable popover \")]),_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:{\"variant\":_vm.disabled ? 'success':'danger'},on:{\"click\":function($event){_vm.disabled = !_vm.disabled}}},[_vm._v(\" \"+_vm._s(_vm.disabled ? 'Enable' : 'Disable')+\" popover by prop \")]),_c('b-popover',{ref:\"popover\",attrs:{\"disabled\":_vm.disabled,\"target\":\"popover-button-disable\"},on:{\"update:disabled\":function($event){_vm.disabled=$event}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Disable/Enable Popover \")]},proxy:true}])},[_c('span',[_vm._v(\"Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Popover Methods\">\r\n    <b-card-text class=\"mb-0\">\r\n      This is considered a “manual” popovering of the popover. popovers with zero-length titles are never displayed.\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n      <b-button\r\n        id=\"popover-button-1\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"showPopover\"\r\n      >\r\n        Show popover\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-1\"\r\n        placement=\"top\"\r\n        triggers=\"click\"\r\n      >\r\n        <template #title>\r\n          Show Method Popover\r\n        </template>\r\n        <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\r\n      </b-popover>\r\n\r\n      <b-button\r\n        id=\"popover-button-2\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"hidePopover\"\r\n      >\r\n        Hide popover\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-2\"\r\n        placement=\"top\"\r\n        triggers=\"hover\"\r\n      >\r\n        <template #title>\r\n          Hide Method Popover\r\n        </template>\r\n        <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\r\n      </b-popover>\r\n\r\n      <b-button\r\n        id=\"popover-button-3\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"show = !show\"\r\n      >\r\n        Toggle popover\r\n      </b-button>\r\n\r\n      <b-popover\r\n        :show.sync=\"show\"\r\n        target=\"popover-button-3\"\r\n        placement=\"top\"\r\n        triggers=\"click\"\r\n      >\r\n        <template #title>\r\n          Toggle Method Popover\r\n        </template>\r\n        <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\r\n      </b-popover>\r\n\r\n      <b-button\r\n        id=\"popover-button-disable\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Disable/Enable popover\r\n      </b-button>\r\n\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        :variant=\"disabled ? 'success':'danger'\"\r\n        @click=\"disabled = !disabled\"\r\n      >\r\n        {{ disabled ? 'Enable' : 'Disable' }} popover by prop\r\n      </b-button>\r\n\r\n      <b-popover\r\n        ref=\"popover\"\r\n        :disabled.sync=\"disabled\"\r\n        target=\"popover-button-disable\"\r\n      >\r\n        <template #title>\r\n          Disable/Enable Popover\r\n        </template>\r\n        <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\r\n      </b-popover>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeMethod }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  VBPopover, BButton, BPopover, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeMethod } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BPopover,\r\n    BButton,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      show: false,\r\n      disabled: false,\r\n      codeMethod,\r\n    }\r\n  },\r\n  methods: {\r\n    showPopover() {\r\n      this.$root.$emit('bv::show::popover', 'popover-button-1')\r\n    },\r\n    hidePopover() {\r\n      this.$root.$emit('bv::hide::popover', 'popover-button-2')\r\n    },\r\n  },\r\n}\r\n</script>\r\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!./PopoverMethod.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!./PopoverMethod.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopoverMethod.vue?vue&type=template&id=0fae7afd&\"\nimport script from \"./PopoverMethod.vue?vue&type=script&lang=js&\"\nexport * from \"./PopoverMethod.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\":\"Popover Events\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeEvent)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" Popover have four events : \"),_c('code',[_vm._v(\"Show, Shown, Hide, Hidden\")])]),_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\":\"popover-button-show-event\",\"variant\":\"outline-primary\"}},[_vm._v(\" Show Event popover \")]),_c('b-popover',{ref:\"popover-show\",attrs:{\"target\":\"popover-button-show-event\",\"triggers\":\"click\"},on:{\"show\":_vm.onShow},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Show Event Popover \")]},proxy:true}])},[_c('span',[_vm._v(\"Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.\")])]),_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\":\"popover-button-shown-event\",\"variant\":\"outline-primary\"}},[_vm._v(\" Shown Event popover \")]),_c('b-popover',{ref:\"popover-shown\",attrs:{\"target\":\"popover-button-shown-event\",\"triggers\":\"click\"},on:{\"shown\":_vm.onShown},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Shown Event Popover \")]},proxy:true}])},[_c('span',[_vm._v(\"Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.\")])]),_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\":\"popover-button-hide-event\",\"variant\":\"outline-primary\"}},[_vm._v(\" Hide Event popover \")]),_c('b-popover',{ref:\"popover-hide\",attrs:{\"target\":\"popover-button-hide-event\",\"triggers\":\"click\"},on:{\"hide\":_vm.onHide},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Hide Event Popover \")]},proxy:true}])},[_c('span',[_vm._v(\"Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.\")])]),_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\":\"popover-button-hidden-event\",\"variant\":\"outline-primary\"}},[_vm._v(\" Hidden Event popover \")]),_c('b-popover',{ref:\"popover-hidden\",attrs:{\"target\":\"popover-button-hidden-event\",\"triggers\":\"click\"},on:{\"hidden\":_vm.onHidden},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" Hidden Event Popover \")]},proxy:true}])},[_c('span',[_vm._v(\"Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Popover Events\">\r\n    <b-card-text class=\"mb-0\">\r\n      Popover have four events : <code>Show, Shown, Hide, Hidden</code>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n\r\n      <!-- button show -->\r\n      <b-button\r\n        id=\"popover-button-show-event\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Show Event popover\r\n      </b-button>\r\n\r\n      <!-- popover -->\r\n      <b-popover\r\n        ref=\"popover-show\"\r\n        target=\"popover-button-show-event\"\r\n        triggers=\"click\"\r\n        @show=\"onShow\"\r\n      >\r\n        <template #title>\r\n          Show Event Popover\r\n        </template>\r\n        <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\r\n      </b-popover>\r\n\r\n      <!-- button shown -->\r\n      <b-button\r\n        id=\"popover-button-shown-event\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Shown Event popover\r\n      </b-button>\r\n\r\n      <!-- popover -->\r\n      <b-popover\r\n        ref=\"popover-shown\"\r\n        target=\"popover-button-shown-event\"\r\n        triggers=\"click\"\r\n        @shown=\"onShown\"\r\n      >\r\n        <template #title>\r\n          Shown Event Popover\r\n        </template>\r\n        <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\r\n      </b-popover>\r\n\r\n      <!-- button hide -->\r\n      <b-button\r\n        id=\"popover-button-hide-event\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Hide Event popover\r\n      </b-button>\r\n\r\n      <!-- popover -->\r\n      <b-popover\r\n        ref=\"popover-hide\"\r\n        target=\"popover-button-hide-event\"\r\n        triggers=\"click\"\r\n        @hide=\"onHide\"\r\n      >\r\n        <template #title>\r\n          Hide Event Popover\r\n        </template>\r\n        <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\r\n      </b-popover>\r\n\r\n      <!-- button hidden -->\r\n      <b-button\r\n        id=\"popover-button-hidden-event\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Hidden Event popover\r\n      </b-button>\r\n\r\n      <!-- popover -->\r\n      <b-popover\r\n        ref=\"popover-hidden\"\r\n        target=\"popover-button-hidden-event\"\r\n        triggers=\"click\"\r\n        @hidden=\"onHidden\"\r\n      >\r\n        <template #title>\r\n          Hidden Event Popover\r\n        </template>\r\n        <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\r\n      </b-popover>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeEvent }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  VBPopover, BButton, BPopover, BCardText,\r\n} from 'bootstrap-vue'\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeEvent } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BButton,\r\n    BPopover,\r\n    // eslint-disable-next-line vue/no-unused-components\r\n    ToastificationContent,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeEvent,\r\n    }\r\n  },\r\n  methods: {\r\n    onShow() {\r\n      this.$toast({\r\n        component: ToastificationContent,\r\n        props: {\r\n          title: 'Show Event popover',\r\n          icon: 'BellIcon',\r\n        },\r\n      })\r\n    },\r\n    onShown() {\r\n      this.$toast({\r\n        component: ToastificationContent,\r\n        props: {\r\n          title: 'Shown Event popover',\r\n          icon: 'BellIcon',\r\n        },\r\n      })\r\n    },\r\n    onHide() {\r\n      this.$toast({\r\n        component: ToastificationContent,\r\n        props: {\r\n          title: 'Hide Event popover',\r\n          icon: 'BellIcon',\r\n        },\r\n      })\r\n    },\r\n    onHidden() {\r\n      this.$toast({\r\n        component: ToastificationContent,\r\n        props: {\r\n          title: 'Hidden Event popover',\r\n          icon: 'BellIcon',\r\n        },\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\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!./PopoverEvent.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!./PopoverEvent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopoverEvent.vue?vue&type=template&id=a6ee6d66&\"\nimport script from \"./PopoverEvent.vue?vue&type=script&lang=js&\"\nexport * from \"./PopoverEvent.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\":\"Popover Variant\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVariant)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"BootstrapVue's popovers support contextual color variants via our custom CSS, via the\")]),_c('code',[_vm._v(\"variant\")]),_c('span',[_vm._v(\" prop:\")])]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{attrs:{\"id\":\"popover-button-default\",\"variant\":\"gradient-primary\"}},[_vm._v(\" Default \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-default\",\"triggers\":\"focus\",\"placement\":\"top\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',[_vm._v(\"Default!\")])]},proxy:true}])},[_c('span',[_vm._v(\"Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.\")])]),_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\":\"popover-button-variant\",\"variant\":\"outline-primary\"}},[_vm._v(\" Primary \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-variant\",\"variant\":\"primary\",\"triggers\":\"focus\",\"placement\":\"top\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',[_vm._v(\"Primary!\")])]},proxy:true}])},[_c('span',[_vm._v(\"Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.\")])]),_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}}],attrs:{\"id\":\"popover-button-secondary\",\"variant\":\"outline-secondary\"}},[_vm._v(\" Secondary \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-secondary\",\"variant\":\"secondary\",\"triggers\":\"focus\",\"placement\":\"top\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',[_vm._v(\"Secondary!\")])]},proxy:true}])},[_c('span',[_vm._v(\"Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.\")])]),_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}}],attrs:{\"id\":\"popover-button-success\",\"variant\":\"outline-success\"}},[_vm._v(\" Success \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-success\",\"variant\":\"success\",\"triggers\":\"focus\",\"placement\":\"top\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',[_vm._v(\"Success!\")])]},proxy:true}])},[_c('span',[_vm._v(\"Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.\")])]),_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}}],attrs:{\"id\":\"popover-button-danger\",\"variant\":\"outline-danger\"}},[_vm._v(\" Danger \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-danger\",\"variant\":\"danger\",\"triggers\":\"focus\",\"placement\":\"top\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',[_vm._v(\"Danger!\")])]},proxy:true}])},[_c('span',[_vm._v(\"Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.\")])]),_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}}],attrs:{\"id\":\"popover-button-warning\",\"variant\":\"outline-warning\"}},[_vm._v(\" Warning \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-warning\",\"variant\":\"warning\",\"triggers\":\"focus\",\"placement\":\"top\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',[_vm._v(\"Warning!\")])]},proxy:true}])},[_c('span',[_vm._v(\"Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.\")])]),_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}}],attrs:{\"id\":\"popover-button-info\",\"variant\":\"outline-info\"}},[_vm._v(\" Info \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-info\",\"variant\":\"info\",\"triggers\":\"focus\",\"placement\":\"top\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',[_vm._v(\"Info!\")])]},proxy:true}])},[_c('span',[_vm._v(\"Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.\")])]),_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}}],attrs:{\"id\":\"popover-button-dark\",\"variant\":\"outline-dark\"}},[_vm._v(\" Dark \")]),_c('b-popover',{attrs:{\"target\":\"popover-button-dark\",\"variant\":\"dark\",\"triggers\":\"focus\",\"placement\":\"top\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',[_vm._v(\"Info!\")])]},proxy:true}])},[_c('span',[_vm._v(\"Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Popover Variant\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>BootstrapVue's popovers support contextual color variants via our custom CSS, via the</span>\r\n      <code>variant</code>\r\n      <span> prop:</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-inline-spacing\">\r\n\r\n      <!-- default -->\r\n      <b-button\r\n        id=\"popover-button-default\"\r\n        variant=\"gradient-primary\"\r\n      >\r\n        Default\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-default\"\r\n        triggers=\"focus\"\r\n        placement=\"top\"\r\n      >\r\n        <template #title>\r\n          <span>Default!</span>\r\n        </template>\r\n        <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n      </b-popover>\r\n\r\n      <!-- primary -->\r\n      <b-button\r\n        id=\"popover-button-variant\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Primary\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-variant\"\r\n        variant=\"primary\"\r\n        triggers=\"focus\"\r\n        placement=\"top\"\r\n      >\r\n        <template #title>\r\n          <span>Primary!</span>\r\n        </template>\r\n        <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n      </b-popover>\r\n\r\n      <!-- secondary -->\r\n      <b-button\r\n        id=\"popover-button-secondary\"\r\n        v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n        variant=\"outline-secondary\"\r\n      >\r\n        Secondary\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-secondary\"\r\n        variant=\"secondary\"\r\n        triggers=\"focus\"\r\n        placement=\"top\"\r\n      >\r\n        <template #title>\r\n          <span>Secondary!</span>\r\n        </template>\r\n        <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n      </b-popover>\r\n\r\n      <!-- success -->\r\n      <b-button\r\n        id=\"popover-button-success\"\r\n        v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\r\n        variant=\"outline-success\"\r\n      >\r\n        Success\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-success\"\r\n        variant=\"success\"\r\n        triggers=\"focus\"\r\n        placement=\"top\"\r\n      >\r\n        <template #title>\r\n          <span>Success!</span>\r\n        </template>\r\n        <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n      </b-popover>\r\n\r\n      <!-- danger -->\r\n      <b-button\r\n        id=\"popover-button-danger\"\r\n        v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\r\n        variant=\"outline-danger\"\r\n      >\r\n        Danger\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-danger\"\r\n        variant=\"danger\"\r\n        triggers=\"focus\"\r\n        placement=\"top\"\r\n      >\r\n        <template #title>\r\n          <span>Danger!</span>\r\n        </template>\r\n        <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n      </b-popover>\r\n\r\n      <!-- warning -->\r\n      <b-button\r\n        id=\"popover-button-warning\"\r\n        v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\r\n        variant=\"outline-warning\"\r\n      >\r\n        Warning\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-warning\"\r\n        variant=\"warning\"\r\n        triggers=\"focus\"\r\n        placement=\"top\"\r\n      >\r\n        <template #title>\r\n          <span>Warning!</span>\r\n        </template>\r\n        <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n      </b-popover>\r\n\r\n      <!-- info -->\r\n      <b-button\r\n        id=\"popover-button-info\"\r\n        v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\r\n        variant=\"outline-info\"\r\n      >\r\n        Info\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-info\"\r\n        variant=\"info\"\r\n        triggers=\"focus\"\r\n        placement=\"top\"\r\n      >\r\n        <template #title>\r\n          <span>Info!</span>\r\n        </template>\r\n        <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n      </b-popover>\r\n\r\n      <!-- info -->\r\n      <b-button\r\n        id=\"popover-button-dark\"\r\n        v-ripple.400=\"'rgba(30, 30, 30, 0.15)'\"\r\n        variant=\"outline-dark\"\r\n      >\r\n        Dark\r\n      </b-button>\r\n\r\n      <b-popover\r\n        target=\"popover-button-dark\"\r\n        variant=\"dark\"\r\n        triggers=\"focus\"\r\n        placement=\"top\"\r\n      >\r\n        <template #title>\r\n          <span>Info!</span>\r\n        </template>\r\n        <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\r\n      </b-popover>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeVariant }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BButton, VBPopover, BPopover, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeVariant } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BCardText,\r\n    BPopover,\r\n  },\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeVariant,\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./PopoverVariant.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!./PopoverVariant.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopoverVariant.vue?vue&type=template&id=3322b3b8&\"\nimport script from \"./PopoverVariant.vue?vue&type=script&lang=js&\"\nexport * from \"./PopoverVariant.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\":\"Advanced <b-popover> usage with reactive content\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAdvance)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"You can even make your \")]),_c('code',[_vm._v(\"<b-popover>\")]),_c('span',[_vm._v(\" content interactive.\")])]),_c('div',{attrs:{\"id\":\"my-container\"}},[_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}}],ref:\"button\",attrs:{\"id\":\"popover-reactive-1\",\"variant\":\"outline-primary\"}},[_vm._v(\" Reactive Content Using Slots \")]),(_vm.input1Return && _vm.input2Return)?_c('b-card',{staticClass:\"shadow-none border mb-0 mt-2\",attrs:{\"title\":\"Returned values:\"}},[_c('p',{staticClass:\"card-text\"},[_vm._v(\" Name: \"),_c('strong',[_vm._v(_vm._s(_vm.input1Return))]),_c('br'),_vm._v(\" Password: \"),_c('strong',[_vm._v(_vm._s(_vm.input2Return))])])]):_vm._e(),_c('b-popover',{ref:\"popover\",attrs:{\"target\":\"popover-reactive-1\",\"triggers\":\"click\",\"show\":_vm.popoverShow,\"placement\":\"auto\",\"container\":\"my-container\"},on:{\"update:show\":function($event){_vm.popoverShow=$event}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('span',[_vm._v(\"Interactive Content\")])])]},proxy:true}])},[_c('div',[_c('b-form-group',{attrs:{\"state\":_vm.input1state,\"invalid-feedback\":\"This field is required\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Your Name\",\"state\":_vm.input1state,\"size\":\"sm\"},model:{value:(_vm.input1),callback:function ($$v) {_vm.input1=$$v},expression:\"input1\"}})],1),_c('b-form-group',{attrs:{\"state\":_vm.input2state,\"invalid-feedback\":\"This field is required\"}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"placeholder\":\"Your Password\",\"state\":_vm.input2state,\"size\":\"sm\"},model:{value:(_vm.input2),callback:function ($$v) {_vm.input2=$$v},expression:\"input2\"}})],1),_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}}],staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"danger\"},on:{\"click\":_vm.onClose}},[_vm._v(\" Cancel \")]),_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:{\"size\":\"sm\",\"variant\":\"primary\"},on:{\"click\":_vm.onOk}},[_vm._v(\" Ok \")])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Advanced &lt;b-popover&gt; usage with reactive content\">\r\n    <b-card-text>\r\n      <span>You can even make your </span>\r\n      <code>&lt;b-popover&gt;</code>\r\n      <span> content interactive.</span>\r\n    </b-card-text>\r\n\r\n    <div id=\"my-container\">\r\n      <!-- Our triggering (target) element -->\r\n      <b-button\r\n        id=\"popover-reactive-1\"\r\n        ref=\"button\"\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n      >\r\n        Reactive Content Using Slots\r\n      </b-button>\r\n\r\n      <!-- Output from the popover interaction -->\r\n      <b-card\r\n        v-if=\"input1Return && input2Return\"\r\n        title=\"Returned values:\"\r\n        class=\"shadow-none border mb-0 mt-2\"\r\n      >\r\n        <p class=\"card-text\">\r\n          Name: <strong>{{ input1Return }}</strong><br>\r\n          Password: <strong>{{ input2Return }}</strong>\r\n        </p>\r\n      </b-card>\r\n\r\n      <!-- Our popover title and content render container -->\r\n      <!-- We use placement 'auto' so popover fits in the best spot on viewport -->\r\n      <!-- We specify the same container as the trigger button, so that popover is close to button -->\r\n      <b-popover\r\n        ref=\"popover\"\r\n        target=\"popover-reactive-1\"\r\n        triggers=\"click\"\r\n        :show.sync=\"popoverShow\"\r\n        placement=\"auto\"\r\n        container=\"my-container\"\r\n      >\r\n        <template #title>\r\n          <div class=\"d-flex justify-content-between align-items-center\">\r\n            <span>Interactive Content</span>\r\n          </div>\r\n        </template>\r\n\r\n        <div>\r\n          <b-form-group\r\n            :state=\"input1state\"\r\n            invalid-feedback=\"This field is required\"\r\n          >\r\n            <b-form-input\r\n              v-model=\"input1\"\r\n              placeholder=\"Your Name\"\r\n              :state=\"input1state\"\r\n              size=\"sm\"\r\n            />\r\n          </b-form-group>\r\n\r\n          <b-form-group\r\n            :state=\"input2state\"\r\n            invalid-feedback=\"This field is required\"\r\n          >\r\n            <b-form-input\r\n              v-model=\"input2\"\r\n              type=\"password\"\r\n              placeholder=\"Your Password\"\r\n              :state=\"input2state\"\r\n              size=\"sm\"\r\n            />\r\n          </b-form-group>\r\n\r\n          <!-- button -->\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            size=\"sm\"\r\n            variant=\"danger\"\r\n            class=\"mr-1\"\r\n            @click=\"onClose\"\r\n          >\r\n            Cancel\r\n          </b-button>\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            size=\"sm\"\r\n            variant=\"primary\"\r\n            @click=\"onOk\"\r\n          >\r\n            Ok\r\n          </b-button>\r\n        </div>\r\n      </b-popover>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeAdvance }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BPopover, BButton, BFormGroup, BFormInput, BCard, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeAdvance } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BPopover,\r\n    BButton,\r\n    BFormGroup,\r\n    BCardText,\r\n    BFormInput,\r\n    BCard,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      input1: '',\r\n      input1state: null,\r\n      input2: '',\r\n      input2state: null,\r\n      input1Return: '',\r\n      input2Return: '',\r\n      popoverShow: false,\r\n      codeAdvance,\r\n    }\r\n  },\r\n  watch: {\r\n    input1(val) {\r\n      if (val) {\r\n        this.input1state = true\r\n      }\r\n    },\r\n    input2(val) {\r\n      if (val) {\r\n        this.input2state = true\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    onClose() {\r\n      this.popoverShow = false\r\n    },\r\n    onOk() {\r\n      if (!this.input1) {\r\n        this.input1state = false\r\n      }\r\n      if (!this.input2) {\r\n        this.input2state = false\r\n      }\r\n      if (this.input1 && this.input2) {\r\n        this.onClose()\r\n        // Return our popover form results\r\n        this.input1Return = this.input1\r\n        this.input2Return = this.input2\r\n      }\r\n    },\r\n    onShow() {\r\n      // This is called just before the popover is shown\r\n      // Reset our popover form variables\r\n      this.input1 = ''\r\n      this.input2 = ''\r\n      this.input1state = null\r\n      this.input2state = null\r\n      this.input1Return = ''\r\n      this.input2Return = ''\r\n    },\r\n  },\r\n}\r\n</script>\r\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!./PopoverAdvance.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!./PopoverAdvance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopoverAdvance.vue?vue&type=template&id=26fe732f&\"\nimport script from \"./PopoverAdvance.vue?vue&type=script&lang=js&\"\nexport * from \"./PopoverAdvance.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>\r\n  <b-row>\r\n    <b-col cols=\"12\">\r\n      <popover-position />\r\n      <popover-variant />\r\n      <popover-trigger />\r\n      <popover-option />\r\n      <popover-method />\r\n      <popover-event />\r\n      <popover-advance />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\nimport PopoverPosition from './PopoverPosition.vue'\r\nimport PopoverTrigger from './PopoverTrigger.vue'\r\nimport PopoverOption from './PopoverOption.vue'\r\nimport PopoverMethod from './PopoverMethod.vue'\r\nimport PopoverEvent from './PopoverEvent.vue'\r\nimport PopoverVariant from './PopoverVariant.vue'\r\nimport PopoverAdvance from './PopoverAdvance.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    PopoverPosition,\r\n    PopoverTrigger,\r\n    PopoverOption,\r\n    PopoverMethod,\r\n    PopoverEvent,\r\n    PopoverVariant,\r\n    PopoverAdvance,\r\n  },\r\n}\r\n</script>\r\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!./Popover.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!./Popover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Popover.vue?vue&type=template&id=2c87e820&\"\nimport script from \"./Popover.vue?vue&type=script&lang=js&\"\nexport * from \"./Popover.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","import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n"],"sourceRoot":""}