{"version":3,"sources":["webpack:///./src/views/notifications/Alerts.vue?76f3","webpack:///src/views/notifications/Alerts.vue","webpack:///./src/views/notifications/Alerts.vue?c115","webpack:///./src/views/notifications/Alerts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","alert1","on","$event","alert2","staticStyle","showDismissibleAlerts","dismissCountDown","_s","dismissSecs","showAlert","staticRenderFns","name","data","methods","countDownChanged","forEach","component"],"mappings":"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","file":"js/chunk-2d226319.fafd4484.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CRow',[_c('CCol',{attrs:{\"col\":\"12\",\"md\":\"6\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_c('strong',[_vm._v(\" Bootstrap Alert\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('a',{staticClass:\"card-header-action\",attrs:{\"href\":\"https://coreui.io/vue/docs/components/alert\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\"}},[_c('small',{staticClass:\"text-muted\"},[_vm._v(\"docs\")])])])],1),_c('CCardBody',[_c('div',[_c('p'),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"primary\"}},[_vm._v(\"Primary Alert\")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"secondary\"}},[_vm._v(\"Secondary Alert\")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"success\"}},[_vm._v(\"Success Alert\")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"danger\"}},[_vm._v(\"Danger Alert\")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"warning\"}},[_vm._v(\"Warning Alert\")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"info\"}},[_vm._v(\"Info Alert\")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"light\"}},[_vm._v(\"Light Alert\")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"dark\"}},[_vm._v(\"Dark Alert\")])],1)])],1)],1),_c('CCol',{attrs:{\"col\":\"12\",\"md\":\"6\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_vm._v(\" Alert \"),_c('small',[_vm._v(\" use \"),_c('code',[_vm._v(\".alert-link\")]),_vm._v(\" to provide links\")])],1),_c('CCardBody',[_c('div',[_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"primary\"}},[_vm._v(\" Primary Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\". \")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"secondary\"}},[_vm._v(\" Secondary Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\". \")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"success\"}},[_vm._v(\" Success Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\". \")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"danger\"}},[_vm._v(\" Danger Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\". \")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"warning\"}},[_vm._v(\" Warning Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\". \")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"info\"}},[_vm._v(\" Info Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\". \")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"light\"}},[_vm._v(\" Light Alert with \"),_c('a',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\". \")]),_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"dark\"}},[_vm._v(\" Dark Alert with \"),_c('CLink',{staticClass:\"alert-link\",attrs:{\"href\":\"#\"}},[_vm._v(\"an example link\")]),_vm._v(\" . \")],1)],1)])],1)],1),_c('CCol',{attrs:{\"col\":\"12\",\"md\":\"6\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_vm._v(\" Alerts \"),_c('small',[_vm._v(\"with additional content\")])],1),_c('CCardBody',[_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"success\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\"Well done!\")]),_c('p',[_vm._v(\" Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content. \")]),_c('hr'),_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Whenever you need to, be sure to use margin utilities to keep things nice and tidy. \")])])],1)],1)],1),_c('CCol',{attrs:{\"col\":\"12\",\"md\":\"6\"}},[_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_vm._v(\" Alerts \"),_c('small',[_vm._v(\"dismissible\")])],1),_c('CCardBody',[_c('CAlert',{attrs:{\"color\":\"secondary\",\"closeButton\":\"\",\"show\":_vm.alert1},on:{\"update:show\":function($event){_vm.alert1=$event}}},[_vm._v(\" Dismissible Alert! \")]),_c('CAlert',{staticClass:\"alert-dismissible\",attrs:{\"color\":\"secondary\",\"show\":_vm.alert2},on:{\"update:show\":function($event){_vm.alert2=$event}}},[_vm._v(\" Dismissible Alert with custom button! \"),_c('CButton',{staticClass:\"position-absolute\",staticStyle:{\"right\":\"10px\",\"top\":\"50%\",\"transform\":\"translateY(-50%)\"},attrs:{\"color\":\"secondary\"},on:{\"click\":function($event){_vm.alert2 = false}}},[_vm._v(\" Close \")])],1),_c('CButton',{staticClass:\"m-1\",attrs:{\"color\":\"info\"},on:{\"click\":_vm.showDismissibleAlerts}},[_vm._v(\" Show dismissible alerts \")])],1)],1),_c('CCard',[_c('CCardHeader',[_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}}),_vm._v(\" Alerts \"),_c('small',[_vm._v(\"auto dismissible\")])],1),_c('CCardBody',[_c('div',[_c('CAlert',{attrs:{\"show\":_vm.dismissCountDown,\"closeButton\":\"\",\"color\":\"warning\",\"fade\":\"\"},on:{\"update:show\":function($event){_vm.dismissCountDown=$event}}},[_vm._v(\" Alert will dismiss after \"),_c('strong',[_vm._v(_vm._s(_vm.dismissCountDown))]),_vm._v(\" seconds... \")]),_c('CAlert',{attrs:{\"show\":_vm.dismissCountDown,\"closeButton\":\"\",\"color\":\"info\"},on:{\"update:show\":function($event){_vm.dismissCountDown=$event}}},[_vm._v(\" Alert will dismiss after \"+_vm._s(_vm.dismissCountDown)+\" seconds... \"),_c('CProgress',{attrs:{\"color\":\"info\",\"max\":_vm.dismissSecs,\"value\":_vm.dismissCountDown,\"height\":\"4px\"}})],1),_c('CButton',{staticClass:\"m-1\",attrs:{\"color\":\"info\"},on:{\"click\":_vm.showAlert}},[_vm._v(\" Show alert with timer \")])],1)])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <CRow>\r\n    <CCol col=\"12\" md=\"6\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/>\r\n          <strong> Bootstrap Alert</strong>\r\n          <div class=\"card-header-actions\">\r\n            <a \r\n              href=\"https://coreui.io/vue/docs/components/alert\" \r\n              class=\"card-header-action\" \r\n              rel=\"noreferrer noopener\" \r\n              target=\"_blank\"\r\n            >\r\n              <small class=\"text-muted\">docs</small>\r\n            </a>\r\n          </div>\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <div>\r\n            <p></p>\r\n            <CAlert show color=\"primary\">Primary Alert</CAlert>\r\n            <CAlert show color=\"secondary\">Secondary Alert</CAlert>\r\n            <CAlert show color=\"success\">Success Alert</CAlert>\r\n            <CAlert show color=\"danger\">Danger Alert</CAlert>\r\n            <CAlert show color=\"warning\">Warning Alert</CAlert>\r\n            <CAlert show color=\"info\">Info Alert</CAlert>\r\n            <CAlert show color=\"light\">Light Alert</CAlert>\r\n            <CAlert show color=\"dark\">Dark Alert</CAlert>\r\n          </div>\r\n        </CCardBody>\r\n      </CCard>\r\n    </CCol>\r\n    <CCol col=\"12\" md=\"6\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/> Alert\r\n          <small> use <code>.alert-link</code> to provide links</small>\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <div>\r\n            <CAlert show color=\"primary\">\r\n              Primary Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\r\n            </CAlert>\r\n            <CAlert show color=\"secondary\">\r\n              Secondary Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\r\n            </CAlert>\r\n            <CAlert show color=\"success\">\r\n              Success Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\r\n            </CAlert>\r\n            <CAlert show color=\"danger\">\r\n              Danger Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\r\n            </CAlert>\r\n            <CAlert show color=\"warning\">\r\n              Warning Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\r\n            </CAlert>\r\n            <CAlert show color=\"info\">\r\n              Info Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\r\n            </CAlert>\r\n            <CAlert show color=\"light\">\r\n              Light Alert with <a href=\"#\" class=\"alert-link\">an example link</a>.\r\n            </CAlert>\r\n            <CAlert show color=\"dark\">\r\n              Dark Alert with\r\n              <CLink href=\"#\" class=\"alert-link\">an example link</CLink>\r\n              .\r\n            </CAlert>\r\n          </div>\r\n        </CCardBody>\r\n      </CCard>\r\n    </CCol>\r\n    <CCol col=\"12\" md=\"6\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/> Alerts <small>with additional content</small>\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <CAlert show color=\"success\">\r\n            <h4 class=\"alert-heading\">Well done!</h4>\r\n            <p>\r\n              Aww yeah, you successfully read this important alert message.\r\n              This example text is going to run a bit longer so that you can see\r\n              how spacing within an alert works with this kind of content.\r\n            </p>\r\n            <hr>\r\n            <p class=\"mb-0\">\r\n              Whenever you need to, be sure to use margin utilities to keep things nice and tidy.\r\n            </p>\r\n          </CAlert>\r\n        </CCardBody>\r\n      </CCard>\r\n    </CCol>\r\n    <CCol col=\"12\" md=\"6\">\r\n      <CCard>\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/> Alerts\r\n          <small>dismissible</small>\r\n        </CCardHeader>\r\n        <CCardBody>\r\n          <CAlert\r\n            color=\"secondary\"\r\n            closeButton\r\n            :show.sync=\"alert1\"\r\n          >\r\n            Dismissible Alert!\r\n          </CAlert>\r\n\r\n          <CAlert\r\n            color=\"secondary\"\r\n            :show.sync=\"alert2\"\r\n            class=\"alert-dismissible\"\r\n          >\r\n            Dismissible Alert with custom button!\r\n            <CButton\r\n              class=\"position-absolute\"\r\n              color=\"secondary\"\r\n              style=\"right:10px;top: 50%;transform: translateY(-50%);\"\r\n              @click=\"alert2 = false\"\r\n            >\r\n              Close\r\n            </CButton>\r\n          </CAlert>\r\n          <CButton\r\n            @click=\"showDismissibleAlerts\"\r\n            color=\"info\"\r\n            class=\"m-1\"\r\n          >\r\n            Show dismissible alerts\r\n          </CButton>\r\n        </CCardBody>\r\n      </CCard>\r\n\r\n      <CCard>\r\n\r\n        <CCardHeader>\r\n          <CIcon name=\"cil-justify-center\"/> Alerts\r\n          <small>auto dismissible</small>\r\n        </CCardHeader>\r\n\r\n        <CCardBody>\r\n          <div>\r\n            \r\n            <CAlert\r\n              :show.sync=\"dismissCountDown\"\r\n              closeButton\r\n              color=\"warning\"\r\n              fade\r\n            >\r\n              Alert will dismiss after\r\n              <strong>{{dismissCountDown}}</strong> seconds...\r\n            </CAlert>\r\n\r\n            <CAlert\r\n              :show.sync=\"dismissCountDown\"\r\n              closeButton\r\n              color=\"info\"\r\n            >\r\n              Alert will dismiss after {{dismissCountDown}} seconds...\r\n              <CProgress\r\n                color=\"info\"\r\n                :max=\"dismissSecs\"\r\n                :value=\"dismissCountDown\"\r\n                height=\"4px\"\r\n              />\r\n            </CAlert>\r\n\r\n            <CButton @click=\"showAlert\" color=\"info\" class=\"m-1\">\r\n              Show alert with timer\r\n            </CButton>\r\n          </div>\r\n        </CCardBody>\r\n\r\n      </CCard>\r\n\r\n    </CCol>\r\n  </CRow>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Alerts',\r\n  data () {\r\n    return {\r\n      dismissSecs: 10,\r\n      dismissCountDown: 10,\r\n      alert1: true,\r\n      alert2: true\r\n    }\r\n  },\r\n  methods: {\r\n    countDownChanged (dismissCountDown) {\r\n      this.dismissCountDown = dismissCountDown\r\n    },\r\n    showAlert () {\r\n      this.dismissCountDown = this.dismissSecs\r\n    },\r\n    showDismissibleAlerts () {\r\n      ['alert1', 'alert2'].forEach(alert => this[alert] = true)\r\n    }\r\n  }\r\n}\r\n</script>\r\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/cli-service/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/cli-service/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=0a6ddb0a&\"\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/cli-service/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":""}