{"version":3,"sources":["webpack:///./src/view/content/CodePreview.vue","webpack:///./src/view/content/Card.vue","webpack:///src/view/content/Card.vue","webpack:///./src/view/content/Card.vue?8715","webpack:///./src/view/content/Card.vue?eb51","webpack:///src/view/content/CodePreview.vue","webpack:///./src/view/content/CodePreview.vue?e189","webpack:///./src/view/content/CodePreview.vue?e254","webpack:///./src/view/pages/vue-bootstrap/Toasts.vue","webpack:///src/view/pages/vue-bootstrap/Toasts.vue","webpack:///./src/view/pages/vue-bootstrap/Toasts.vue?bd52","webpack:///./src/view/pages/vue-bootstrap/Toasts.vue?5c39"],"names":["render","_vm","this","_c","_self","ref","attrs","title","scopedSlots","_u","hasTitleSlot","key","fn","staticClass","_t","proxy","hasGeneralCode","hasSingleCodeType","_e","hasHtmlCode","on","setActiveTab","_v","hasJsCode","hasScssCode","model","value","tabIndex","callback","$$v","expression","staticRenderFns","class","classes","headClass","_s","bodyClass","bodyFit","bodyFluid","hasFootSlot","name","props","String","headSize","fluidHeight","Boolean","fluidHalfHeight","headOverlay","cardClass","example","components","methods","computed","cls","headSizeClass","$slots","concat","component","data","isOpen","KTCard","mounted","_this","$nextTick","KTLayoutExamples","init","$el","hljs","querySelectorAll","forEach","hl","classList","add","remove","event","tab","target","closest","links","i","length","parseInt","getAttribute","_this2","exist","type","hasOwnProperty","staticStyle","$event","$bvToast","show","code1","html","makeToast","code2","js","makeToastVariant","code3","toast","code4","toastCount","counter","KTCodePreview","append","arguments","undefined","autoHideDelay","appendToast","toaster","solid","variant","$store","dispatch","SET_BREADCRUMB","route"],"mappings":"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","file":"js/chunk-3780ad51.f9490061.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('KTCard',{ref:\"preview\",attrs:{\"title\":_vm.title,\"example\":true},scopedSlots:_vm._u([(_vm.hasTitleSlot)?{key:\"title\",fn:function(){return [_c('h3',{staticClass:\"card-title\"},[_vm._t(\"title\")],2)]},proxy:true}:null,{key:\"body\",fn:function(){return [_c('div',{staticClass:\"example-code mb-5\"},[(!_vm.hasGeneralCode && !_vm.hasSingleCodeType)?_c('ul',{staticClass:\"example-nav nav nav-tabs nav-bold nav-tabs-line nav-tabs-line-2x\",attrs:{\"role\":\"tablist\"}},[(_vm.hasHtmlCode)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link active\",attrs:{\"data-tab\":\"0\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\",\"aria-selected\":\"true\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" HTML \")])]):_vm._e(),(_vm.hasJsCode)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"1\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\",\"aria-selected\":\"false\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\"  JS  \")])]):_vm._e(),(_vm.hasScssCode)?_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-tab\":\"2\",\"data-toggle\":\"tab\",\"href\":\"#\",\"role\":\"tab\",\"aria-selected\":\"false\"},on:{\"click\":_vm.setActiveTab}},[_vm._v(\" SCSS \")])]):_vm._e()]):_vm._e(),(_vm.hasGeneralCode)?_c('div',[_vm._t(\"code\")],2):_vm._e(),(!_vm.hasGeneralCode && !_vm.hasSingleCodeType)?_c('div',[_c('b-tabs',{staticClass:\"hide-tabs\",attrs:{\"content-class\":\"mt-3\"},model:{value:(_vm.tabIndex),callback:function ($$v) {_vm.tabIndex=$$v},expression:\"tabIndex\"}},[_c('b-tab',{staticClass:\"example-highlight\",attrs:{\"active\":\"\"}},[_c('highlight-code',{staticClass:\"language-html\",attrs:{\"lang\":\"html\"}},[_vm._t(\"html\")],2)],1),_c('b-tab',{staticClass:\"example-highlight\"},[_c('highlight-code',{staticClass:\"language-js\",attrs:{\"lang\":\"js\"}},[_vm._t(\"js\")],2)],1),_c('b-tab',{staticClass:\"example-highlight\"},[_c('highlight-code',{staticClass:\"language-scss\",attrs:{\"lang\":\"scss\"}},[_vm._t(\"scss\")],2)],1)],1)],1):_vm._e(),(_vm.hasSingleCodeType)?_c('div',{staticClass:\"example-highlight\"},[(_vm.hasHtmlCode)?_c('highlight-code',{staticClass:\"language-html\",attrs:{\"lang\":\"html\"}},[_vm._t(\"html\")],2):_vm._e(),(_vm.hasJsCode)?_c('highlight-code',{staticClass:\"language-js\",attrs:{\"lang\":\"js\"}},[_vm._t(\"js\")],2):_vm._e(),(_vm.hasScssCode)?_c('highlight-code',{staticClass:\"language-scss\",attrs:{\"lang\":\"scss\"}},[_vm._t(\"scss\")],2):_vm._e()],1):_vm._e()]),_vm._t(\"preview\")]},proxy:true}],null,true)})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card card-custom gutter-b\",class:_vm.classes},[(_vm.hasTitleSlot || _vm.title)?_c('div',{staticClass:\"card-header\",class:_vm.headClass},[_c('div',{staticClass:\"card-title\"},[(_vm.hasTitleSlot)?_vm._t(\"title\"):_vm._e(),(!_vm.hasTitleSlot)?_c('h3',{staticClass:\"card-label\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]):_vm._e()],2),_c('div',{staticClass:\"card-toolbar\"},[_vm._t(\"toolbar\")],2)]):_vm._e(),_c('div',{staticClass:\"card-body\",class:{\n      bodyClass: _vm.bodyClass,\n      'body-fit': _vm.bodyFit,\n      'body-fluid': _vm.bodyFluid\n    }},[_vm._t(\"body\")],2),(_vm.hasFootSlot)?_c('div',{staticClass:\"card-footer\"},[_vm._t(\"foot\")],2):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"card card-custom gutter-b\" v-bind:class=\"classes\">\r\n    <div\r\n      class=\"card-header\"\r\n      v-bind:class=\"headClass\"\r\n      v-if=\"hasTitleSlot || title\"\r\n    >\r\n      <div class=\"card-title\">\r\n        <slot name=\"title\" v-if=\"hasTitleSlot\"></slot>\r\n        <h3 class=\"card-label\" v-if=\"!hasTitleSlot\">\r\n          {{ title }}\r\n        </h3>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <slot name=\"toolbar\"></slot>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"card-body\"\r\n      v-bind:class=\"{\r\n        bodyClass,\r\n        'body-fit': bodyFit,\r\n        'body-fluid': bodyFluid\r\n      }\"\r\n    >\r\n      <slot name=\"body\"></slot>\r\n    </div>\r\n    <div class=\"card-footer\" v-if=\"hasFootSlot\">\r\n      <slot name=\"foot\"></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"KTCard\",\r\n  props: {\r\n    /**\r\n     * String title\r\n     */\r\n    title: String,\r\n    /**\r\n     * Set card head size. Eg. md, lg, sm, etc.\r\n     */\r\n    headSize: String,\r\n    /**\r\n     * Set card to fluid\r\n     */\r\n    fluidHeight: Boolean,\r\n    /**\r\n     * Set card to fluid in half\r\n     */\r\n    fluidHalfHeight: Boolean,\r\n    /**\r\n     * Set overlay head\r\n     */\r\n    headOverlay: Boolean,\r\n    /**\r\n     * Set extra class for main card\r\n     */\r\n    cardClass: String,\r\n    /**\r\n     * Set extra class for card head\r\n     */\r\n    headClass: String,\r\n    /**\r\n     * Set extra class for card body\r\n     */\r\n    bodyClass: String,\r\n    /**\r\n     * Set card body to fit\r\n     */\r\n    bodyFit: Boolean,\r\n    /**\r\n     * Set card body to fluid\r\n     */\r\n    bodyFluid: Boolean,\r\n    /**\r\n     * Code examples\r\n     */\r\n    example: Boolean\r\n  },\r\n  components: {},\r\n  methods: {},\r\n  computed: {\r\n    classes() {\r\n      const cls = {\r\n        \"example example-compact\": this.example,\r\n        \"height-fluid\": this.fluidHeight,\r\n        \"height-fluid-half\": this.fluidHalfHeight,\r\n        \"head-overlay\": this.headOverlay\r\n      };\r\n\r\n      cls[this.headSizeClass] = this.headSizeClass;\r\n\r\n      // append extra classes\r\n      if (this.cardClass) {\r\n        cls[this.cardClass] = true;\r\n      }\r\n\r\n      return cls;\r\n    },\r\n    hasTitleSlot() {\r\n      return !!this.$slots[\"title\"];\r\n    },\r\n    hasFootSlot() {\r\n      return !!this.$slots[\"foot\"];\r\n    },\r\n    headSizeClass() {\r\n      if (this.headSize) {\r\n        return `head-${this.headSize}`;\r\n      }\r\n      return false;\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!./Card.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!./Card.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Card.vue?vue&type=template&id=1c9f0e48\"\nimport script from \"./Card.vue?vue&type=script&lang=js\"\nexport * from \"./Card.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  <KTCard ref=\"preview\" v-bind:title=\"title\" v-bind:example=\"true\">\r\n    <template v-slot:title v-if=\"hasTitleSlot\">\r\n      <h3 class=\"card-title\">\r\n        <slot name=\"title\"></slot>\r\n      </h3>\r\n    </template>\r\n    <!-- <template v-slot:toolbar>\r\n      <div class=\"example-tools justify-content-center\">\r\n        <span\r\n          class=\"example-toggle\"\r\n          data-toggle=\"tooltip\"\r\n          v-b-tooltip.hover.top=\"'View code'\"\r\n        />\r\n        <span\r\n          class=\"example-copy\"\r\n          data-toggle=\"tooltip\"\r\n          v-b-tooltip.hover.top=\"'Copy code'\"\r\n        />\r\n      </div>\r\n    </template> -->\r\n    <template v-slot:body>\r\n      <!--begin::Code example-->\r\n      <div class=\"example-code mb-5\">\r\n        <ul\r\n          class=\"example-nav nav nav-tabs nav-bold nav-tabs-line nav-tabs-line-2x\"\r\n          role=\"tablist\"\r\n          v-if=\"!hasGeneralCode && !hasSingleCodeType\"\r\n        >\r\n          <li class=\"nav-item\" v-if=\"hasHtmlCode\">\r\n            <a\r\n              class=\"nav-link active\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"0\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n              aria-selected=\"true\"\r\n            >\r\n              HTML\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\" v-if=\"hasJsCode\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"1\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n            >\r\n              &nbsp;JS&nbsp;\r\n            </a>\r\n          </li>\r\n          <li class=\"nav-item\" v-if=\"hasScssCode\">\r\n            <a\r\n              class=\"nav-link\"\r\n              v-on:click=\"setActiveTab\"\r\n              data-tab=\"2\"\r\n              data-toggle=\"tab\"\r\n              href=\"#\"\r\n              role=\"tab\"\r\n              aria-selected=\"false\"\r\n            >\r\n              SCSS\r\n            </a>\r\n          </li>\r\n        </ul>\r\n        <div v-if=\"hasGeneralCode\">\r\n          <slot name=\"code\"></slot>\r\n        </div>\r\n\r\n        <div v-if=\"!hasGeneralCode && !hasSingleCodeType\">\r\n          <b-tabs class=\"hide-tabs\" content-class=\"mt-3\" v-model=\"tabIndex\">\r\n            <b-tab active class=\"example-highlight\">\r\n              <highlight-code lang=\"html\" class=\"language-html\">\r\n                <slot name=\"html\"></slot>\r\n              </highlight-code>\r\n            </b-tab>\r\n            <b-tab class=\"example-highlight\">\r\n              <highlight-code lang=\"js\" class=\"language-js\">\r\n                <slot name=\"js\"></slot>\r\n              </highlight-code>\r\n            </b-tab>\r\n            <b-tab class=\"example-highlight\">\r\n              <highlight-code lang=\"scss\" class=\"language-scss\">\r\n                <slot name=\"scss\"></slot>\r\n              </highlight-code>\r\n            </b-tab>\r\n          </b-tabs>\r\n        </div>\r\n\r\n        <div v-if=\"hasSingleCodeType\" class=\"example-highlight\">\r\n          <highlight-code lang=\"html\" class=\"language-html\" v-if=\"hasHtmlCode\">\r\n            <slot name=\"html\"></slot>\r\n          </highlight-code>\r\n          <highlight-code lang=\"js\" class=\"language-js\" v-if=\"hasJsCode\">\r\n            <slot name=\"js\"></slot>\r\n          </highlight-code>\r\n          <highlight-code lang=\"scss\" class=\"language-scss\" v-if=\"hasScssCode\">\r\n            <slot name=\"scss\"></slot>\r\n          </highlight-code>\r\n        </div>\r\n      </div>\r\n      <!--end::Code example-->\r\n\r\n      <slot name=\"preview\"></slot>\r\n    </template>\r\n  </KTCard>\r\n</template>\r\n\r\n<script>\r\nimport KTCard from \"@/view/content/Card.vue\";\r\nimport KTLayoutExamples from \"@/assets/js/layout/extended/examples.js\";\r\n\r\nexport default {\r\n  name: \"KTCodePreview\",\r\n  props: {\r\n    title: String\r\n  },\r\n  data() {\r\n    return {\r\n      tabIndex: 0,\r\n      isOpen: false\r\n    };\r\n  },\r\n  components: {\r\n    KTCard\r\n  },\r\n  mounted() {\r\n    // init example codes\r\n    this.$nextTick(() => {\r\n      KTLayoutExamples.init([this.$el]);\r\n      const hljs = this.$el.querySelectorAll(\".hljs\");\r\n      hljs.forEach(hl => {\r\n        hl.classList.add(`language-${hl.classList[1]}`);\r\n        hl.classList.remove(\"hljs\");\r\n      });\r\n    });\r\n  },\r\n  methods: {\r\n    /**\r\n     * Set current active on click\r\n     * @param event\r\n     */\r\n    setActiveTab(event) {\r\n      // get all tab links\r\n      const tab = event.target.closest('[role=\"tablist\"]');\r\n      const links = tab.querySelectorAll('[data-toggle=\"tab\"]');\r\n      // remove active tab links\r\n      for (let i = 0; i < links.length; i++) {\r\n        links[i].classList.remove(\"active\");\r\n      }\r\n\r\n      // set current active tab\r\n      event.target.classList.add(\"active\");\r\n\r\n      // set clicked tab index to bootstrap tab\r\n      this.tabIndex = parseInt(event.target.getAttribute(\"data-tab\"));\r\n    }\r\n  },\r\n  computed: {\r\n    /**\r\n     * Check if has title\r\n     * @returns {boolean}\r\n     */\r\n    hasTitleSlot() {\r\n      return !!this.$slots[\"title\"];\r\n    },\r\n\r\n    /**\r\n     * Check if code only has one, exclude the tabs\r\n     * @returns {boolean}\r\n     */\r\n    hasSingleCodeType() {\r\n      let exist = 0;\r\n      [\"html\", \"js\", \"scss\"].forEach(type => {\r\n        if (this.$slots.hasOwnProperty(type)) {\r\n          exist++;\r\n        }\r\n      });\r\n      return exist === 1;\r\n    },\r\n\r\n    /**\r\n     * Custom generate codes\r\n     * @returns {boolean}\r\n     */\r\n    hasGeneralCode() {\r\n      return !!this.$slots[\"code\"];\r\n    },\r\n\r\n    /**\r\n     * Check if has JS code slot\r\n     * @returns {boolean}\r\n     */\r\n    hasJsCode() {\r\n      return !!this.$slots[\"js\"];\r\n    },\r\n\r\n    /**\r\n     * Check if has SCSS code slot\r\n     * @returns {boolean}\r\n     */\r\n    hasScssCode() {\r\n      return !!this.$slots[\"scss\"];\r\n    },\r\n\r\n    /**\r\n     * Check if has HTML code slot\r\n     * @returns {boolean}\r\n     */\r\n    hasHtmlCode() {\r\n      return !!this.$slots[\"html\"];\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!./CodePreview.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!./CodePreview.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CodePreview.vue?vue&type=template&id=773e0431\"\nimport script from \"./CodePreview.vue?vue&type=script&lang=js\"\nexport * from \"./CodePreview.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 render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('b-alert',{staticClass:\"alert alert-custom alert-white alert-shadow fade show gutter-b\",attrs:{\"show\":\"\",\"variant\":\"light\"}},[_c('div',{staticClass:\"alert-icon\"},[_c('span',{staticClass:\"svg-icon svg-icon-lg\"},[_c('inline-svg',{attrs:{\"src\":\"media/svg/icons/Tools/Compass.svg\"}})],1)]),_c('div',{staticClass:\"alert-text\"},[_c('b',[_vm._v(\"Toasts\")]),_vm._v(\" Push notifications to your visitors with a <b-toast> and <b-toaster>, lightweight components which are easily customizable for generating alert messages. \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/toast\",\"target\":\"_blank\"}},[_vm._v(\" See documentation. \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('KTCodePreview',{attrs:{\"title\":'Toasts'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Toasts are slightly translucent, too, so they blend over whatever they might appear over. For browsers that support the \"),_c('code',[_vm._v(\"backdrop-filter\")]),_vm._v(\" CSS property, they also attempt to blur the elements under the toast. \")]),_c('div',{staticClass:\"p-3 bg-secondary progress-bar-striped\",staticStyle:{\"min-height\":\"170px\"}},[_c('b-button',{staticClass:\"mb-2\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.$bvToast.show('example-toast')}}},[_vm._v(\" Show toast \")]),_c('b-toast',{attrs:{\"id\":\"example-toast\",\"title\":\"BootstrapVue\",\"static\":\"\",\"no-auto-hide\":\"\"}},[_vm._v(\" Hello, world! This is a toast message. \")])],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code1.html)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Toasts on demand'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" Generate a dynamic toast from anywhere in your app via the \"),_c('code',[_vm._v(\"this.$bvToast\")]),_vm._v(\" Vue component instance injection, without the need to place a \"),_c('code',[_vm._v(\"<b-toast>\")]),_vm._v(\" component in your app. \")]),_c('div',[_c('b-button',{staticClass:\"mr-3\",on:{\"click\":function($event){return _vm.makeToast()}}},[_vm._v(\" Show Toast \")]),_c('b-button',{staticClass:\"mr-3\",on:{\"click\":function($event){return _vm.makeToast(true)}}},[_vm._v(\" Show Toast (appended) \")])],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code2.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Variants'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_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 \"),_c('a',{attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/reference/theming\",\"target\":\"_blank\"}},[_vm._v(\" Theming \")]),_vm._v(\" reference section). \")]),_c('div',[_c('b-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){return _vm.makeToastVariant()}}},[_vm._v(\" Default \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.makeToastVariant('primary')}}},[_vm._v(\" Primary \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",attrs:{\"variant\":\"secondary\"},on:{\"click\":function($event){return _vm.makeToastVariant('secondary')}}},[_vm._v(\" Secondary \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",attrs:{\"variant\":\"danger\"},on:{\"click\":function($event){return _vm.makeToastVariant('danger')}}},[_vm._v(\" Danger \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",attrs:{\"variant\":\"warning\"},on:{\"click\":function($event){return _vm.makeToastVariant('warning')}}},[_vm._v(\" Warning \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",attrs:{\"variant\":\"success\"},on:{\"click\":function($event){return _vm.makeToastVariant('success')}}},[_vm._v(\" Success \")]),_c('b-button',{staticClass:\"mb-2\",attrs:{\"variant\":\"info\"},on:{\"click\":function($event){return _vm.makeToastVariant('info')}}},[_vm._v(\" Info \")])],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code3.js)+\" \")]},proxy:true}])}),_c('KTCodePreview',{attrs:{\"title\":'Toaster target'},scopedSlots:_vm._u([{key:\"preview\",fn:function(){return [_c('p',[_vm._v(\" The below toasters place the toasts in a stacked (columnar format), fixed within the viewport (meaning they will always be in view regardless of viewport scroll position). If there are more toasts than can fit on the viewport screen, some will be visually hidden offscreen until other toasts are closed/hidden. \")]),_c('div',[_c('b-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){return _vm.toast('b-toaster-top-right')}}},[_vm._v(\" b-toaster-top-right \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){return _vm.toast('b-toaster-top-left')}}},[_vm._v(\" b-toaster-top-left \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){return _vm.toast('b-toaster-top-center')}}},[_vm._v(\" b-toaster-top-center \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){return _vm.toast('b-toaster-top-full')}}},[_vm._v(\" b-toaster-top-full \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){return _vm.toast('b-toaster-bottom-right', true)}}},[_vm._v(\" b-toaster-bottom-right \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){return _vm.toast('b-toaster-bottom-left', true)}}},[_vm._v(\" b-toaster-bottom-left \")]),_c('b-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){return _vm.toast('b-toaster-bottom-center', true)}}},[_vm._v(\" b-toaster-bottom-center \")]),_c('b-button',{staticClass:\"mb-2\",on:{\"click\":function($event){return _vm.toast('b-toaster-bottom-full', true)}}},[_vm._v(\" b-toaster-bottom-full \")])],1)]},proxy:true},{key:\"html\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code4.html)+\" \")]},proxy:true},{key:\"js\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.code4.js)+\" \")]},proxy:true}])})],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-alert\r\n      show\r\n      variant=\"light\"\r\n      class=\"alert alert-custom alert-white alert-shadow fade show gutter-b\"\r\n    >\r\n      <div class=\"alert-icon\">\r\n        <span class=\"svg-icon svg-icon-lg\">\r\n          <inline-svg src=\"media/svg/icons/Tools/Compass.svg\" />\r\n        </span>\r\n      </div>\r\n      <div class=\"alert-text\">\r\n        <b>Toasts</b> Push notifications to your visitors with a &lt;b-toast&gt;\r\n        and &lt;b-toaster&gt;, lightweight components which are easily\r\n        customizable for generating alert messages.\r\n        <a\r\n          class=\"font-weight-bold\"\r\n          href=\"https://bootstrap-vue.js.org/docs/components/toast\"\r\n          target=\"_blank\"\r\n        >\r\n          See documentation.\r\n        </a>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <div class=\"row\">\r\n      <div class=\"col-md-12\">\r\n        <KTCodePreview v-bind:title=\"'Toasts'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Toasts are slightly translucent, too, so they blend over whatever\r\n              they might appear over. For browsers that support the\r\n              <code>backdrop-filter</code> CSS property, they also attempt to\r\n              blur the elements under the toast.\r\n            </p>\r\n            <div\r\n              class=\"p-3 bg-secondary progress-bar-striped\"\r\n              style=\"min-height: 170px;\"\r\n            >\r\n              <b-button\r\n                class=\"mb-2\"\r\n                variant=\"primary\"\r\n                @click=\"$bvToast.show('example-toast')\"\r\n              >\r\n                Show toast\r\n              </b-button>\r\n              <b-toast\r\n                id=\"example-toast\"\r\n                title=\"BootstrapVue\"\r\n                static\r\n                no-auto-hide\r\n              >\r\n                Hello, world! This is a toast message.\r\n              </b-toast>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code1.html }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Toasts on demand'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              Generate a dynamic toast from anywhere in your app via the\r\n              <code>this.$bvToast</code> Vue component instance injection,\r\n              without the need to place a <code>&lt;b-toast&gt;</code> component\r\n              in your app.\r\n            </p>\r\n            <div>\r\n              <b-button class=\"mr-3\" @click=\"makeToast()\">\r\n                Show Toast\r\n              </b-button>\r\n              <b-button class=\"mr-3\" @click=\"makeToast(true)\">\r\n                Show Toast (appended)\r\n              </b-button>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code2.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code2.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Variants'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              BootstrapVue toasts provide custom CSS to define color variants.\r\n              Variants follow the standard Bootstrap v4 variant names. If you\r\n              have custom SCSS defined Bootstrap color theme variants, the toast\r\n              custom SCSS will automatically create toast variants for you\r\n              (refer to the\r\n              <a\r\n                href=\"https://bootstrap-vue.js.org/docs/reference/theming\"\r\n                target=\"_blank\"\r\n              >\r\n                Theming\r\n              </a>\r\n              reference section).\r\n            </p>\r\n            <div>\r\n              <b-button @click=\"makeToastVariant()\" class=\"mb-2 mr-3\">\r\n                Default\r\n              </b-button>\r\n              <b-button\r\n                variant=\"primary\"\r\n                @click=\"makeToastVariant('primary')\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                Primary\r\n              </b-button>\r\n              <b-button\r\n                variant=\"secondary\"\r\n                @click=\"makeToastVariant('secondary')\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                Secondary\r\n              </b-button>\r\n              <b-button\r\n                variant=\"danger\"\r\n                @click=\"makeToastVariant('danger')\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                Danger\r\n              </b-button>\r\n              <b-button\r\n                variant=\"warning\"\r\n                @click=\"makeToastVariant('warning')\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                Warning\r\n              </b-button>\r\n              <b-button\r\n                variant=\"success\"\r\n                @click=\"makeToastVariant('success')\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                Success\r\n              </b-button>\r\n              <b-button\r\n                variant=\"info\"\r\n                @click=\"makeToastVariant('info')\"\r\n                class=\"mb-2\"\r\n              >\r\n                Info\r\n              </b-button>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code3.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code3.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n\r\n        <KTCodePreview v-bind:title=\"'Toaster target'\">\r\n          <template v-slot:preview>\r\n            <p>\r\n              The below toasters place the toasts in a stacked (columnar\r\n              format), fixed within the viewport (meaning they will always be in\r\n              view regardless of viewport scroll position). If there are more\r\n              toasts than can fit on the viewport screen, some will be visually\r\n              hidden offscreen until other toasts are closed/hidden.\r\n            </p>\r\n            <div>\r\n              <b-button @click=\"toast('b-toaster-top-right')\" class=\"mb-2 mr-3\">\r\n                b-toaster-top-right\r\n              </b-button>\r\n              <b-button @click=\"toast('b-toaster-top-left')\" class=\"mb-2 mr-3\">\r\n                b-toaster-top-left\r\n              </b-button>\r\n              <b-button\r\n                @click=\"toast('b-toaster-top-center')\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                b-toaster-top-center\r\n              </b-button>\r\n              <b-button @click=\"toast('b-toaster-top-full')\" class=\"mb-2 mr-3\">\r\n                b-toaster-top-full\r\n              </b-button>\r\n              <b-button\r\n                @click=\"toast('b-toaster-bottom-right', true)\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                b-toaster-bottom-right\r\n              </b-button>\r\n              <b-button\r\n                @click=\"toast('b-toaster-bottom-left', true)\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                b-toaster-bottom-left\r\n              </b-button>\r\n              <b-button\r\n                @click=\"toast('b-toaster-bottom-center', true)\"\r\n                class=\"mb-2 mr-3\"\r\n              >\r\n                b-toaster-bottom-center\r\n              </b-button>\r\n              <b-button\r\n                @click=\"toast('b-toaster-bottom-full', true)\"\r\n                class=\"mb-2\"\r\n              >\r\n                b-toaster-bottom-full\r\n              </b-button>\r\n            </div>\r\n          </template>\r\n          <template v-slot:html>\r\n            {{ code4.html }}\r\n          </template>\r\n          <template v-slot:js>\r\n            {{ code4.js }}\r\n          </template>\r\n        </KTCodePreview>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport KTCodePreview from \"@/view/content/CodePreview.vue\";\r\nimport { SET_BREADCRUMB } from \"@/core/services/store/breadcrumbs.module\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      code1: {\r\n        html: `<div class=\"p-3 bg-secondary progress-bar-striped\" style=\"min-height: 170px;\">\r\n    <b-button class=\"mb-2\" variant=\"primary\" @click=\"$bvToast.show('example-toast')\">\r\n      Show toast\r\n    </b-button>\r\n    <b-toast id=\"example-toast\" title=\"BootstrapVue\" static no-auto-hide>\r\n      Hello, world! This is a toast message.\r\n    </b-toast>\r\n  </div>`\r\n      },\r\n\r\n      code2: {\r\n        html: `<div>\r\n    <b-button @click=\"makeToast()\">Show Toast</b-button>\r\n    <b-button @click=\"makeToast(true)\">Show Toast (appended)</b-button>\r\n  </div>`,\r\n        js: `export default {\r\n    data() {\r\n      return {\r\n        toastCount: 0\r\n      }\r\n    },\r\n    methods: {\r\n      makeToast(append = false) {\r\n        this.toastCount++\r\n        this.$bvToast.toast(\\`This is toast number ${this.toastCount}\\`, {\r\n          title: 'BootstrapVue Toast',\r\n          autoHideDelay: 5000,\r\n          appendToast: append\r\n        })\r\n      }\r\n    }\r\n  }`\r\n      },\r\n      toastCount: 0,\r\n\r\n      code3: {\r\n        html: `<div>\r\n    <b-button @click=\"makeToast()\" class=\"mb-2\">Default</b-button>\r\n    <b-button variant=\"primary\" @click=\"makeToast('primary')\" class=\"mb-2\">Primary</b-button>\r\n    <b-button variant=\"secondary\" @click=\"makeToast('secondary')\" class=\"mb-2\">Secondary</b-button>\r\n    <b-button variant=\"danger\" @click=\"makeToast('danger')\" class=\"mb-2\">Danger</b-button>\r\n    <b-button variant=\"warning\" @click=\"makeToast('warning')\" class=\"mb-2\">Warning</b-button>\r\n    <b-button variant=\"success\" @click=\"makeToast('success')\" class=\"mb-2\">Success</b-button>\r\n    <b-button variant=\"info\" @click=\"makeToast('info')\" class=\"mb-2\">Info</b-button>\r\n  </div>`,\r\n        js:\r\n          \"export default {\\n\" +\r\n          \"    methods: {\\n\" +\r\n          \"      makeToast(variant = null) {\\n\" +\r\n          \"        this.$bvToast.toast('Toast body content', {\\n\" +\r\n          \"          title: `Variant ${variant || 'default'}`,\\n\" +\r\n          \"          variant: variant,\\n\" +\r\n          \"          solid: true\\n\" +\r\n          \"        })\\n\" +\r\n          \"      }\\n\" +\r\n          \"    }\\n\" +\r\n          \"  }\"\r\n      },\r\n\r\n      code4: {\r\n        html: `<div>\r\n    <b-button @click=\"toast('b-toaster-top-right')\" class=\"mb-2\">b-toaster-top-right</b-button>\r\n    <b-button @click=\"toast('b-toaster-top-left')\" class=\"mb-2\">b-toaster-top-left</b-button>\r\n    <b-button @click=\"toast('b-toaster-top-center')\" class=\"mb-2\">b-toaster-top-center</b-button>\r\n    <b-button @click=\"toast('b-toaster-top-full')\" class=\"mb-2\">b-toaster-top-full</b-button>\r\n    <b-button @click=\"toast('b-toaster-bottom-right', true)\" class=\"mb-2\">b-toaster-bottom-right</b-button>\r\n    <b-button @click=\"toast('b-toaster-bottom-left', true)\" class=\"mb-2\">b-toaster-bottom-left</b-button>\r\n    <b-button @click=\"toast('b-toaster-bottom-center', true)\" class=\"mb-2\">b-toaster-bottom-center</b-button>\r\n    <b-button @click=\"toast('b-toaster-bottom-full', true)\" class=\"mb-2\">b-toaster-bottom-full</b-button>\r\n  </div>`,\r\n        js:\r\n          \"export default {\\n\" +\r\n          \"    data() {\\n\" +\r\n          \"      return {\\n\" +\r\n          \"        counter: 0\\n\" +\r\n          \"      }\\n\" +\r\n          \"    },\\n\" +\r\n          \"    methods: {\\n\" +\r\n          \"      toast(toaster, append = false) {\\n\" +\r\n          \"        this.counter++\\n\" +\r\n          \"        this.$bvToast.toast(`Toast ${this.counter} body content`, {\\n\" +\r\n          \"          title: `Toaster ${toaster}`,\\n\" +\r\n          \"          toaster: toaster,\\n\" +\r\n          \"          solid: true,\\n\" +\r\n          \"          appendToast: append\\n\" +\r\n          \"        })\\n\" +\r\n          \"      }\\n\" +\r\n          \"    }\\n\" +\r\n          \"  }\"\r\n      },\r\n      counter: 0\r\n    };\r\n  },\r\n  components: {\r\n    KTCodePreview\r\n  },\r\n  methods: {\r\n    makeToast(append = false) {\r\n      this.toastCount++;\r\n      this.$bvToast.toast(`This is toast number ${this.toastCount}`, {\r\n        title: \"BootstrapVue Toast\",\r\n        autoHideDelay: 5000,\r\n        appendToast: append\r\n      });\r\n    },\r\n    toast(toaster, append = false) {\r\n      this.counter++;\r\n      this.$bvToast.toast(`Toast ${this.counter} body content`, {\r\n        title: `Toaster ${toaster}`,\r\n        toaster: toaster,\r\n        solid: true,\r\n        appendToast: append\r\n      });\r\n    },\r\n    makeToastVariant(variant = null) {\r\n      this.$bvToast.toast(\"Toast body content\", {\r\n        title: `Variant ${variant || \"default\"}`,\r\n        variant: variant,\r\n        solid: true\r\n      });\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$store.dispatch(SET_BREADCRUMB, [\r\n      { title: \"Vue Bootstrap\", route: \"alert\" },\r\n      { title: \"Notify\", route: \"popover\" },\r\n      { title: \"Toasts\" }\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!./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=89b833dc\"\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"],"sourceRoot":""}