{"version":3,"sources":["webpack:///./src/components/Page-header.vue","webpack:///src/components/Page-header.vue","webpack:///./src/components/Page-header.vue?95ad","webpack:///./src/components/Page-header.vue?f09d","webpack:///./src/views/pages/ui/notifications.vue","webpack:///src/views/pages/ui/notifications.vue","webpack:///./src/views/pages/ui/notifications.vue?11d9","webpack:///./src/views/pages/ui/notifications.vue?5c19","webpack:///./src/assets/images/users/avatar-3.jpg"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","slot","require","staticStyle","page","meta","name","content","appConfig","description","Layout","PageHeader","data","text","href","active","module","exports"],"mappings":"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","file":"js/chunk-68e91ef0.7fe879b2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box\",class:{\n        'page-title-box-alt':\n          _vm.layoutType !== 'vertical' && _vm.layoutType !== 'two-column',\n      }},[_c('h4',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\n/**\n * Page-header component\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  computed: {\n    ...layoutComputed,\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div\n        class=\"page-title-box\"\n        :class=\"{\n          'page-title-box-alt':\n            layoutType !== 'vertical' && layoutType !== 'two-column',\n        }\"\n      >\n        <h4 class=\"page-title\">{{ title }}</h4>\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\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!./Page-header.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!./Page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Page-header.vue?vue&type=template&id=14ebe7ac\"\nimport script from \"./Page-header.vue?vue&type=script&lang=js\"\nexport * from \"./Page-header.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('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Bootstrap Toasts\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\" Push notifications to your visitors with a toast, a lightweight and easily customizable alert message. \")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('h5',{staticClass:\"mb-2\"},[_vm._v(\"Basic\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\" Toasts are as flexible as you need and have very little required markup. At a minimum, we require a single element to contain your “toasted” content and strongly encourage a dismiss button. \")]),_c('div',{staticClass:\"p-3\"},[_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\"}},[_c('div',{attrs:{\"slot\":\"toast-title\"},slot:\"toast-title\"},[_c('b-img',{staticClass:\"mr-1 rounded\",attrs:{\"src\":require('@/assets/images/users/avatar-2.jpg'),\"height\":\"28\"}}),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Alfredo\")]),_c('small',[_vm._v(\"11 min ago\")])],1),_vm._v(\" Hello, world! This is a toast message. \")])],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('h5',{staticClass:\"mb-2\"},[_vm._v(\"Translucent\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\" Toasts are slightly translucent, too, so they blend over whatever they might appear over. For browsers that support the backdrop-filter CSS property, we’ll also attempt to blur the elements under a toast. \")]),_c('div',{staticClass:\"p-3 bg-secondary\"},[_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\"}},[_c('div',{attrs:{\"slot\":\"toast-title\"},slot:\"toast-title\"},[_c('b-img',{staticClass:\"mr-1 rounded\",attrs:{\"src\":require('@/assets/images/users/avatar-3.jpg'),\"height\":\"28\"}}),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Andrew\")]),_c('small',[_vm._v(\"11 min ago\")])],1),_vm._v(\" Hello, world! This is a toast message. \")])],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 mt-4\"},[_c('h5',{staticClass:\"mb-2\"},[_vm._v(\"Stacking\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\" When you have multiple toasts, we default to vertiaclly stacking them in a readable manner. \")]),_c('div',{staticClass:\"p-3\"},[_c('div',{staticStyle:{\"position\":\"relative\",\"min-height\":\"200px\"},attrs:{\"aria-live\":\"polite\",\"aria-atomic\":\"true\"}},[_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"0\",\"right\":\"0\"}},[_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\"}},[_c('div',{attrs:{\"slot\":\"toast-title\"},slot:\"toast-title\"},[_c('b-img',{staticClass:\"mr-1 rounded\",attrs:{\"src\":require('@/assets/images/users/avatar-4.jpg'),\"height\":\"28\"}}),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Richard\")]),_c('small',{staticClass:\"mr-2\"},[_vm._v(\"just now\")])],1),_vm._v(\" See? Just like this. \")]),_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\"}},[_c('div',{attrs:{\"slot\":\"toast-title\"},slot:\"toast-title\"},[_c('b-img',{staticClass:\"mr-1 rounded\",attrs:{\"src\":require('@/assets/images/users/avatar-5.jpg'),\"height\":\"28\"}}),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Edward\")]),_c('small',{staticClass:\"mr-2\"},[_vm._v(\"2 seconds ago\")])],1),_vm._v(\" Heads up, toasts will stack automatically \")])],1)])])]),_c('div',{staticClass:\"col-md-6 mt-4\"},[_c('h5',{staticClass:\"mb-2\"},[_vm._v(\"Placement\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\" Place toasts with custom CSS as you need them. The top right is often used for notifications, as is the top middle. If you’re only ever going to show one toast at a time, put the positioning styles right on the \"),_c('code',[_vm._v(\".toast\")]),_vm._v(\". \")]),_c('div',{staticClass:\"p-3\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\",staticStyle:{\"min-height\":\"200px\"},attrs:{\"aria-live\":\"polite\",\"aria-atomic\":\"true\"}},[_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\"}},[_c('div',{attrs:{\"slot\":\"toast-title\"},slot:\"toast-title\"},[_c('b-img',{staticClass:\"mr-1 rounded\",attrs:{\"src\":require('@/assets/images/users/avatar-6.jpg'),\"height\":\"28\"}}),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Ronnie\")]),_c('small',{staticClass:\"mr-2\"},[_vm._v(\"11 mins ago\")])],1),_vm._v(\" Hello, world! This is a toast message. \")])],1)])])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Default Alert\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight \"),_c('strong',[_vm._v(\"required\")]),_vm._v(\" contextual classes (e.g., \"),_c('code',[_vm._v(\"variant\")]),_vm._v(\"). \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"primary\"}},[_vm._v(\"This is a primary alert—check it out!\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"secondary\"}},[_vm._v(\"This is a secondary alert—check it out!\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"success\"}},[_c('i',{staticClass:\"mdi mdi-check-all mr-2\"}),_vm._v(\"This is a success alert—check it out! \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"danger\"}},[_c('i',{staticClass:\"mdi mdi-block-helper mr-2\"}),_vm._v(\"This is a danger alert—check it out! \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"warning\"}},[_c('i',{staticClass:\"mdi mdi-alert-outline mr-2\"}),_vm._v(\"This is a warning alert—check it out! \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"info\"}},[_c('i',{staticClass:\"mdi mdi-alert-circle-outline mr-2\"}),_vm._v(\"A simple info alert with an example link. Give it a click if you like. \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"light\"}},[_vm._v(\"A simple light alert with an example link. Give it a click if you like.\")]),_c('b-alert',{staticClass:\"mb-0\",attrs:{\"show\":\"\",\"variant\":\"dark\"}},[_vm._v(\"A simple dark alert with an example link. Give it a click if you like.\")])],1)])]),_c('div',{staticClass:\"col-xl-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Dismissing Alerts\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add a dismiss button and the \"),_c('code',[_vm._v(\".alert-dismissible\")]),_vm._v(\" class, which adds extra padding to the right of the alert and positions the \"),_c('code',[_vm._v(\".close\")]),_vm._v(\" button. \")]),_c('b-alert',{attrs:{\"show\":\"\",\"dismissible\":\"\",\"variant\":\"primary\"}},[_vm._v(\"This is a primary alert—check it out!\")]),_c('b-alert',{attrs:{\"show\":\"\",\"dismissible\":\"\",\"variant\":\"secondary\"}},[_vm._v(\"This is a secondary alert—check it out!\")]),_c('b-alert',{attrs:{\"show\":\"\",\"dismissible\":\"\",\"variant\":\"success\"}},[_vm._v(\"This is a success alert—check it out!\")]),_c('b-alert',{attrs:{\"show\":\"\",\"dismissible\":\"\",\"variant\":\"danger\"}},[_vm._v(\"This is a danger alert—check it out!\")]),_c('b-alert',{attrs:{\"show\":\"\",\"dismissible\":\"\",\"variant\":\"warning\"}},[_vm._v(\"This is a warning alert—check it out!\")]),_c('b-alert',{attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"This is a info alert—check it out!\")]),_c('b-alert',{attrs:{\"show\":\"\",\"dismissible\":\"\",\"variant\":\"light\"}},[_vm._v(\"This is a light alert—check it out!\")]),_c('b-alert',{staticClass:\"mb-0\",attrs:{\"show\":\"\",\"dismissible\":\"\",\"variant\":\"dark\"}},[_vm._v(\"This is a dark alert—check it out!\")])],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Custom Background Alert\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Use \"),_c('code',[_vm._v(\".bg-*\")]),_vm._v(\", \"),_c('code',[_vm._v(\".border-0\")]),_vm._v(\" classes. \")]),_c('b-alert',{staticClass:\"bg-white text-primary\",attrs:{\"show\":\"\"}},[_vm._v(\"This is a primary alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-white text-secondary\",attrs:{\"show\":\"\"}},[_vm._v(\"This is a secondary alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-white text-success\",attrs:{\"show\":\"\"}},[_vm._v(\"This is a success alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-white text-danger\",attrs:{\"show\":\"\"}},[_vm._v(\"This is a danger alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-white text-warning\",attrs:{\"show\":\"\"}},[_vm._v(\"This is a warning alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-white text-info\",attrs:{\"show\":\"\"}},[_vm._v(\"This is a info alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-white text-dark mb-0\",attrs:{\"show\":\"\"}},[_vm._v(\"This is a dark alert—check it out!\")])],1)])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Dismissing Custom Background Alert\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Use \"),_c('code',[_vm._v(\".bg-*\")]),_vm._v(\", \"),_c('code',[_vm._v(\".border-0\")]),_vm._v(\" classes. \")]),_c('b-alert',{staticClass:\"bg-primary text-white border-0\",attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"This is a primary alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-secondary text-white border-0\",attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"This is a secondary alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-success text-white border-0\",attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"This is a success alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-danger text-white border-0\",attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"This is a danger alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-warning text-white border-0\",attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"This is a warning alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-info text-white border-0\",attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"This is a light alert—check it out!\")]),_c('b-alert',{staticClass:\"bg-dark text-white border-0 mb-0\",attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"This is a dark alert—check it out!\")])],1)])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/Page-header\";\nimport appConfig from \"../../../../app.config\";\n\n/**\n * Notifications component\n */\nexport default {\n  page: {\n    title: \"Notifications\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"Notifications\",\n      items: [\n        {\n          text: \"Minton\",\n          href: \"/\",\n        },\n        {\n          text: \"UI\",\n          href: \"/\",\n        },\n        {\n          text: \"Notifications\",\n          active: true,\n        },\n      ],\n    };\n  },\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Bootstrap Toasts</h4>\n            <p class=\"text-muted\">\n              Push notifications to your visitors with a toast, a lightweight\n              and easily customizable alert message.\n            </p>\n\n            <div class=\"row\">\n              <div class=\"col-md-6\">\n                <h5 class=\"mb-2\">Basic</h5>\n                <p class=\"text-muted\">\n                  Toasts are as flexible as you need and have very little\n                  required markup. At a minimum, we require a single element to\n                  contain your “toasted” content and strongly encourage a\n                  dismiss button.\n                </p>\n                <div class=\"p-3\">\n                  <b-toast visible static no-auto-hide>\n                    <div slot=\"toast-title\">\n                      <b-img\n                        :src=\"require('@/assets/images/users/avatar-2.jpg')\"\n                        class=\"mr-1 rounded\"\n                        height=\"28\"\n                      ></b-img>\n                      <strong class=\"mr-auto\">Alfredo</strong>\n                      <small>11 min ago</small>\n                    </div>\n                    Hello, world! This is a toast message.\n                  </b-toast>\n                  <!--end toast-->\n                </div>\n              </div>\n              <!-- end col-->\n              <div class=\"col-md-6\">\n                <h5 class=\"mb-2\">Translucent</h5>\n                <p class=\"text-muted\">\n                  Toasts are slightly translucent, too, so they blend over\n                  whatever they might appear over. For browsers that support the\n                  backdrop-filter CSS property, we’ll also attempt to blur the\n                  elements under a toast.\n                </p>\n\n                <div class=\"p-3 bg-secondary\">\n                  <b-toast visible static no-auto-hide>\n                    <div slot=\"toast-title\">\n                      <b-img\n                        :src=\"require('@/assets/images/users/avatar-3.jpg')\"\n                        class=\"mr-1 rounded\"\n                        height=\"28\"\n                      ></b-img>\n                      <strong class=\"mr-auto\">Andrew</strong>\n                      <small>11 min ago</small>\n                    </div>\n                    Hello, world! This is a toast message.\n                  </b-toast>\n                  <!--end toast-->\n                </div>\n              </div>\n              <!-- end col-->\n            </div>\n            <!-- end row-->\n\n            <div class=\"row\">\n              <div class=\"col-md-6 mt-4\">\n                <h5 class=\"mb-2\">Stacking</h5>\n                <p class=\"text-muted\">\n                  When you have multiple toasts, we default to vertiaclly\n                  stacking them in a readable manner.\n                </p>\n                <div class=\"p-3\">\n                  <div\n                    aria-live=\"polite\"\n                    aria-atomic=\"true\"\n                    style=\"position: relative; min-height: 200px\"\n                  >\n                    <!-- Position it -->\n                    <div style=\"position: absolute; top: 0; right: 0\">\n                      <b-toast visible static no-auto-hide>\n                        <div slot=\"toast-title\">\n                          <b-img\n                            :src=\"require('@/assets/images/users/avatar-4.jpg')\"\n                            class=\"mr-1 rounded\"\n                            height=\"28\"\n                          ></b-img>\n                          <strong class=\"mr-auto\">Richard</strong>\n                          <small class=\"mr-2\">just now</small>\n                        </div>\n                        See? Just like this.\n                      </b-toast>\n                      <!--end toast-->\n\n                      <b-toast visible static no-auto-hide>\n                        <div slot=\"toast-title\">\n                          <b-img\n                            :src=\"require('@/assets/images/users/avatar-5.jpg')\"\n                            class=\"mr-1 rounded\"\n                            height=\"28\"\n                          ></b-img>\n                          <strong class=\"mr-auto\">Edward</strong>\n                          <small class=\"mr-2\">2 seconds ago</small>\n                        </div>\n                        Heads up, toasts will stack automatically\n                      </b-toast>\n                      <!--end toast-->\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <!-- end col-->\n              <div class=\"col-md-6 mt-4\">\n                <h5 class=\"mb-2\">Placement</h5>\n                <p class=\"text-muted\">\n                  Place toasts with custom CSS as you need them. The top right\n                  is often used for notifications, as is the top middle. If\n                  you’re only ever going to show one toast at a time, put the\n                  positioning styles right on the\n                  <code>.toast</code>.\n                </p>\n                <div class=\"p-3\">\n                  <div\n                    aria-live=\"polite\"\n                    aria-atomic=\"true\"\n                    class=\"d-flex justify-content-center align-items-center\"\n                    style=\"min-height: 200px\"\n                  >\n                    <!-- Then put toasts within -->\n\n                    <b-toast visible static no-auto-hide>\n                      <div slot=\"toast-title\">\n                        <b-img\n                          :src=\"require('@/assets/images/users/avatar-6.jpg')\"\n                          class=\"mr-1 rounded\"\n                          height=\"28\"\n                        ></b-img>\n                        <strong class=\"mr-auto\">Ronnie</strong>\n                        <small class=\"mr-2\">11 mins ago</small>\n                      </div>\n                      Hello, world! This is a toast message.\n                    </b-toast>\n                    <!--end toast-->\n                    <!--end toast-->\n                  </div>\n                </div>\n              </div>\n              <!-- end col-->\n            </div>\n            <!-- end row-->\n          </div>\n          <!-- end card-body-->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col-->\n    </div>\n    <div class=\"row\">\n      <div class=\"col-xl-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Default Alert</h4>\n            <p class=\"sub-header\">\n              Alerts are available for any length of text, as well as an\n              optional dismiss button. For proper styling, use one of the eight\n              <strong>required</strong> contextual classes (e.g.,\n              <code>variant</code>).\n            </p>\n\n            <b-alert show variant=\"primary\"\n              >This is a primary alert—check it out!</b-alert\n            >\n            <b-alert show variant=\"secondary\"\n              >This is a secondary alert—check it out!</b-alert\n            >\n            <b-alert show variant=\"success\">\n              <i class=\"mdi mdi-check-all mr-2\"></i>This is a success\n              alert—check it out!\n            </b-alert>\n            <b-alert show variant=\"danger\">\n              <i class=\"mdi mdi-block-helper mr-2\"></i>This is a danger\n              alert—check it out!\n            </b-alert>\n            <b-alert show variant=\"warning\">\n              <i class=\"mdi mdi-alert-outline mr-2\"></i>This is a warning\n              alert—check it out!\n            </b-alert>\n            <b-alert show variant=\"info\">\n              <i class=\"mdi mdi-alert-circle-outline mr-2\"></i>A simple info\n              alert with an example link. Give it a click if you like.\n            </b-alert>\n            <b-alert show variant=\"light\"\n              >A simple light alert with an example link. Give it a click if you\n              like.</b-alert\n            >\n            <b-alert show variant=\"dark\" class=\"mb-0\"\n              >A simple dark alert with an example link. Give it a click if you\n              like.</b-alert\n            >\n          </div>\n          <!-- end card-box-->\n        </div>\n      </div>\n      <!-- end col -->\n      <div class=\"col-xl-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Dismissing Alerts</h4>\n            <p class=\"sub-header\">\n              Add a dismiss button and the\n              <code>.alert-dismissible</code> class, which adds extra padding to\n              the right of the alert and positions the\n              <code>.close</code> button.\n            </p>\n\n            <b-alert show dismissible variant=\"primary\"\n              >This is a primary alert—check it out!</b-alert\n            >\n            <b-alert show dismissible variant=\"secondary\"\n              >This is a secondary alert—check it out!</b-alert\n            >\n            <b-alert show dismissible variant=\"success\"\n              >This is a success alert—check it out!</b-alert\n            >\n            <b-alert show dismissible variant=\"danger\"\n              >This is a danger alert—check it out!</b-alert\n            >\n            <b-alert show dismissible variant=\"warning\"\n              >This is a warning alert—check it out!</b-alert\n            >\n            <b-alert show dismissible\n              >This is a info alert—check it out!</b-alert\n            >\n            <b-alert show dismissible variant=\"light\"\n              >This is a light alert—check it out!</b-alert\n            >\n            <b-alert show dismissible variant=\"dark\" class=\"mb-0\"\n              >This is a dark alert—check it out!</b-alert\n            >\n          </div>\n        </div>\n        <!-- end card-box-->\n      </div>\n      <!-- end col -->\n    </div>\n\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Custom Background Alert</h4>\n            <p class=\"sub-header\">\n              Use\n              <code>.bg-*</code>, <code>.border-0</code> classes.\n            </p>\n\n            <b-alert show class=\"bg-white text-primary\"\n              >This is a primary alert—check it out!</b-alert\n            >\n            <b-alert show class=\"bg-white text-secondary\"\n              >This is a secondary alert—check it out!</b-alert\n            >\n            <b-alert show class=\"bg-white text-success\"\n              >This is a success alert—check it out!</b-alert\n            >\n            <b-alert show class=\"bg-white text-danger\"\n              >This is a danger alert—check it out!</b-alert\n            >\n            <b-alert show class=\"bg-white text-warning\"\n              >This is a warning alert—check it out!</b-alert\n            >\n            <b-alert show class=\"bg-white text-info\"\n              >This is a info alert—check it out!</b-alert\n            >\n            <b-alert show class=\"bg-white text-dark mb-0\"\n              >This is a dark alert—check it out!</b-alert\n            >\n          </div>\n        </div>\n        <!-- end card-box-->\n      </div>\n\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Dismissing Custom Background Alert</h4>\n            <p class=\"sub-header\">\n              Use\n              <code>.bg-*</code>, <code>.border-0</code> classes.\n            </p>\n            <b-alert show dismissible class=\"bg-primary text-white border-0\"\n              >This is a primary alert—check it out!</b-alert\n            >\n            <b-alert show dismissible class=\"bg-secondary text-white border-0\"\n              >This is a secondary alert—check it out!</b-alert\n            >\n            <b-alert show dismissible class=\"bg-success text-white border-0\"\n              >This is a success alert—check it out!</b-alert\n            >\n            <b-alert show dismissible class=\"bg-danger text-white border-0\"\n              >This is a danger alert—check it out!</b-alert\n            >\n            <b-alert show dismissible class=\"bg-warning text-white border-0\"\n              >This is a warning alert—check it out!</b-alert\n            >\n            <b-alert show dismissible class=\"bg-info text-white border-0\"\n              >This is a light alert—check it out!</b-alert\n            >\n            <b-alert show dismissible class=\"bg-dark text-white border-0 mb-0\"\n              >This is a dark alert—check it out!</b-alert\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n</template>\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!./notifications.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!./notifications.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./notifications.vue?vue&type=template&id=a0337cb0\"\nimport script from \"./notifications.vue?vue&type=script&lang=js\"\nexport * from \"./notifications.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","module.exports = __webpack_public_path__ + \"img/avatar-3.b701f534.jpg\";"],"sourceRoot":""}