{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/toasts/Toasts.vue?735f","webpack:///./src/views/components/toasts/ToastsBasic.vue?c16a","webpack:///./src/views/components/toasts/code.js","webpack:///src/views/components/toasts/ToastsBasic.vue","webpack:///./src/views/components/toasts/ToastsBasic.vue?368c","webpack:///./src/views/components/toasts/ToastsBasic.vue","webpack:///./src/views/components/toasts/ToastsTranslucent.vue?39d8","webpack:///src/views/components/toasts/ToastsTranslucent.vue","webpack:///./src/views/components/toasts/ToastsTranslucent.vue?36eb","webpack:///./src/views/components/toasts/ToastsTranslucent.vue","webpack:///./src/views/components/toasts/ToastsDelay.vue?d56f","webpack:///src/views/components/toasts/ToastsDelay.vue","webpack:///./src/views/components/toasts/ToastsDelay.vue?a60b","webpack:///./src/views/components/toasts/ToastsDelay.vue","webpack:///./src/views/components/toasts/ToastsTarget.vue?6b6f","webpack:///src/views/components/toasts/ToastsTarget.vue","webpack:///./src/views/components/toasts/ToastsTarget.vue?b83c","webpack:///./src/views/components/toasts/ToastsTarget.vue","webpack:///./src/views/components/toasts/ToastsVariants.vue?baf1","webpack:///src/views/components/toasts/ToastsVariants.vue","webpack:///./src/views/components/toasts/ToastsVariants.vue?958d","webpack:///./src/views/components/toasts/ToastsVariants.vue","webpack:///./src/views/components/toasts/ToastsLinks.vue?c523","webpack:///src/views/components/toasts/ToastsLinks.vue","webpack:///./src/views/components/toasts/ToastsLinks.vue?63d5","webpack:///./src/views/components/toasts/ToastsLinks.vue","webpack:///./src/views/components/toasts/ToastsAdvance.vue?1d72","webpack:///src/views/components/toasts/ToastsAdvance.vue","webpack:///./src/views/components/toasts/ToastsAdvance.vue?b6f7","webpack:///./src/views/components/toasts/ToastsAdvance.vue","webpack:///src/views/components/toasts/Toasts.vue","webpack:///./src/views/components/toasts/Toasts.vue?6c97","webpack:///./src/views/components/toasts/Toasts.vue","webpack:///./src/views/components/toasts/ToastsTranslucent.vue?b8e4","webpack:///./src/assets/images/logo/logo.png"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBasic","proxy","directives","name","rawName","value","expression","modifiers","on","$event","$bvToast","show","staticClass","codeAdvance","codeToastDelay","codeLinks","codeTarget","codeTranslucent","codeVariant","components","BButton","BCardText","BToast","BImg","Ripple","data","component","model","callback","$$v","visible","BCardBody","toast","counter","methods","toaster","append","title","solid","appendToast","makeToast","variant","href","popToast","BSpinner","count","h","vNodesMsg","class","props","type","small","vNodesTitle","BRow","BCol","ToastsBasic","ToastsTranslucent","ToastsDelay","ToastsTarget","ToastsVariants","ToastsLinks","ToastsAdvance","module","exports"],"mappings":"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","file":"js/chunk-886007a0.078eb6d0.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\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('toasts-basic'),_c('toasts-translucent'),_c('toasts-variants'),_c('toasts-delay'),_c('toasts-target'),_c('toasts-links'),_c('toasts-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\":\"Basic Toast\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBasic)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Push notifications to your visitors with a \")]),_c('code',[_vm._v(\"<b-toast>\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"<b-toaster>,\")]),_c('span',[_vm._v(\" lightweigt components which are easily customizable for generating alert messages.\")])]),_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\":\"outline-primary\"},on:{\"click\":function($event){return _vm.$bvToast.show('example-toast')}}},[_vm._v(\" Show toast \")]),_c('b-toast',{attrs:{\"id\":\"example-toast\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('div',{staticClass:\"d-flex flex-grow-1 align-items-center mr-1\"},[_c('b-img',{staticClass:\"mr-1\",attrs:{\"src\":require('@/assets/images/logo/logo.png'),\"height\":\"18\",\"width\":\"25\",\"alt\":\"Toast image\"}}),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Vue Admin\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"11 mins ago\")])],1)]},proxy:true}])},[_c('span',[_vm._v(\"Hello, world! This is a toast message. Hope you're doing well.. :)\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeAdvance = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"popToast\"\r\n    >\r\n      Show Toast with custom content\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// eslint-disable-next-line\r\nimport { BButton, BSpinner } from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    // eslint-disable-next-line\r\n    BSpinner,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data: () => ({\r\n    count: 0,\r\n  }),\r\n  methods: {\r\n    popToast() {\r\n      // Use a shorter name for this.$createElement\r\n      const h = this.$createElement\r\n      // Increment the toast count\r\n      this.count += 1\r\n      // Create the message\r\n      const vNodesMsg = h('p', { class: ['text-center', 'mb-0'] }, [\r\n        h('b-spinner', { props: { type: 'grow', small: true } }),\r\n        ' Flashy ',\r\n        h('strong', 'toast'),\r\n        \\`message #\\${this.count}\\`,\r\n        h('b-spinner', { props: { type: 'grow', small: true } }),\r\n      ])\r\n      // Create the title\r\n      const vNodesTitle = h('div', { class: ['d-flex', 'flex-grow-1', 'align-items-baseline', 'mr-2'] }, [\r\n        h('strong', { class: 'mr-2' }, 'The Title'),\r\n        h('small', { class: 'ml-auto font-italics' }, '5 minutes ago'),\r\n      ])\r\n      // Pass the VNodes as an array for message and title\r\n      this.$bvToast.toast([vNodesMsg], {\r\n        title: [vNodesTitle],\r\n        solid: true,\r\n        variant: 'info',\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeToastDelay = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"$bvToast.show('example-toast5')\"\r\n    >\r\n      Delay\r\n    </b-button>\r\n\r\n    <!-- toast -->\r\n    <b-toast\r\n      id=\"example-toast5\"\r\n      auto-hide-delay=\"10000\"\r\n    >\r\n      <template #toast-title>\r\n        <div class=\"d-flex flex-grow-1 align-items-center mr-25\">\r\n          <b-img\r\n            :src=\"require('@/assets/images/logo/logo.png')\"\r\n            class=\"rounded mr-2\"\r\n            height=\"18\"\r\n            width=\"25\"\r\n            alt=\"Toast image\"\r\n          />\r\n          <strong class=\"mr-auto\">Vue Admin</strong>\r\n          <small class=\"text-muted\">11 mins ago</small>\r\n        </div>\r\n      </template>\r\n      <span>Hello, world! This is a toast message.</span>\r\n    </b-toast>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BToast, BButton, BImg } from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BToast,\r\n    BButton,\r\n    BImg,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeBasic = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"$bvToast.show('example-toast')\"\r\n    >\r\n      Show toast\r\n    </b-button>\r\n\r\n    <!-- toast -->\r\n    <b-toast id=\"example-toast\">\r\n      <template #toast-title>\r\n        <div class=\"d-flex flex-grow-1 align-items-center mr-1\">\r\n          <b-img\r\n            :src=\"require('@/assets/images/logo/logo.png')\"\r\n            class=\"mr-1\"\r\n            height=\"18\"\r\n            width=\"25\"\r\n            alt=\"Toast image\"\r\n          />\r\n          <strong class=\"mr-auto\">Vue Admin</strong>\r\n          <small class=\"text-muted\">11 mins ago</small>\r\n        </div>\r\n      </template>\r\n      <span>Hello, world! This is a toast message. Hope you're doing well.. :)</span>\r\n    </b-toast>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BButton, BToast, BImg } from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BButton,\r\n    BToast,\r\n    BImg,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeLinks = `\r\n<template>\r\n  <div>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast()\"\r\n    >\r\n      Toast with link\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { 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    Ripple,\r\n  },\r\n  methods: {\r\n    toast() {\r\n      this.$bvToast.toast('Toast with action link', {\r\n        href: '#foo',\r\n        title: 'Example',\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeTarget = `\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      variant=\"outline-primary\"\r\n      @click=\"toast('b-toaster-top-right')\"\r\n    >\r\n      b-toaster-top-right\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast('b-toaster-top-left')\"\r\n    >\r\n      b-toaster-top-left\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast('b-toaster-top-center')\"\r\n    >\r\n      b-toaster-top-center\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast('b-toaster-top-full')\"\r\n    >\r\n      b-toaster-top-full\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast('b-toaster-bottom-right', true)\"\r\n    >\r\n      b-toaster-bottom-right\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast('b-toaster-bottom-left', true)\"\r\n    >\r\n      b-toaster-bottom-left\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast('b-toaster-bottom-center', true)\"\r\n    >\r\n      b-toaster-bottom-center\r\n    </b-button>\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast('b-toaster-bottom-full', true)\"\r\n    >\r\n      b-toaster-bottom-full\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { 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  data: () => ({\r\n    counter: 0,\r\n  }),\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  methods: {\r\n    toast(toaster, append = false) {\r\n      this.counter += 1\r\n      this.$bvToast.toast(\\`Toast \\${this.counter} body content\\` {\r\n        title: \\`Toaster \\${toaster}\\`,\r\n        toaster,\r\n        solid: true,\r\n        appendToast: append,\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeTranslucent = `\r\n<template>\r\n  <div class=\"translucent-wrap bg-primary rounded-bottom p-1\">\r\n    <b-toast\r\n      id=\"example-toast3\"\r\n      v-model=\"visible\"\r\n      static\r\n      no-auto-hide\r\n    >\r\n      <template #toast-title>\r\n        <div class=\"d-flex flex-grow-1 align-items-center mr-1\">\r\n          <b-img\r\n            :src=\"require('@/assets/images/logo/logo.png')\"\r\n            class=\"mr-1\"\r\n            height=\"18\"\r\n            width=\"25\"\r\n            alt=\"Toast image\"\r\n          />\r\n          <strong class=\"mr-auto\">Vue Admin</strong>\r\n          <small class=\"text-muted\">11 mins ago</small>\r\n        </div>\r\n      </template>\r\n      <span>Hello, world! This is a toast message.</span>\r\n    </b-toast>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BToast, BImg,\r\n} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BToast,\r\n    BImg,\r\n  },\r\n   data() {\r\n    return {\r\n      visible: true,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.translucent-wrap {\r\n  height: 110px;\r\n  position: relative;\r\n}\r\n</style>\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      variant=\"gradient-primary\"\r\n      @click=\"makeToast()\"\r\n    >\r\n      Default\r\n    </b-button>\r\n\r\n    <!-- primary -->\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"makeToast('primary')\"\r\n    >\r\n      Primary\r\n    </b-button>\r\n\r\n    <!-- secondary -->\r\n    <b-button\r\n      v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n      variant=\"outline-secondary\"\r\n      @click=\"makeToast('secondary')\"\r\n    >\r\n      Secondary\r\n    </b-button>\r\n\r\n    <!-- warning -->\r\n    <b-button\r\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\r\n      variant=\"outline-warning\"\r\n      @click=\"makeToast('warning')\"\r\n    >\r\n      Warning\r\n    </b-button>\r\n\r\n    <!-- danger -->\r\n    <b-button\r\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\r\n      variant=\"outline-danger\"\r\n      @click=\"makeToast('danger')\"\r\n    >\r\n      Danger\r\n    </b-button>\r\n\r\n    <!-- success -->\r\n    <b-button\r\n      v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\r\n      variant=\"outline-success\"\r\n      @click=\"makeToast('success')\"\r\n    >\r\n      Success\r\n    </b-button>\r\n\r\n    <!-- info -->\r\n    <b-button\r\n      v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\r\n      variant=\"outline-info\"\r\n      @click=\"makeToast('info')\"\r\n    >\r\n      Info\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { 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    Ripple,\r\n  },\r\n  methods: {\r\n    makeToast(variant = null) {\r\n      this.$bvToast.toast('Toast body content', {\r\n        title: \\`Variant \\${variant || 'default'}\\`,\r\n        variant,\r\n        solid: true,\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Basic Toast\">\r\n    <b-card-text>\r\n      <span>Push notifications to your visitors with a </span>\r\n      <code>&lt;b-toast&gt;</code>\r\n      <span> and </span>\r\n      <code>&lt;b-toaster&gt;,</code>\r\n      <span> lightweigt components which are easily customizable for generating alert messages.</span>\r\n    </b-card-text>\r\n\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"$bvToast.show('example-toast')\"\r\n    >\r\n      Show toast\r\n    </b-button>\r\n\r\n    <!-- toast -->\r\n    <b-toast id=\"example-toast\">\r\n      <template #toast-title>\r\n        <div class=\"d-flex flex-grow-1 align-items-center mr-1\">\r\n          <b-img\r\n            :src=\"require('@/assets/images/logo/logo.png')\"\r\n            class=\"mr-1\"\r\n            height=\"18\"\r\n            width=\"25\"\r\n            alt=\"Toast image\"\r\n          />\r\n          <strong class=\"mr-auto\">Vue Admin</strong>\r\n          <small class=\"text-muted\">11 mins ago</small>\r\n        </div>\r\n      </template>\r\n      <span>Hello, world! This is a toast message. Hope you're doing well.. :)</span>\r\n    </b-toast>\r\n\r\n    <template #code>\r\n      {{ codeBasic }}\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, BToast, BImg, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeBasic } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BButton,\r\n    BCardText,\r\n    BToast,\r\n    BImg,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeBasic,\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!./ToastsBasic.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!./ToastsBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastsBasic.vue?vue&type=template&id=2c122794&\"\nimport script from \"./ToastsBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastsBasic.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:{\"no-body\":\"\",\"title\":\"Translucent\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeTranslucent)+\" \")]},proxy:true}])},[_c('b-card-body',[_c('b-card-text',[_c('span',[_vm._v(\"we are using the \")]),_c('code',[_vm._v(\"static\")]),_c('span',[_vm._v(\" prop in the above example to render the toast in-place in the document, rather than transporting it to a \")]),_c('code',[_vm._v(\"<b-toaster>\")]),_c('span',[_vm._v(\" target container\")])])],1),_c('div',{staticClass:\"translucent-wrap bg-primary rounded-bottom p-1\"},[_c('b-toast',{attrs:{\"id\":\"example-toast3\",\"static\":\"\",\"no-auto-hide\":\"\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('div',{staticClass:\"d-flex flex-grow-1 align-items-center mr-1\"},[_c('b-img',{staticClass:\"mr-1\",attrs:{\"src\":require('@/assets/images/logo/logo.png'),\"height\":\"18\",\"width\":\"25\",\"alt\":\"Toast image\"}}),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Vue Admin\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"11 mins ago\")])],1)]},proxy:true}]),model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('span',[_vm._v(\"Hello, world! This is a toast message.\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    no-body\r\n    title=\"Translucent\"\r\n  >\r\n    <b-card-body>\r\n      <b-card-text>\r\n        <span>we are using the </span>\r\n        <code>static</code>\r\n        <span>\r\n          prop in the above example to render the toast in-place in the document, rather than transporting it to a\r\n        </span>\r\n        <code>&lt;b-toaster&gt;</code>\r\n        <span> target container</span>\r\n      </b-card-text>\r\n    </b-card-body>\r\n\r\n    <div class=\"translucent-wrap bg-primary rounded-bottom p-1\">\r\n      <b-toast\r\n        id=\"example-toast3\"\r\n        v-model=\"visible\"\r\n        static\r\n        no-auto-hide\r\n      >\r\n        <template #toast-title>\r\n          <div class=\"d-flex flex-grow-1 align-items-center mr-1\">\r\n            <b-img\r\n              :src=\"require('@/assets/images/logo/logo.png')\"\r\n              class=\"mr-1\"\r\n              height=\"18\"\r\n              width=\"25\"\r\n              alt=\"Toast image\"\r\n            />\r\n            <strong class=\"mr-auto\">Vue Admin</strong>\r\n            <small class=\"text-muted\">11 mins ago</small>\r\n          </div>\r\n        </template>\r\n        <span>Hello, world! This is a toast message.</span>\r\n      </b-toast>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeTranslucent }}\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  BToast, BImg, BCardText, BCardBody,\r\n} from 'bootstrap-vue'\r\nimport { codeTranslucent } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BToast,\r\n    BCardBody,\r\n    BImg,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      visible: true,\r\n      codeTranslucent,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.translucent-wrap {\r\n  height: 110px;\r\n  position: relative;\r\n}\r\n</style>\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!./ToastsTranslucent.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!./ToastsTranslucent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastsTranslucent.vue?vue&type=template&id=4609e4e4&scoped=true&\"\nimport script from \"./ToastsTranslucent.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastsTranslucent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToastsTranslucent.vue?vue&type=style&index=0&id=4609e4e4&prod&lang=scss&scoped=true&\"\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  \"4609e4e4\",\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\":\"Delay\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeToastDelay)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Change to auto hide delay time via the \")]),_c('code',[_vm._v(\"auto-hide-delay\")]),_c('span',[_vm._v(\" prop (value is in milliseconds), which defaults to \")]),_c('code',[_vm._v(\"5000\")]),_c('span',[_vm._v(\" (minimum value \")]),_c('code',[_vm._v(\"1000\")]),_c('span',[_vm._v(\"). Or, disable the auto-hide feature completely by setting the \")]),_c('code',[_vm._v(\"no-auto-hide\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"true\")])]),_c('div',[_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\":\"outline-primary\"},on:{\"click\":function($event){return _vm.$bvToast.show('example-toast5')}}},[_vm._v(\" Delay \")]),_c('b-toast',{attrs:{\"id\":\"example-toast5\",\"auto-hide-delay\":\"10000\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('div',{staticClass:\"d-flex flex-grow-1 align-items-center mr-25\"},[_c('b-img',{staticClass:\"rounded mr-2\",attrs:{\"src\":require('@/assets/images/logo/logo.png'),\"height\":\"18\",\"width\":\"25\",\"alt\":\"Toast image\"}}),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Vue Admin\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"11 mins ago\")])],1)]},proxy:true}])},[_c('span',[_vm._v(\"Hello, world! This is a toast message.\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Delay\">\r\n    <b-card-text>\r\n      <span>Change to auto hide delay time via the </span>\r\n      <code>auto-hide-delay</code>\r\n      <span> prop (value is in milliseconds), which defaults to </span>\r\n      <code>5000</code>\r\n      <span> (minimum value </span>\r\n      <code>1000</code>\r\n      <span>). Or, disable the auto-hide feature completely by setting the </span>\r\n      <code>no-auto-hide</code>\r\n      <span> prop to </span>\r\n      <code>true</code>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"$bvToast.show('example-toast5')\"\r\n      >\r\n        Delay\r\n      </b-button>\r\n\r\n      <!-- toast -->\r\n      <b-toast\r\n        id=\"example-toast5\"\r\n        auto-hide-delay=\"10000\"\r\n      >\r\n        <template #toast-title>\r\n          <div class=\"d-flex flex-grow-1 align-items-center mr-25\">\r\n            <b-img\r\n              :src=\"require('@/assets/images/logo/logo.png')\"\r\n              class=\"rounded mr-2\"\r\n              height=\"18\"\r\n              width=\"25\"\r\n              alt=\"Toast image\"\r\n            />\r\n            <strong class=\"mr-auto\">Vue Admin</strong>\r\n            <small class=\"text-muted\">11 mins ago</small>\r\n          </div>\r\n        </template>\r\n        <span>Hello, world! This is a toast message.</span>\r\n      </b-toast>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeToastDelay }}\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  BToast, BButton, BImg, BCardText,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeToastDelay } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BToast,\r\n    BButton,\r\n    BImg,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeToastDelay,\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!./ToastsDelay.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!./ToastsDelay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastsDelay.vue?vue&type=template&id=43e4a65f&\"\nimport script from \"./ToastsDelay.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastsDelay.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\":\"Toaster target\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeTarget)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',[_vm._v(\"BootstrapVue comes with the following \\\"built-in\\\" toaster names (and associated styles defined in SCSS): \")]),_c('code',[_vm._v(\"b-toaster-top-right, b-toaster-top-left, b-toaster-top-center, b-toaster-top-full, b-toaster-bottom-right, b-toaster-bottom-left, b-toaster-bottom-center, b-toaster-bottom-full \")])]),_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:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast('b-toaster-top-right')}}},[_vm._v(\" b-toaster-top-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}}],attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast('b-toaster-top-left')}}},[_vm._v(\" b-toaster-top-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}}],attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast('b-toaster-top-center')}}},[_vm._v(\" b-toaster-top-center \")]),_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\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast('b-toaster-top-full')}}},[_vm._v(\" b-toaster-top-full \")]),_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\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast('b-toaster-bottom-right', true)}}},[_vm._v(\" b-toaster-bottom-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}}],attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast('b-toaster-bottom-left', true)}}},[_vm._v(\" b-toaster-bottom-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}}],attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast('b-toaster-bottom-center', true)}}},[_vm._v(\" b-toaster-bottom-center \")]),_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\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast('b-toaster-bottom-full', true)}}},[_vm._v(\" b-toaster-bottom-full \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Toaster target\">\r\n    <b-card-text class=\"mb-0\">\r\n      <span>BootstrapVue comes with the following \"built-in\" toaster names (and associated styles defined in SCSS): </span>\r\n      <code>b-toaster-top-right, b-toaster-top-left, b-toaster-top-center, b-toaster-top-full, b-toaster-bottom-right,\r\n        b-toaster-bottom-left, b-toaster-bottom-center, b-toaster-bottom-full\r\n      </code>\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        variant=\"outline-primary\"\r\n        @click=\"toast('b-toaster-top-right')\"\r\n      >\r\n        b-toaster-top-right\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"toast('b-toaster-top-left')\"\r\n      >\r\n        b-toaster-top-left\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"toast('b-toaster-top-center')\"\r\n      >\r\n        b-toaster-top-center\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"toast('b-toaster-top-full')\"\r\n      >\r\n        b-toaster-top-full\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"toast('b-toaster-bottom-right', true)\"\r\n      >\r\n        b-toaster-bottom-right\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"toast('b-toaster-bottom-left', true)\"\r\n      >\r\n        b-toaster-bottom-left\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"toast('b-toaster-bottom-center', true)\"\r\n      >\r\n        b-toaster-bottom-center\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"toast('b-toaster-bottom-full', true)\"\r\n      >\r\n        b-toaster-bottom-full\r\n      </b-button>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeTarget }}\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 { BButton, BCardText } from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeTarget } 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    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      counter: 0,\r\n      codeTarget,\r\n    }\r\n  },\r\n  methods: {\r\n    toast(toaster, append = false) {\r\n      this.counter += 1\r\n      this.$bvToast.toast(`Toast ${this.counter} body content`, {\r\n        title: `Toaster ${toaster}`,\r\n        toaster,\r\n        solid: false,\r\n        appendToast: append,\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!./ToastsTarget.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!./ToastsTarget.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastsTarget.vue?vue&type=template&id=4542f49a&\"\nimport script from \"./ToastsTarget.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastsTarget.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\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVariant)+\" \")]},proxy:true}])},[_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" BootstrapVue toasts provide custom CSS to define color variants. Variants follow the standard Bootstrap v4 variant names. If you have custom SCSS defined Bootstrap color theme variants, the toast custom SCSS will automatically create toast variants for you (refer to the Theming reference section). \")]),_c('div',{staticClass:\"demo-inline-spacing\"},[_c('b-button',{attrs:{\"variant\":\"gradient-primary\"},on:{\"click\":function($event){return _vm.makeToast()}}},[_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}}],attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.makeToast('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}}],attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.makeToast('secondary')}}},[_vm._v(\" Secondary \")]),_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:{\"variant\":\"outline-warning\"},on:{\"click\":function($event){return _vm.makeToast('warning')}}},[_vm._v(\" Warning \")]),_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:{\"variant\":\"outline-danger\"},on:{\"click\":function($event){return _vm.makeToast('danger')}}},[_vm._v(\" Danger \")]),_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:{\"variant\":\"outline-success\"},on:{\"click\":function($event){return _vm.makeToast('success')}}},[_vm._v(\" Success \")]),_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:{\"variant\":\"outline-info\"},on:{\"click\":function($event){return _vm.makeToast('info')}}},[_vm._v(\" Info \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Variants\">\r\n    <b-card-text class=\"mb-0\">\r\n      BootstrapVue toasts provide custom CSS to define color variants. Variants follow the standard Bootstrap v4 variant\r\n      names. If you have custom SCSS defined Bootstrap color theme variants, the toast custom SCSS will automatically\r\n      create toast variants for you (refer to the Theming reference section).\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        variant=\"gradient-primary\"\r\n        @click=\"makeToast()\"\r\n      >\r\n        Default\r\n      </b-button>\r\n\r\n      <!-- primary -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        @click=\"makeToast('primary')\"\r\n      >\r\n        Primary\r\n      </b-button>\r\n\r\n      <!-- secondary -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n        variant=\"outline-secondary\"\r\n        @click=\"makeToast('secondary')\"\r\n      >\r\n        Secondary\r\n      </b-button>\r\n\r\n      <!-- warning -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\r\n        variant=\"outline-warning\"\r\n        @click=\"makeToast('warning')\"\r\n      >\r\n        Warning\r\n      </b-button>\r\n\r\n      <!-- danger -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\r\n        variant=\"outline-danger\"\r\n        @click=\"makeToast('danger')\"\r\n      >\r\n        Danger\r\n      </b-button>\r\n\r\n      <!-- success -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\r\n        variant=\"outline-success\"\r\n        @click=\"makeToast('success')\"\r\n      >\r\n        Success\r\n      </b-button>\r\n\r\n      <!-- info -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\r\n        variant=\"outline-info\"\r\n        @click=\"makeToast('info')\"\r\n      >\r\n        Info\r\n      </b-button>\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 { BButton, BCardText } 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  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeVariant,\r\n    }\r\n  },\r\n  methods: {\r\n    makeToast(variant = null) {\r\n      this.$bvToast.toast('Toast body content', {\r\n        title: `Variant ${variant || 'default'}`,\r\n        variant,\r\n        solid: false,\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!./ToastsVariants.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!./ToastsVariants.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastsVariants.vue?vue&type=template&id=09adc04e&\"\nimport script from \"./ToastsVariants.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastsVariants.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\":\"Links\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeLinks)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Optionally convert the toast body to a link (\")]),_c('code',[_vm._v(\"<a>\")]),_c('span',[_vm._v(\") or \")]),_c('code',[_vm._v(\"<router-link>\")]),_c('span',[_vm._v(\" (or \")]),_c('code',[_vm._v(\"<nuxt-link>\")]),_c('span',[_vm._v(\") via the href and to props respectively. When set, the entire toast body becomes a link.\")])]),_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\":\"outline-primary\"},on:{\"click\":function($event){return _vm.toast()}}},[_vm._v(\" Toast with link \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Links\">\r\n    <b-card-text>\r\n      <span>Optionally convert the toast body to a link (</span>\r\n      <code>&lt;a&gt;</code>\r\n      <span>) or </span>\r\n      <code>&lt;router-link&gt;</code>\r\n      <span> (or </span>\r\n      <code>&lt;nuxt-link&gt;</code>\r\n      <span>) via the href and to props respectively. When set, the entire toast body becomes a link.</span>\r\n    </b-card-text>\r\n\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"toast()\"\r\n    >\r\n      Toast with link\r\n    </b-button>\r\n\r\n    <template #code>\r\n      {{ codeLinks }}\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 { BButton, BCardText } from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeLinks } 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    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeLinks,\r\n    }\r\n  },\r\n  methods: {\r\n    toast() {\r\n      this.$bvToast.toast('Toast with action link', {\r\n        href: '#foo',\r\n        title: 'Toast Link',\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!./ToastsLinks.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!./ToastsLinks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastsLinks.vue?vue&type=template&id=587374b0&\"\nimport script from \"./ToastsLinks.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastsLinks.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 usage\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAdvance)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"When using the \")]),_c('code',[_vm._v(\"this.$bvToast.toast(...)\")]),_c('span',[_vm._v(\" method for generating toasts, you may want the toast content to be more than just a string message. As mentioned in the Toasts on demand section above, you can pass arrays of \")]),_c('code',[_vm._v(\"VNodes\")]),_c('span',[_vm._v(\" as the message and title for more complex 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:{\"variant\":\"outline-primary\"},on:{\"click\":_vm.popToast}},[_vm._v(\" Show Toast with custom content \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Advanced usage\">\r\n    <b-card-text>\r\n      <span>When using the </span>\r\n      <code>this.$bvToast.toast(...)</code>\r\n      <span>\r\n        method for generating toasts, you may want the toast content to be more than just a string message. As mentioned\r\n        in the Toasts on demand section above, you can pass arrays of\r\n      </span>\r\n      <code>VNodes</code>\r\n      <span> as the message and title for more complex content.</span>\r\n    </b-card-text>\r\n\r\n    <b-button\r\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n      variant=\"outline-primary\"\r\n      @click=\"popToast\"\r\n    >\r\n      Show Toast with custom content\r\n    </b-button>\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\n// eslint-disable-next-line\r\nimport { BButton, BSpinner,BCardText } 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    BButton,\r\n    BCardText,\r\n    // eslint-disable-next-line\r\n    BSpinner,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      count: 0,\r\n      codeAdvance,\r\n    }\r\n  },\r\n  methods: {\r\n    popToast() {\r\n      // Use a shorter name for this.$createElement\r\n      const h = this.$createElement\r\n      // Increment the toast count\r\n      this.count += 1\r\n      // Create the message\r\n      const vNodesMsg = h('p', { class: ['text-center', 'mb-0'] }, [\r\n        h('b-spinner', { props: { type: 'grow', small: true } }),\r\n        ' Flashy ',\r\n        h('strong', 'toast'),\r\n        ` message #${this.count} `,\r\n        h('b-spinner', { props: { type: 'grow', small: true } }),\r\n      ])\r\n      // Create the title\r\n      const vNodesTitle = h('div', { class: ['d-flex', 'flex-grow-1', 'align-items-baseline', 'mr-2'] }, [\r\n        h('strong', { class: 'mr-2' }, 'The Title'),\r\n        h('small', { class: 'ml-auto font-italics' }, '5 minutes ago'),\r\n      ])\r\n      // Pass the VNodes as an array for message and title\r\n      this.$bvToast.toast([vNodesMsg], {\r\n        title: [vNodesTitle],\r\n        solid: false,\r\n        variant: 'info',\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!./ToastsAdvance.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!./ToastsAdvance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastsAdvance.vue?vue&type=template&id=160b03d4&\"\nimport script from \"./ToastsAdvance.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastsAdvance.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      <toasts-basic />\r\n      <toasts-translucent />\r\n      <toasts-variants />\r\n      <toasts-delay />\r\n      <toasts-target />\r\n      <toasts-links />\r\n      <toasts-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 ToastsBasic from './ToastsBasic.vue'\r\nimport ToastsTranslucent from './ToastsTranslucent.vue'\r\nimport ToastsDelay from './ToastsDelay.vue'\r\nimport ToastsTarget from './ToastsTarget.vue'\r\nimport ToastsVariants from './ToastsVariants.vue'\r\nimport ToastsLinks from './ToastsLinks.vue'\r\nimport ToastsAdvance from './ToastsAdvance.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    ToastsBasic,\r\n    ToastsTranslucent,\r\n    ToastsDelay,\r\n    ToastsTarget,\r\n    ToastsVariants,\r\n    ToastsLinks,\r\n    ToastsAdvance,\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!./Toasts.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!./Toasts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Toasts.vue?vue&type=template&id=58901164&\"\nimport script from \"./Toasts.vue?vue&type=script&lang=js&\"\nexport * from \"./Toasts.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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastsTranslucent.vue?vue&type=style&index=0&id=4609e4e4&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/logo.086c369d.png\";"],"sourceRoot":""}