{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/toasts/code.js","webpack:///./src/views/components/toasts/ToastsDelay.vue?8bb4","webpack:///src/views/components/toasts/ToastsDelay.vue","webpack:///./src/views/components/toasts/ToastsDelay.vue?a60b","webpack:///./src/views/components/toasts/ToastsDelay.vue","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","directives","name","rawName","value","expression","modifiers","on","$event","$bvToast","show","staticClass","staticRenderFns","components","BToast","BButton","BImg","BCardText","Ripple","data","component","props","textTag","extend","functional","h","_ref","children"],"mappings":"iIAAA,gBAEeA,e,oCCFf,6TAAO,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,MAAQ,SAASC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACV,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIP,gBAAgB,OAAOoB,OAAM,MAAS,CAACT,EAAG,cAAc,CAACA,EAAG,OAAO,CAACJ,EAAIW,GAAG,6CAA6CP,EAAG,OAAO,CAACJ,EAAIW,GAAG,qBAAqBP,EAAG,OAAO,CAACJ,EAAIW,GAAG,0DAA0DP,EAAG,OAAO,CAACJ,EAAIW,GAAG,UAAUP,EAAG,OAAO,CAACJ,EAAIW,GAAG,sBAAsBP,EAAG,OAAO,CAACJ,EAAIW,GAAG,UAAUP,EAAG,OAAO,CAACJ,EAAIW,GAAG,qEAAqEP,EAAG,OAAO,CAACJ,EAAIW,GAAG,kBAAkBP,EAAG,OAAO,CAACJ,EAAIW,GAAG,eAAeP,EAAG,OAAO,CAACJ,EAAIW,GAAG,YAAYP,EAAG,MAAM,CAACA,EAAG,WAAW,CAACU,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQb,MAAM,CAAC,QAAU,mBAAmBc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIsB,SAASC,KAAK,qBAAqB,CAACvB,EAAIW,GAAG,aAAaP,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,iBAAiB,kBAAkB,SAASC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,cAAcC,GAAG,WAAW,MAAO,CAACN,EAAG,MAAM,CAACoB,YAAY,+CAA+C,CAACpB,EAAG,QAAQ,CAACoB,YAAY,eAAelB,MAAM,CAAC,IAAM,EAAQ,QAAiC,OAAS,KAAK,MAAQ,KAAK,IAAM,iBAAiBF,EAAG,SAAS,CAACoB,YAAY,WAAW,CAACxB,EAAIW,GAAG,eAAeP,EAAG,QAAQ,CAACoB,YAAY,cAAc,CAACxB,EAAIW,GAAG,kBAAkB,KAAKE,OAAM,MAAS,CAACT,EAAG,OAAO,CAACJ,EAAIW,GAAG,+CAA+C,IAAI,IACzjDc,EAAkB,G,oFC2DP,GACbC,WAAYA,CACVnC,UAAJA,OACIoC,OAAJA,OACIC,QAAJA,OACIC,KAAJA,OACIC,UAAJA,QAEEhB,WAAYA,CACViB,OAAJA,QAEEC,KAXF,WAYI,MAAO,CACLvC,eAANA,uBCzEmX,I,YCO/WwC,EAAY,eACd,EACAlC,EACA0B,GACA,EACA,KACA,KACA,MAIa,aAAAQ,E,2CClBf,kGAKWC,EAAQ,eAAsB,CACvCC,QAAS,eAAS,OAAkB,MACnC,QAGQL,EAAyB,aAAIM,OAAO,CAC7CrB,KAAM,OACNsB,YAAY,EACZH,MAAOA,EACPnC,OAAQ,SAAgBuC,EAAGC,GACzB,IAAIL,EAAQK,EAAKL,MACbF,EAAOO,EAAKP,KACZQ,EAAWD,EAAKC,SACpB,OAAOF,EAAEJ,EAAMC,QAAS,eAAUH,EAAM,CACtCR,YAAa,cACXgB","file":"js/chunk-2d82d1ec.c37e99ea.js","sourcesContent":["import BCardCode from './BCardCode.vue'\n\nexport default BCardCode\n","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:{\"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>\n  <b-card-code title=\"Delay\">\n    <b-card-text>\n      <span>Change to auto hide delay time via the </span>\n      <code>auto-hide-delay</code>\n      <span> prop (value is in milliseconds), which defaults to </span>\n      <code>5000</code>\n      <span> (minimum value </span>\n      <code>1000</code>\n      <span>). Or, disable the auto-hide feature completely by setting the </span>\n      <code>no-auto-hide</code>\n      <span> prop to </span>\n      <code>true</code>\n    </b-card-text>\n\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\n    <template #code>\n      {{ codeToastDelay }}\n    </template>\n  </b-card-code>\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code'\nimport {\n  BToast, BButton, BImg, BCardText,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeToastDelay } from './code'\n\nexport default {\n  components: {\n    BCardCode,\n    BToast,\n    BButton,\n    BImg,\n    BCardText,\n  },\n  directives: {\n    Ripple,\n  },\n  data() {\n    return {\n      codeToastDelay,\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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","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":""}