{"version":3,"sources":["webpack:///./src/views/notifications/Alerts.vue?86f1","webpack:///src/views/notifications/Alerts.vue","webpack:///./src/views/notifications/Alerts.vue?dbf4","webpack:///./src/views/notifications/Alerts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","showDismissibleAlert","on","$event","_s","dismissCountDown","dismissCountdown","countDownChanged","dismissSecs","showAlert","staticRenderFns","name","data","methods","component"],"mappings":"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","file":"js/chunk-772a006c.23e35d5a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"animated fadeIn\"},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Bootstrap Alert\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('a',{staticClass:\"card-header-action\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/alert\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\"}},[_c('small',{staticClass:\"text-muted\"},[_vm._v(\"docs\")])])])]),_c('div',[_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"primary\"}},[_vm._v(\"Primary Alert\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"secondary\"}},[_vm._v(\"Secondary Alert\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"success\"}},[_vm._v(\"Success Alert\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"danger\"}},[_vm._v(\"Danger Alert\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"warning\"}},[_vm._v(\"Warning Alert\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"info\"}},[_vm._v(\"Info Alert\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"light\"}},[_vm._v(\"Light Alert\")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"dark\"}},[_vm._v(\"Dark Alert\")])],1)])],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_vm._v(\" Alert\\n            \"),_c('small',[_vm._v(\" use \"),_c('code',[_vm._v(\".alert-link\")]),_vm._v(\" to provide links\")])]),_c('div',[_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"primary\"}},[_vm._v(\"\\n              Primary Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\".\\n            \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"secondary\"}},[_vm._v(\"\\n              Secondary Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\".\\n            \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"success\"}},[_vm._v(\"\\n              Success Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\".\\n            \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"danger\"}},[_vm._v(\"\\n              Danger Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\".\\n            \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"warning\"}},[_vm._v(\"\\n              Warning Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\".\\n            \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"info\"}},[_vm._v(\"\\n              Info Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\".\\n            \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"light\"}},[_vm._v(\"\\n              Light Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\".\\n            \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"dark\"}},[_vm._v(\"\\n              Dark Alert with\\n              \"),_c('b-link',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\"\\n              .\\n            \")],1)],1)])],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_vm._v(\" Alerts \"),_c('small',[_vm._v(\"with additional content\")])]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"success\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\"Well done!\")]),_c('p',[_vm._v(\"\\n              Aww yeah, you successfully read this important alert message.\\n              This example text is going to run a bit longer so that you can see\\n              how spacing within an alert works with this kind of content.\\n            \")]),_c('hr'),_c('p',{staticClass:\"mb-0\"},[_vm._v(\"\\n              Whenever you need to, be sure to use margin utilities to keep things nice and tidy.\\n            \")])])],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_vm._v(\" Alerts \"),_c('small',[_vm._v(\"dismissible\")])]),_c('div',[_c('b-alert',{attrs:{\"show\":\"\",\"dismissible\":\"\"}},[_vm._v(\"\\n              Dismissible Alert!\\n            \")]),_c('b-alert',{attrs:{\"variant\":\"danger\",\"dismissible\":\"\",\"show\":_vm.showDismissibleAlert},on:{\"dismissed\":function($event){_vm.showDismissibleAlert=false}}},[_vm._v(\"\\n            Dismissible Alert!\\n          \")]),_c('b-btn',{staticClass:\"m-1\",attrs:{\"variant\":\"info\"},on:{\"click\":function($event){_vm.showDismissibleAlert=true}}},[_vm._v(\"\\n            Show dismissible alert (\"+_vm._s(_vm.showDismissibleAlert?'visible':'hidden')+\")\\n          \")])],1)]),_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_vm._v(\" Alerts \"),_c('small',[_vm._v(\"auto dismissible\")])]),_c('div',[_c('b-alert',{attrs:{\"show\":_vm.dismissCountDown,\"dismissible\":\"\",\"variant\":\"warning\"},on:{\"dismissed\":function($event){_vm.dismissCountdown=0},\"dismiss-count-down\":_vm.countDownChanged}},[_vm._v(\"\\n              Alert will dismiss after \"),_c('strong',[_vm._v(_vm._s(_vm.dismissCountDown))]),_vm._v(\" seconds...\\n            \")]),_c('b-alert',{attrs:{\"show\":_vm.dismissCountDown,\"dismissible\":\"\",\"variant\":\"info\"},on:{\"dismissed\":function($event){_vm.dismissCountdown=0},\"dismiss-count-down\":_vm.countDownChanged}},[_vm._v(\"\\n              Alert will dismiss after \"+_vm._s(_vm.dismissCountDown)+\" seconds...\\n              \"),_c('b-progress',{attrs:{\"variant\":\"info\",\"max\":_vm.dismissSecs,\"value\":_vm.dismissCountDown,\"height\":\"4px\"}})],1),_c('b-btn',{staticClass:\"m-1\",attrs:{\"variant\":\"info\"},on:{\"click\":_vm.showAlert}},[_vm._v(\"\\n              Show alert with timer\\n            \")])],1)])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\">\n    <div class=\"animated fadeIn\">\n      <b-row>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i><strong> Bootstrap Alert</strong>\n              <div class=\"card-header-actions\">\n                <a href=\"https://bootstrap-vue.js.org/docs/components/alert\" class=\"card-header-action\" rel=\"noreferrer noopener\" target=\"_blank\">\n                  <small class=\"text-muted\">docs</small>\n                </a>\n              </div>\n            </div>\n            <div>\n              <b-alert show variant=\"primary\">Primary Alert</b-alert>\n              <b-alert show variant=\"secondary\">Secondary Alert</b-alert>\n              <b-alert show variant=\"success\">Success Alert</b-alert>\n              <b-alert show variant=\"danger\">Danger Alert</b-alert>\n              <b-alert show variant=\"warning\">Warning Alert</b-alert>\n              <b-alert show variant=\"info\">Info Alert</b-alert>\n              <b-alert show variant=\"light\">Light Alert</b-alert>\n              <b-alert show variant=\"dark\">Dark Alert</b-alert>\n            </div>\n          </b-card>\n        </b-col>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i> Alert\n              <small> use <code>.alert-link</code> to provide links</small>\n            </div>\n            <div>\n              <b-alert show variant=\"primary\">\n                Primary Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\n              </b-alert>\n              <b-alert show variant=\"secondary\">\n                Secondary Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\n              </b-alert>\n              <b-alert show variant=\"success\">\n                Success Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\n              </b-alert>\n              <b-alert show variant=\"danger\">\n                Danger Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\n              </b-alert>\n              <b-alert show variant=\"warning\">\n                Warning Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\n              </b-alert>\n              <b-alert show variant=\"info\">\n                Info Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\n              </b-alert>\n              <b-alert show variant=\"light\">\n                Light Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\n              </b-alert>\n              <b-alert show variant=\"dark\">\n                Dark Alert with\n                <b-link href=\"#\" class=\"alert-link\">an example link</b-link>\n                .\n              </b-alert>\n            </div>\n          </b-card>\n        </b-col>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i> Alerts <small>with additional content</small>\n            </div>\n            <b-alert show variant=\"success\">\n              <h4 class=\"alert-heading\">Well done!</h4>\n              <p>\n                Aww yeah, you successfully read this important alert message.\n                This example text is going to run a bit longer so that you can see\n                how spacing within an alert works with this kind of content.\n              </p>\n              <hr>\n              <p class=\"mb-0\">\n                Whenever you need to, be sure to use margin utilities to keep things nice and tidy.\n              </p>\n            </b-alert>\n          </b-card>\n        </b-col>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i> Alerts <small>dismissible</small>\n            </div>\n            <div>\n              <b-alert show dismissible>\n                Dismissible Alert!\n              </b-alert>\n            <b-alert variant=\"danger\"\n                     dismissible\n                     :show=\"showDismissibleAlert\"\n                     @dismissed=\"showDismissibleAlert=false\">\n              Dismissible Alert!\n            </b-alert>\n            <b-btn @click=\"showDismissibleAlert=true\" variant=\"info\" class=\"m-1\">\n              Show dismissible alert ({{showDismissibleAlert?'visible':'hidden'}})\n            </b-btn>\n            </div>\n          </b-card>\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i> Alerts <small>auto dismissible</small>\n            </div>\n            <div>\n              <b-alert :show=\"dismissCountDown\"\n                       dismissible\n                       variant=\"warning\"\n                       @dismissed=\"dismissCountdown=0\"\n                       @dismiss-count-down=\"countDownChanged\">\n                Alert will dismiss after <strong>{{dismissCountDown}}</strong> seconds...\n              </b-alert>\n              <b-alert :show=\"dismissCountDown\"\n                       dismissible\n                       variant=\"info\"\n                       @dismissed=\"dismissCountdown=0\"\n                       @dismiss-count-down=\"countDownChanged\">\n                Alert will dismiss after {{dismissCountDown}} seconds...\n                <b-progress variant=\"info\"\n                            :max=\"dismissSecs\"\n                            :value=\"dismissCountDown\"\n                            height=\"4px\">\n                </b-progress>\n              </b-alert>\n              <b-btn @click=\"showAlert\" variant=\"info\" class=\"m-1\">\n                Show alert with timer\n              </b-btn>\n            </div>\n          </b-card>\n        </b-col>\n      </b-row>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'alerts',\n  data () {\n    return {\n      dismissSecs: 10,\n      dismissCountDown: 0,\n      showDismissibleAlert: false\n    }\n  },\n  methods: {\n    countDownChanged (dismissCountDown) {\n      this.dismissCountDown = dismissCountDown\n    },\n    showAlert () {\n      this.dismissCountDown = this.dismissSecs\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Alerts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Alerts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Alerts.vue?vue&type=template&id=331f305e&\"\nimport script from \"./Alerts.vue?vue&type=script&lang=js&\"\nexport * from \"./Alerts.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":""}