{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/toasts/ToastsTranslucent.vue?b8e4","webpack:///./src/views/components/toasts/code.js","webpack:///./src/views/components/toasts/ToastsTranslucent.vue?a158","webpack:///src/views/components/toasts/ToastsTranslucent.vue","webpack:///./src/views/components/toasts/ToastsTranslucent.vue?36eb","webpack:///./src/views/components/toasts/ToastsTranslucent.vue","webpack:///./src/assets/images/logo/logo.png","webpack:///./node_modules/bootstrap-vue/esm/components/card/card-text.js"],"names":["BCardCode","codeAdvance","codeToastDelay","codeBasic","codeLinks","codeTarget","codeTranslucent","codeVariant","render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","_v","_s","proxy","staticClass","model","value","callback","$$v","visible","expression","staticRenderFns","components","BToast","BCardBody","BImg","BCardText","data","component","module","exports","props","textTag","extend","name","functional","h","_ref","children"],"mappings":"gHAAA,gBAEeA,e,2DCFf,W,oCCAA,8OAAO,IAAMC,EAAc,uhDA6DdC,EAAiB,6lCAmDjBC,EAAY,wkCAgDZC,EAAY,0kBAoCZC,EAAa,srEA2FbC,EAAkB,ohCAqDlBC,EAAc,41D,2CCpV3B,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,UAAU,GAAG,MAAQ,eAAeC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIH,iBAAiB,OAAOgB,OAAM,MAAS,CAACT,EAAG,cAAc,CAACA,EAAG,cAAc,CAACA,EAAG,OAAO,CAACJ,EAAIW,GAAG,uBAAuBP,EAAG,OAAO,CAACJ,EAAIW,GAAG,YAAYP,EAAG,OAAO,CAACJ,EAAIW,GAAG,gHAAgHP,EAAG,OAAO,CAACJ,EAAIW,GAAG,iBAAiBP,EAAG,OAAO,CAACJ,EAAIW,GAAG,0BAA0B,GAAGP,EAAG,MAAM,CAACU,YAAY,kDAAkD,CAACV,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,iBAAiB,OAAS,GAAG,eAAe,IAAIC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,cAAcC,GAAG,WAAW,MAAO,CAACN,EAAG,MAAM,CAACU,YAAY,8CAA8C,CAACV,EAAG,QAAQ,CAACU,YAAY,OAAOR,MAAM,CAAC,IAAM,EAAQ,QAAiC,OAAS,KAAK,MAAQ,KAAK,IAAM,iBAAiBF,EAAG,SAAS,CAACU,YAAY,WAAW,CAACd,EAAIW,GAAG,eAAeP,EAAG,QAAQ,CAACU,YAAY,cAAc,CAACd,EAAIW,GAAG,kBAAkB,KAAKE,OAAM,KAAQE,MAAM,CAACC,MAAOhB,EAAW,QAAEiB,SAAS,SAAUC,GAAMlB,EAAImB,QAAQD,GAAKE,WAAW,YAAY,CAAChB,EAAG,OAAO,CAACJ,EAAIW,GAAG,+CAA+C,IAAI,IACxxCU,EAAkB,G,wECqDP,GACfC,WAAA,CACA/B,iBACAgC,cACAC,iBACAC,YACAC,kBAEAC,KAAA,WACA,OACAR,SAAA,EACAtB,0BCjEyX,I,wBCQrX+B,EAAY,eACd,EACA7B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,8BCnBfC,EAAOC,QAAU,IAA0B,yB,kCCA3C,kGAKWC,EAAQ,eAAsB,CACvCC,QAAS,eAAS,OAAkB,MACnC,QAGQN,EAAyB,aAAIO,OAAO,CAC7CC,KAAM,OACNC,YAAY,EACZJ,MAAOA,EACPhC,OAAQ,SAAgBqC,EAAGC,GACzB,IAAIN,EAAQM,EAAKN,MACbJ,EAAOU,EAAKV,KACZW,EAAWD,EAAKC,SACpB,OAAOF,EAAEL,EAAMC,QAAS,eAAUL,EAAM,CACtCb,YAAa,cACXwB","file":"js/chunk-9ac5399e.a5997bba.js","sourcesContent":["import BCardCode from './BCardCode.vue'\n\nexport default BCardCode\n","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&\"","export const codeAdvance = `\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"popToast\"\n    >\n      Show Toast with custom content\n    </b-button>\n  </div>\n</template>\n\n<script>\n// eslint-disable-next-line\nimport { BButton, BSpinner } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    // eslint-disable-next-line\n    BSpinner,\n  },\n  directives: {\n    Ripple,\n  },\n  data: () => ({\n    count: 0,\n  }),\n  methods: {\n    popToast() {\n      // Use a shorter name for this.$createElement\n      const h = this.$createElement\n      // Increment the toast count\n      this.count += 1\n      // Create the message\n      const vNodesMsg = h('p', { class: ['text-center', 'mb-0'] }, [\n        h('b-spinner', { props: { type: 'grow', small: true } }),\n        ' Flashy ',\n        h('strong', 'toast'),\n        \\`message #\\${this.count}\\`,\n        h('b-spinner', { props: { type: 'grow', small: true } }),\n      ])\n      // Create the title\n      const vNodesTitle = h('div', { class: ['d-flex', 'flex-grow-1', 'align-items-baseline', 'mr-2'] }, [\n        h('strong', { class: 'mr-2' }, 'The Title'),\n        h('small', { class: 'ml-auto font-italics' }, '5 minutes ago'),\n      ])\n      // Pass the VNodes as an array for message and title\n      this.$bvToast.toast([vNodesMsg], {\n        title: [vNodesTitle],\n        solid: true,\n        variant: 'info',\n      })\n    },\n  },\n}\n</script>\n`\n\nexport const codeToastDelay = `\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"$bvToast.show('example-toast5')\"\n    >\n      Delay\n    </b-button>\n\n    <!-- toast -->\n    <b-toast\n      id=\"example-toast5\"\n      auto-hide-delay=\"10000\"\n    >\n      <template #toast-title>\n        <div class=\"d-flex flex-grow-1 align-items-center mr-25\">\n          <b-img\n            :src=\"require('@/assets/images/logo/logo.png')\"\n            class=\"rounded mr-2\"\n            height=\"18\"\n            width=\"25\"\n            alt=\"Toast image\"\n          />\n          <strong class=\"mr-auto\">Vue Admin</strong>\n          <small class=\"text-muted\">11 mins ago</small>\n        </div>\n      </template>\n      <span>Hello, world! This is a toast message.</span>\n    </b-toast>\n  </div>\n</template>\n\n<script>\nimport { BToast, BButton, BImg } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BToast,\n    BButton,\n    BImg,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeBasic = `\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"$bvToast.show('example-toast')\"\n    >\n      Show toast\n    </b-button>\n\n    <!-- toast -->\n    <b-toast id=\"example-toast\">\n      <template #toast-title>\n        <div class=\"d-flex flex-grow-1 align-items-center mr-1\">\n          <b-img\n            :src=\"require('@/assets/images/logo/logo.png')\"\n            class=\"mr-1\"\n            height=\"18\"\n            width=\"25\"\n            alt=\"Toast image\"\n          />\n          <strong class=\"mr-auto\">Vue Admin</strong>\n          <small class=\"text-muted\">11 mins ago</small>\n        </div>\n      </template>\n      <span>Hello, world! This is a toast message. Hope you're doing well.. :)</span>\n    </b-toast>\n  </div>\n</template>\n\n<script>\nimport { BButton, BToast, BImg } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BToast,\n    BImg,\n  },\n  directives: {\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeLinks = `\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast()\"\n    >\n      Toast with link\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport { BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n    toast() {\n      this.$bvToast.toast('Toast with action link', {\n        href: '#foo',\n        title: 'Example',\n      })\n    },\n  },\n}\n</script>\n`\n\nexport const codeTarget = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast('b-toaster-top-right')\"\n    >\n      b-toaster-top-right\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast('b-toaster-top-left')\"\n    >\n      b-toaster-top-left\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast('b-toaster-top-center')\"\n    >\n      b-toaster-top-center\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast('b-toaster-top-full')\"\n    >\n      b-toaster-top-full\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast('b-toaster-bottom-right', true)\"\n    >\n      b-toaster-bottom-right\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast('b-toaster-bottom-left', true)\"\n    >\n      b-toaster-bottom-left\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast('b-toaster-bottom-center', true)\"\n    >\n      b-toaster-bottom-center\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"toast('b-toaster-bottom-full', true)\"\n    >\n      b-toaster-bottom-full\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport { BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  data: () => ({\n    counter: 0,\n  }),\n  directives: {\n    Ripple,\n  },\n  methods: {\n    toast(toaster, append = false) {\n      this.counter += 1\n      this.$bvToast.toast(\\`Toast \\${this.counter} body content\\` {\n        title: \\`Toaster \\${toaster}\\`,\n        toaster,\n        solid: true,\n        appendToast: append,\n      })\n    },\n  },\n}\n</script>\n`\n\nexport const codeTranslucent = `\n<template>\n  <div class=\"translucent-wrap bg-primary rounded-bottom p-1\">\n    <b-toast\n      id=\"example-toast3\"\n      v-model=\"visible\"\n      static\n      no-auto-hide\n    >\n      <template #toast-title>\n        <div class=\"d-flex flex-grow-1 align-items-center mr-1\">\n          <b-img\n            :src=\"require('@/assets/images/logo/logo.png')\"\n            class=\"mr-1\"\n            height=\"18\"\n            width=\"25\"\n            alt=\"Toast image\"\n          />\n          <strong class=\"mr-auto\">Vue Admin</strong>\n          <small class=\"text-muted\">11 mins ago</small>\n        </div>\n      </template>\n      <span>Hello, world! This is a toast message.</span>\n    </b-toast>\n  </div>\n</template>\n\n<script>\nimport {\n  BToast, BImg,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BToast,\n    BImg,\n  },\n   data() {\n    return {\n      visible: true,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.translucent-wrap {\n  height: 110px;\n  position: relative;\n}\n</style>\n`\n\nexport const codeVariant = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- default -->\n    <b-button\n      variant=\"gradient-primary\"\n      @click=\"makeToast()\"\n    >\n      Default\n    </b-button>\n\n    <!-- primary -->\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"makeToast('primary')\"\n    >\n      Primary\n    </b-button>\n\n    <!-- secondary -->\n    <b-button\n      v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n      variant=\"outline-secondary\"\n      @click=\"makeToast('secondary')\"\n    >\n      Secondary\n    </b-button>\n\n    <!-- warning -->\n    <b-button\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n      variant=\"outline-warning\"\n      @click=\"makeToast('warning')\"\n    >\n      Warning\n    </b-button>\n\n    <!-- danger -->\n    <b-button\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n      variant=\"outline-danger\"\n      @click=\"makeToast('danger')\"\n    >\n      Danger\n    </b-button>\n\n    <!-- success -->\n    <b-button\n      v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n      variant=\"outline-success\"\n      @click=\"makeToast('success')\"\n    >\n      Success\n    </b-button>\n\n    <!-- info -->\n    <b-button\n      v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n      variant=\"outline-info\"\n      @click=\"makeToast('info')\"\n    >\n      Info\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport { BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n    makeToast(variant = null) {\n      this.$bvToast.toast('Toast body content', {\n        title: \\`Variant \\${variant || 'default'}\\`,\n        variant,\n        solid: true,\n      })\n    },\n  },\n}\n</script>\n`\n","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>\n  <b-card-code\n    no-body\n    title=\"Translucent\"\n  >\n    <b-card-body>\n      <b-card-text>\n        <span>we are using the </span>\n        <code>static</code>\n        <span>\n          prop in the above example to render the toast in-place in the document, rather than transporting it to a\n        </span>\n        <code>&lt;b-toaster&gt;</code>\n        <span> target container</span>\n      </b-card-text>\n    </b-card-body>\n\n    <div class=\"translucent-wrap bg-primary rounded-bottom p-1\">\n      <b-toast\n        id=\"example-toast3\"\n        v-model=\"visible\"\n        static\n        no-auto-hide\n      >\n        <template #toast-title>\n          <div class=\"d-flex flex-grow-1 align-items-center mr-1\">\n            <b-img\n              :src=\"require('@/assets/images/logo/logo.png')\"\n              class=\"mr-1\"\n              height=\"18\"\n              width=\"25\"\n              alt=\"Toast image\"\n            />\n            <strong class=\"mr-auto\">Vue Admin</strong>\n            <small class=\"text-muted\">11 mins ago</small>\n          </div>\n        </template>\n        <span>Hello, world! This is a toast message.</span>\n      </b-toast>\n    </div>\n\n    <template #code>\n      {{ codeTranslucent }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport {\n  BToast, BImg, BCardText, BCardBody,\n} from 'bootstrap-vue'\nimport { codeTranslucent } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BToast,\n    BCardBody,\n    BImg,\n    BCardText,\n  },\n  data() {\n    return {\n      visible: true,\n      codeTranslucent,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.translucent-wrap {\n  height: 110px;\n  position: relative;\n}\n</style>\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","module.exports = __webpack_public_path__ + \"img/logo.b8a7939d.png\";","import { Vue, mergeData } from '../../vue';\nimport { NAME_CARD_TEXT } from '../../constants/components';\nimport { PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  textTag: makeProp(PROP_TYPE_STRING, 'p')\n}, NAME_CARD_TEXT); // --- Main component ---\n// @vue/component\n\nexport var BCardText = /*#__PURE__*/Vue.extend({\n  name: NAME_CARD_TEXT,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    return h(props.textTag, mergeData(data, {\n      staticClass: 'card-text'\n    }), children);\n  }\n});"],"sourceRoot":""}