{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/alert/Alert.vue?be44","webpack:///./src/views/components/alert/AlertDefault.vue?6d0a","webpack:///./src/views/components/alert/code.js","webpack:///src/views/components/alert/AlertDefault.vue","webpack:///./src/views/components/alert/AlertDefault.vue?a7b7","webpack:///./src/views/components/alert/AlertDefault.vue","webpack:///./src/views/components/alert/AlertTitle.vue?7c2c","webpack:///src/views/components/alert/AlertTitle.vue","webpack:///./src/views/components/alert/AlertTitle.vue?e760","webpack:///./src/views/components/alert/AlertTitle.vue","webpack:///./src/views/components/alert/AlertIcon.vue?925d","webpack:///src/views/components/alert/AlertIcon.vue","webpack:///./src/views/components/alert/AlertIcon.vue?5a3a","webpack:///./src/views/components/alert/AlertIcon.vue","webpack:///./src/views/components/alert/AlertColor.vue?f342","webpack:///src/views/components/alert/AlertColor.vue","webpack:///./src/views/components/alert/AlertColor.vue?1786","webpack:///./src/views/components/alert/AlertColor.vue","webpack:///./src/views/components/alert/AlertAutoDismiss.vue?c369","webpack:///./src/@core/directives/animations.js","webpack:///src/views/components/alert/AlertAutoDismiss.vue","webpack:///./src/views/components/alert/AlertAutoDismiss.vue?660d","webpack:///./src/views/components/alert/AlertAutoDismiss.vue","webpack:///./src/views/components/alert/AlertVModelSupport.vue?53ea","webpack:///src/views/components/alert/AlertVModelSupport.vue","webpack:///./src/views/components/alert/AlertVModelSupport.vue?844d","webpack:///./src/views/components/alert/AlertVModelSupport.vue","webpack:///./src/views/components/alert/AlertAnimation.vue?d626","webpack:///src/views/components/alert/AlertAnimation.vue","webpack:///./src/views/components/alert/AlertAnimation.vue?0d67","webpack:///./src/views/components/alert/AlertAnimation.vue","webpack:///./src/views/components/alert/AlertExample.vue?d0b8","webpack:///src/views/components/alert/AlertExample.vue","webpack:///./src/views/components/alert/AlertExample.vue?177d","webpack:///./src/views/components/alert/AlertExample.vue","webpack:///src/views/components/alert/Alert.vue","webpack:///./src/views/components/alert/Alert.vue?f0a0","webpack:///./src/views/components/alert/Alert.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeAlertDefaut","proxy","staticClass","codeAlertTitle","codeAlertColor","codeIcon","codeAutoDismiss","codeVsupport","codeAnimation","codeExample","components","BAlert","BCardText","data","component","BLink","directives","name","rawName","modifiers","dismissCountDown","on","$event","countDownChanged","value","expression","showAlert","heightFade","inserted","el","binding","height","offsetHeight","appear","style","overflow","maxHeight","opacity","setTimeout","unbind","undefined","BButton","Ripple","dismissSecs","methods","model","callback","$$v","showDismissibleAlert","validateInput","show","BFormGroup","BFormInput","test","BRow","BCol","AlertDefault","AlertTitle","AlertIcon","AlertColor","AlertAutoDismiss","AlertVModelSupport","AlertAnimation","AlertExample"],"mappings":"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","file":"js/chunk-128e1885.7324dfee.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('alert-default'),_c('alert-title'),_c('alert-color'),_c('alert-icon'),_c('alert-auto-dismiss'),_c('alert-v-model-support'),_c('alert-animation'),_c('alert-example')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Default\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAlertDefaut)+\" \")]},proxy:true}])},[_c('b-card-text',[_vm._v(\"Alerts are available for any length of text, as well as an optional dismiss button (and optional auto-dismissing).\")]),_c('div',{staticClass:\"demo-spacing-0\"},[_c('b-alert',{attrs:{\"variant\":\"primary\",\"show\":\"\"}},[_c('div',{staticClass:\"alert-body\"},[_c('span',[_c('strong',[_vm._v(\"Good Morning!\")]),_vm._v(\" Start your day with some alerts.\")])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeAlertDefaut = `\r\n<template>\r\n  <div class=\"demo-spacing-0\">\r\n    <b-alert\r\n      variant=\"primary\"\r\n      show\r\n    >\r\n      <div class=\"alert-body\">\r\n        <span><strong>Good Morning!</strong> Start your day with some alerts.</span>\r\n      </div>\r\n    </b-alert>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAlert} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeAlertTitle = `\r\n<template>\r\n  <div class=\"demo-spacing-0\">\r\n    <b-alert\r\n      variant=\"warning\"\r\n      show\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Lorem ipsum dolor sit amet\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        Lorem ipsum dolor sit amet\r\n        <b-link class=\"alert-link\">\r\n          consectetur\r\n        </b-link>\r\n        adipisicing elit. Ducimus, laborum!\r\n      </div>\r\n    </b-alert>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAlert, BLink } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert,\r\n    BLink,\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeAlertColor = `\r\n<template>\r\n  <div class=\"demo-spacing-0\">\r\n    <!-- primary -->\r\n    <b-alert\r\n      variant=\"primary\"\r\n      show\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Primary\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- secondary -->\r\n    <b-alert\r\n      variant=\"secondary\"\r\n      show\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Secondary\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- success -->\r\n    <b-alert\r\n      variant=\"success\"\r\n      show\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Success\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- danger -->\r\n    <b-alert\r\n      variant=\"danger\"\r\n      show\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Danger\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- warning -->\r\n    <b-alert\r\n      variant=\"warning\"\r\n      show\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Warning\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- info -->\r\n    <b-alert\r\n      variant=\"info\"\r\n      show\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Info\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- dark -->\r\n    <b-alert\r\n      variant=\"dark\"\r\n      show\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Dark\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n      </div>\r\n    </b-alert>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAlert} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeIcon = `\r\n<template>\r\n  <div class=\"demo-spacing-0\">\r\n    <b-alert\r\n      show\r\n      variant=\"primary\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <feather-icon\r\n          class=\"mr-25\"\r\n          icon=\"StarIcon\"\r\n        />\r\n        <span class=\"ml-25\">Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.</span>\r\n      </div>\r\n    </b-alert>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAlert } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeAutoDismiss = `\r\n<template>\r\n  <div class=\"demo-spacing-0\">\r\n    <b-alert\r\n      v-height-fade.appear\r\n      :show=\"dismissCountDown\"\r\n      dismissible\r\n      class=\"mb-0\"\r\n      variant=\"warning\"\r\n      @dismissed=\"dismissCountDown = 0\"\r\n      @dismiss-count-down=\"countDownChanged\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <span>This alert will dismiss after {{ dismissCountDown }} seconds...</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- trigger button -->\r\n    <b-button\r\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n      variant=\"primary\"\r\n      class=\"mt-75\"\r\n      @click=\"showAlert\"\r\n    >\r\n      Show alert with count-down timer\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAlert, BButton } from 'bootstrap-vue'\r\nimport { heightFade } from '@core/directives/animations'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert,\r\n    BButton\r\n  },\r\n  directives: {\r\n    'height-fade': heightFade,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      dismissSecs: 50,\r\n      dismissCountDown: 0,\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  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeVsupport = `\r\n<template>\r\n  <div class=\"demo-spacing-0\">\r\n    <!-- alert -->\r\n    <b-alert\r\n      v-model=\"showDismissibleAlert\"\r\n      v-height-fade.appear\r\n      variant=\"danger\"\r\n      dismissible\r\n      class=\"mb-0\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        Dismissible Alert!\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- button -->\r\n    <b-button\r\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n      variant=\"primary\"\r\n      class=\"mt-1\"\r\n      @click=\"showDismissibleAlert = !showDismissibleAlert\"\r\n    >\r\n      {{ showDismissibleAlert ? 'Hide' : 'Show' }} dismissible alert\r\n    </b-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAlert, BButton } from 'bootstrap-vue'\r\nimport { heightFade } from '@core/directives/animations'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert,\r\n    BButton\r\n  },\r\n  directives: {\r\n    'height-fade': heightFade,\r\n    Ripple,\r\n  },\r\n  data: () => ({\r\n    showDismissibleAlert: false,\r\n  }),\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeAnimation = `\r\n<template>\r\n  <div>\r\n    <!-- dismissible alert -->\r\n    <b-alert\r\n      v-height-fade\r\n      show\r\n      dismissible\r\n      fade\r\n      class=\"mb-0\"\r\n      variant=\"primary\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <span>Dismissible Alert!</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <b-card-text class=\"pt-2 mb-0\">\r\n      <span>If you want to show animation even when alert get rendered. You can use </span>\r\n      <code>appear</code>\r\n      <span> modifier</span>\r\n    </b-card-text>\r\n\r\n    <!--  show alert with count-down timer button-->\r\n    <div class=\"demo-inline-spacing mb-1\">\r\n      <b-button\r\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n        variant=\"primary\"\r\n        @click=\"showAlert\"\r\n      >\r\n        Show alert with count-down timer\r\n      </b-button>\r\n\r\n      <!-- show dismissible alert button -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n        variant=\"primary\"\r\n        @click=\"showDismissibleAlert = true\"\r\n      >\r\n        Show dismissible alert ({{ showDismissibleAlert ? 'visible' : 'hidden' }})\r\n      </b-button>\r\n    </div>\r\n\r\n    <!-- dismissible Alert -->\r\n    <b-alert\r\n      v-height-fade.appear\r\n      variant=\"danger\"\r\n      dismissible\r\n      fade\r\n      :show=\"showDismissibleAlert\"\r\n      class=\"mb-0\"\r\n      @dismissed=\"showDismissibleAlert = false\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <span>Dismissible Alert!</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <b-card-text class=\"m-0 py-1\">\r\n      You can even use this on dismissible alerts.\r\n    </b-card-text>\r\n\r\n    <!-- count down dismissible alert  -->\r\n    <b-alert\r\n      v-height-fade.appear\r\n      :show=\"dismissCountDown\"\r\n      dismissible\r\n      fade\r\n      variant=\"warning\"\r\n      class=\"mb-0\"\r\n      @dismiss-count-down=\"countDownChanged\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <span>This alert will dismiss after {{ dismissCountDown }} seconds...</span>\r\n      </div>\r\n    </b-alert>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAlert, BButton, BCardText } from 'bootstrap-vue'\r\nimport { heightFade } from '@core/directives/animations'\r\nimport Ripple from 'vue-ripple-directive'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert,\r\n    BCardText,\r\n    BButton,\r\n  },\r\n    directives: {\r\n    heightFade,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      dismissSecs: 50,\r\n      dismissCountDown: 0,\r\n      showDismissibleAlert: false,\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  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeExample = `\r\n<template>\r\n  <div>\r\n    <b-form-group>\r\n      <label>Enter only numbers</label>\r\n      <b-form-input\r\n        v-model=\"value\"\r\n        class=\"w-25 w-sm-100\"\r\n        placeholder=\"0123456789\"\r\n        @keyup=\"validateInput\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <!-- alert -->\r\n    <b-alert\r\n      v-height-fade.appear\r\n      variant=\"danger\"\r\n      :show=\"show\"\r\n      class=\"mb-0\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <feather-icon\r\n          icon=\"InfoIcon\"\r\n          class=\"mr-50\"\r\n        />\r\n        the value is invalid you can only enter numbers\r\n      </div>\r\n    </b-alert>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {BAlert, BFormGroup, BFormInput} from 'bootstrap-vue'\r\nimport { heightFade } from '@core/directives/animations'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert,\r\n    BFormGroup,\r\n    BFormInput,\r\n  },\r\n  directives: {\r\n    'height-fade': heightFade,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      show: true,\r\n      codeExample,\r\n    }\r\n  },\r\n  methods: {\r\n    validateInput() {\r\n      if (/^\\\\d+$/.test(this.value)) {\r\n        this.show = false\r\n      } else {\r\n        this.show = true\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Default\">\r\n    <b-card-text>Alerts are available for any length of text, as well as an optional dismiss button (and optional auto-dismissing).</b-card-text>\r\n\r\n    <div class=\"demo-spacing-0\">\r\n      <b-alert\r\n        variant=\"primary\"\r\n        show\r\n      >\r\n        <div class=\"alert-body\">\r\n          <span><strong>Good Morning!</strong> Start your day with some alerts.</span>\r\n        </div>\r\n      </b-alert>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeAlertDefaut }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAlert, BCardText } from 'bootstrap-vue'\r\nimport { codeAlertDefaut } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BCardText,\r\n  },\r\n  data() { return { codeAlertDefaut } },\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!./AlertDefault.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!./AlertDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertDefault.vue?vue&type=template&id=01199b6e&\"\nimport script from \"./AlertDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertDefault.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Title\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAlertTitle)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Add a title to the alert with the \")]),_c('code',[_vm._v(\".alert-heading\")]),_c('span',[_vm._v(\" class.\")])]),_c('div',{staticClass:\"demo-spacing-0\"},[_c('b-alert',{attrs:{\"variant\":\"warning\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Lorem ipsum dolor sit amet \")]),_c('div',{staticClass:\"alert-body\"},[_vm._v(\" Lorem ipsum dolor sit amet \"),_c('b-link',{staticClass:\"alert-link\"},[_vm._v(\" consectetur \")]),_vm._v(\" adipisicing elit. Ducimus, laborum! \")],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Title\">\r\n    <b-card-text>\r\n      <span>Add a title to the alert with the </span>\r\n      <code>.alert-heading</code>\r\n      <span> class.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-spacing-0\">\r\n      <b-alert\r\n        variant=\"warning\"\r\n        show\r\n      >\r\n        <h4 class=\"alert-heading\">\r\n          Lorem ipsum dolor sit amet\r\n        </h4>\r\n        <div class=\"alert-body\">\r\n          Lorem ipsum dolor sit amet\r\n          <b-link class=\"alert-link\">\r\n            consectetur\r\n          </b-link>\r\n          adipisicing elit. Ducimus, laborum!\r\n        </div>\r\n      </b-alert>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeAlertTitle }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAlert, BCardText, BLink } from 'bootstrap-vue'\r\nimport { codeAlertTitle } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BCardText,\r\n    BLink,\r\n  },\r\n  data() {\r\n    return {\r\n      codeAlertTitle,\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!./AlertTitle.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!./AlertTitle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertTitle.vue?vue&type=template&id=d9005192&\"\nimport script from \"./AlertTitle.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertTitle.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Icon\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeIcon)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"You can use icon inside \")]),_c('code',[_vm._v(\".alert-body\")]),_c('span',[_vm._v(\" or \")]),_c('code',[_vm._v(\".alert-heading\")]),_c('span',[_vm._v(\" section.\")])]),_c('div',{staticClass:\"demo-spacing-0\"},[_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"primary\"}},[_c('div',{staticClass:\"alert-body\"},[_c('feather-icon',{staticClass:\"mr-25\",attrs:{\"icon\":\"StarIcon\"}}),_c('span',{staticClass:\"ml-25\"},[_vm._v(\"Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.\")])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Icon\">\r\n    <b-card-text>\r\n      <span>You can use icon inside </span>\r\n      <code>.alert-body</code>\r\n      <span> or </span>\r\n      <code>.alert-heading</code>\r\n      <span> section.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-spacing-0\">\r\n      <b-alert\r\n        show\r\n        variant=\"primary\"\r\n      >\r\n        <div class=\"alert-body\">\r\n          <feather-icon\r\n            class=\"mr-25\"\r\n            icon=\"StarIcon\"\r\n          />\r\n          <span class=\"ml-25\">Chupa chups topping bonbon. Jelly-o toffee I love. Sweet I love wafer I love wafer.</span>\r\n        </div>\r\n      </b-alert>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeIcon }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAlert, BCardText } from 'bootstrap-vue'\r\nimport { codeIcon } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeIcon,\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!./AlertIcon.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!./AlertIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertIcon.vue?vue&type=template&id=1c57e8fc&\"\nimport script from \"./AlertIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertIcon.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-card-code',{attrs:{\"title\":\"Colors\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAlertColor)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"For proper styling of \")]),_c('code',[_vm._v(\"<b-alert>\")]),_c('span',[_vm._v(\" , use one of the four required contextual variants by setting the \")]),_c('code',[_vm._v(\"variant\")]),_c('span',[_vm._v(\" prop to one of the following: \")]),_c('code',[_vm._v(\"info, success, warning\")]),_c('span',[_vm._v(\" or \")]),_c('code',[_vm._v(\"danger\")]),_c('span',[_vm._v(\" . The default is \")]),_c('code',[_vm._v(\"info\")]),_c('span',[_vm._v(\" .\")])]),_c('div',{staticClass:\"demo-spacing-0\"},[_c('b-alert',{attrs:{\"variant\":\"primary\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Primary \")]),_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\")])])]),_c('b-alert',{attrs:{\"variant\":\"secondary\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Secondary \")]),_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\")])])]),_c('b-alert',{attrs:{\"variant\":\"success\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Success \")]),_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\")])])]),_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Danger \")]),_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\")])])]),_c('b-alert',{attrs:{\"variant\":\"warning\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Warning \")]),_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\")])])]),_c('b-alert',{attrs:{\"variant\":\"info\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Info \")]),_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\")])])]),_c('b-alert',{attrs:{\"variant\":\"dark\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Dark \")]),_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.\")])])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-card-code\r\n      title=\"Colors\"\r\n    >\r\n      <b-card-text>\r\n        <span>For proper styling of </span>\r\n        <code>&lt;b-alert&gt;</code>\r\n        <span> , use one of the four required contextual variants by setting the </span>\r\n        <code>variant</code>\r\n        <span> prop to one of the following: </span>\r\n        <code>info, success, warning</code>\r\n        <span> or </span>\r\n        <code>danger</code>\r\n        <span> . The default is </span>\r\n        <code>info</code>\r\n        <span> .</span>\r\n      </b-card-text>\r\n\r\n      <div class=\"demo-spacing-0\">\r\n        <!-- primary -->\r\n        <b-alert\r\n          variant=\"primary\"\r\n          show\r\n        >\r\n          <h4 class=\"alert-heading\">\r\n            Primary\r\n          </h4>\r\n          <div class=\"alert-body\">\r\n            <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n          </div>\r\n        </b-alert>\r\n\r\n        <!-- secondary -->\r\n        <b-alert\r\n          variant=\"secondary\"\r\n          show\r\n        >\r\n          <h4 class=\"alert-heading\">\r\n            Secondary\r\n          </h4>\r\n          <div class=\"alert-body\">\r\n            <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n          </div>\r\n        </b-alert>\r\n\r\n        <!-- success -->\r\n        <b-alert\r\n          variant=\"success\"\r\n          show\r\n        >\r\n          <h4 class=\"alert-heading\">\r\n            Success\r\n          </h4>\r\n          <div class=\"alert-body\">\r\n            <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n          </div>\r\n        </b-alert>\r\n\r\n        <!-- danger -->\r\n        <b-alert\r\n          variant=\"danger\"\r\n          show\r\n        >\r\n          <h4 class=\"alert-heading\">\r\n            Danger\r\n          </h4>\r\n          <div class=\"alert-body\">\r\n            <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n          </div>\r\n        </b-alert>\r\n\r\n        <!-- warning -->\r\n        <b-alert\r\n          variant=\"warning\"\r\n          show\r\n        >\r\n          <h4 class=\"alert-heading\">\r\n            Warning\r\n          </h4>\r\n          <div class=\"alert-body\">\r\n            <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n          </div>\r\n        </b-alert>\r\n\r\n        <!-- info -->\r\n        <b-alert\r\n          variant=\"info\"\r\n          show\r\n        >\r\n          <h4 class=\"alert-heading\">\r\n            Info\r\n          </h4>\r\n          <div class=\"alert-body\">\r\n            <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n          </div>\r\n        </b-alert>\r\n\r\n        <!-- dark -->\r\n        <b-alert\r\n          variant=\"dark\"\r\n          show\r\n        >\r\n          <h4 class=\"alert-heading\">\r\n            Dark\r\n          </h4>\r\n          <div class=\"alert-body\">\r\n            <span>Tootsie roll lollipop lollipop icing. Wafer cookie danish macaroon. Liquorice fruitcake apple pie I love cupcake cupcake.</span>\r\n          </div>\r\n        </b-alert>\r\n      </div>\r\n\r\n      <template #code>\r\n        {{ codeAlertColor }}\r\n      </template>\r\n    </b-card-code>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAlert, BCardText } from 'bootstrap-vue'\r\nimport { codeAlertColor } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeAlertColor,\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!./AlertColor.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!./AlertColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertColor.vue?vue&type=template&id=07d5e76d&\"\nimport script from \"./AlertColor.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertColor.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Auto dismissing alerts\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAutoDismiss)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"To create a \")]),_c('code',[_vm._v(\"<b-alert>\")]),_c('span',[_vm._v(\" that dismisses automatically after a period of time, set the \")]),_c('code',[_vm._v(\"show\")]),_c('span',[_vm._v(\" prop (or the \")]),_c('code',[_vm._v(\"v-model\")]),_c('span',[_vm._v(\") to the number of seconds you would like the \")]),_c('code',[_vm._v(\"<b-alert>\")]),_c('span',[_vm._v(\" to remain visible for.\")])]),_c('div',{staticClass:\"demo-spacing-0\"},[_c('b-alert',{directives:[{name:\"height-fade\",rawName:\"v-height-fade.appear\",modifiers:{\"appear\":true}}],staticClass:\"mb-0\",attrs:{\"show\":_vm.dismissCountDown,\"dismissible\":\"\",\"variant\":\"warning\"},on:{\"dismissed\":function($event){_vm.dismissCountDown = 0},\"dismiss-count-down\":_vm.countDownChanged}},[_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"This alert will dismiss after \"+_vm._s(_vm.dismissCountDown)+\" seconds...\")])])]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mt-75\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.showAlert}},[_vm._v(\" Show alert with count-down timer \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const heightFade = {\r\n  /* eslint-disable no-param-reassign */\r\n  inserted(el, binding) {\r\n    const height = `${el.offsetHeight}px`\r\n\r\n    if (binding.modifiers.appear) {\r\n      el.style.overflow = 'hidden'\r\n      el.style.maxHeight = '0px'\r\n      el.style.opacity = 0\r\n\r\n      // Focus the element\r\n      setTimeout(() => {\r\n        el.style.maxHeight = height\r\n        el.style.opacity = 1\r\n        setTimeout(() => {\r\n          el.style.overflow = 'unset'\r\n        }, 300)\r\n      }, 100)\r\n    } else {\r\n      el.style.maxHeight = height\r\n    }\r\n  },\r\n  unbind(el) {\r\n    if (el.style === undefined) return\r\n    el.style.overflow = 'hidden'\r\n    el.style.maxHeight = '0px'\r\n    el.style.opacity = 0\r\n  },\r\n  /* eslint-enable no-param-reassign */\r\n}\r\n\r\nexport const temp = 2\r\n","<template>\r\n  <b-card-code\r\n    title=\"Auto dismissing alerts\"\r\n  >\r\n    <b-card-text>\r\n      <span>To create a </span>\r\n      <code>&lt;b-alert&gt;</code>\r\n      <span> that dismisses automatically after a period of time, set the </span>\r\n      <code>show</code>\r\n      <span> prop (or the </span>\r\n      <code>v-model</code>\r\n      <span>) to the number of seconds you would like the </span>\r\n      <code>&lt;b-alert&gt;</code>\r\n      <span> to remain visible for.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-spacing-0\">\r\n      <b-alert\r\n        v-height-fade.appear\r\n        :show=\"dismissCountDown\"\r\n        dismissible\r\n        class=\"mb-0\"\r\n        variant=\"warning\"\r\n        @dismissed=\"dismissCountDown = 0\"\r\n        @dismiss-count-down=\"countDownChanged\"\r\n      >\r\n        <div class=\"alert-body\">\r\n          <span>This alert will dismiss after {{ dismissCountDown }} seconds...</span>\r\n        </div>\r\n      </b-alert>\r\n\r\n      <!-- trigger button -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n        variant=\"primary\"\r\n        class=\"mt-75\"\r\n        @click=\"showAlert\"\r\n      >\r\n        Show alert with count-down timer\r\n      </b-button>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeAutoDismiss }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAlert, BButton, BCardText } from 'bootstrap-vue'\r\nimport { heightFade } from '@core/directives/animations'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeAutoDismiss } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BButton,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'height-fade': heightFade,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      dismissSecs: 50,\r\n      dismissCountDown: 0,\r\n      codeAutoDismiss,\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  },\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!./AlertAutoDismiss.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!./AlertAutoDismiss.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertAutoDismiss.vue?vue&type=template&id=4e535ef4&\"\nimport script from \"./AlertAutoDismiss.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertAutoDismiss.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"v-model support\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVsupport)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"You can use the \")]),_c('code',[_vm._v(\"v-model\")]),_c('span',[_vm._v(\" directive to create two-way data bindings on the \")]),_c('code',[_vm._v(\"show\")]),_c('span',[_vm._v(\" prop as in \")]),_c('code',[_vm._v(\"v-model=\\\"showDismissibleAlert\\\"\")]),_c('span',[_vm._v(\" above.\")])]),_c('div',{staticClass:\"demo-spacing-0\"},[_c('b-alert',{directives:[{name:\"height-fade\",rawName:\"v-height-fade.appear\",modifiers:{\"appear\":true}}],staticClass:\"mb-0\",attrs:{\"variant\":\"danger\",\"dismissible\":\"\"},model:{value:(_vm.showDismissibleAlert),callback:function ($$v) {_vm.showDismissibleAlert=$$v},expression:\"showDismissibleAlert\"}},[_c('div',{staticClass:\"alert-body\"},[_vm._v(\" Dismissible Alert! \")])]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mt-1\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.showDismissibleAlert = !_vm.showDismissibleAlert}}},[_vm._v(\" \"+_vm._s(_vm.showDismissibleAlert ? 'Hide' : 'Show')+\" dismissible alert \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"v-model support\">\r\n    <b-card-text>\r\n      <span>You can use the </span>\r\n      <code>v-model</code>\r\n      <span> directive to create two-way data bindings on the </span>\r\n      <code>show</code>\r\n      <span> prop as in </span>\r\n      <code>v-model=\"showDismissibleAlert\"</code>\r\n      <span> above.</span>\r\n    </b-card-text>\r\n\r\n    <div class=\"demo-spacing-0\">\r\n      <!-- alert -->\r\n      <b-alert\r\n        v-model=\"showDismissibleAlert\"\r\n        v-height-fade.appear\r\n        variant=\"danger\"\r\n        dismissible\r\n        class=\"mb-0\"\r\n      >\r\n        <div class=\"alert-body\">\r\n          Dismissible Alert!\r\n        </div>\r\n      </b-alert>\r\n\r\n      <!-- button -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n        variant=\"primary\"\r\n        class=\"mt-1\"\r\n        @click=\"showDismissibleAlert = !showDismissibleAlert\"\r\n      >\r\n        {{ showDismissibleAlert ? 'Hide' : 'Show' }} dismissible alert\r\n      </b-button>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeVsupport }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAlert, BButton, BCardText } from 'bootstrap-vue'\r\nimport { heightFade } from '@core/directives/animations'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeVsupport } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BButton,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'height-fade': heightFade,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      showDismissibleAlert: false,\r\n      codeVsupport,\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!./AlertVModelSupport.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!./AlertVModelSupport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertVModelSupport.vue?vue&type=template&id=6bb17cbb&\"\nimport script from \"./AlertVModelSupport.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertVModelSupport.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Alert Animation\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAnimation)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Use the \")]),_c('code',[_vm._v(\"hightFaded\")]),_c('span',[_vm._v(\" directive to enable animation. By default alerts are not animated.\")])]),_c('b-alert',{directives:[{name:\"height-fade\",rawName:\"v-height-fade\"}],staticClass:\"mb-0\",attrs:{\"show\":\"\",\"dismissible\":\"\",\"fade\":\"\",\"variant\":\"primary\"}},[_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Dismissible Alert!\")])])]),_c('b-card-text',{staticClass:\"pt-2 mb-0\"},[_c('span',[_vm._v(\"If you want to show animation even when alert get rendered. You can use \")]),_c('code',[_vm._v(\"appear\")]),_c('span',[_vm._v(\" modifier\")])]),_c('div',{staticClass:\"demo-inline-spacing mb-1\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.showAlert}},[_vm._v(\" Show alert with count-down timer \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.showDismissibleAlert = true}}},[_vm._v(\" Show dismissible alert (\"+_vm._s(_vm.showDismissibleAlert ? 'visible' : 'hidden')+\") \")])],1),_c('b-alert',{directives:[{name:\"height-fade\",rawName:\"v-height-fade.appear\",modifiers:{\"appear\":true}}],staticClass:\"mb-0\",attrs:{\"variant\":\"danger\",\"dismissible\":\"\",\"fade\":\"\",\"show\":_vm.showDismissibleAlert},on:{\"dismissed\":function($event){_vm.showDismissibleAlert = false}}},[_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"Dismissible Alert!\")])])]),_c('b-card-text',{staticClass:\"m-0 py-1\"},[_vm._v(\" You can even use this on dismissible alerts. \")]),_c('b-alert',{directives:[{name:\"height-fade\",rawName:\"v-height-fade.appear\",modifiers:{\"appear\":true}}],staticClass:\"mb-0\",attrs:{\"show\":_vm.dismissCountDown,\"dismissible\":\"\",\"fade\":\"\",\"variant\":\"warning\"},on:{\"dismiss-count-down\":_vm.countDownChanged}},[_c('div',{staticClass:\"alert-body\"},[_c('span',[_vm._v(\"This alert will dismiss after \"+_vm._s(_vm.dismissCountDown)+\" seconds...\")])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Alert Animation\">\r\n    <b-card-text>\r\n      <span>Use the </span>\r\n      <code>hightFaded</code>\r\n      <span> directive to enable animation. By default alerts are not animated.</span>\r\n    </b-card-text>\r\n\r\n    <!-- dismissible alert -->\r\n    <b-alert\r\n      v-height-fade\r\n      show\r\n      dismissible\r\n      fade\r\n      class=\"mb-0\"\r\n      variant=\"primary\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <span>Dismissible Alert!</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <b-card-text class=\"pt-2 mb-0\">\r\n      <span>If you want to show animation even when alert get rendered. You can use </span>\r\n      <code>appear</code>\r\n      <span> modifier</span>\r\n    </b-card-text>\r\n\r\n    <!--  show alert with count-down timer button-->\r\n    <div class=\"demo-inline-spacing mb-1\">\r\n      <b-button\r\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n        variant=\"primary\"\r\n        @click=\"showAlert\"\r\n      >\r\n        Show alert with count-down timer\r\n      </b-button>\r\n\r\n      <!-- show dismissible alert button -->\r\n      <b-button\r\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n        variant=\"primary\"\r\n        @click=\"showDismissibleAlert = true\"\r\n      >\r\n        Show dismissible alert ({{ showDismissibleAlert ? 'visible' : 'hidden' }})\r\n      </b-button>\r\n    </div>\r\n\r\n    <!-- dismissible Alert -->\r\n    <b-alert\r\n      v-height-fade.appear\r\n      variant=\"danger\"\r\n      dismissible\r\n      fade\r\n      :show=\"showDismissibleAlert\"\r\n      class=\"mb-0\"\r\n      @dismissed=\"showDismissibleAlert = false\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <span>Dismissible Alert!</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <b-card-text class=\"m-0 py-1\">\r\n      You can even use this on dismissible alerts.\r\n    </b-card-text>\r\n\r\n    <!-- count down dismissible alert  -->\r\n    <b-alert\r\n      v-height-fade.appear\r\n      :show=\"dismissCountDown\"\r\n      dismissible\r\n      fade\r\n      variant=\"warning\"\r\n      class=\"mb-0\"\r\n      @dismiss-count-down=\"countDownChanged\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <span>This alert will dismiss after {{ dismissCountDown }} seconds...</span>\r\n      </div>\r\n    </b-alert>\r\n\r\n    <template #code>\r\n      {{ codeAnimation }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BAlert, BButton, BCardText } from 'bootstrap-vue'\r\nimport { heightFade } from '@core/directives/animations'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeAnimation } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BCardText,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    heightFade,\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      dismissSecs: 50,\r\n      dismissCountDown: 0,\r\n      showDismissibleAlert: false,\r\n      codeAnimation,\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  },\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!./AlertAnimation.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!./AlertAnimation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertAnimation.vue?vue&type=template&id=0b575120&\"\nimport script from \"./AlertAnimation.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertAnimation.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Example\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeExample)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Use the \")]),_c('code',[_vm._v(\"show\")]),_c('span',[_vm._v(\" prop to control the visibility state of the alert. By default alerts are not shown. Set the prop \")]),_c('code',[_vm._v(\"show\")]),_c('span',[_vm._v(\" to explicitly display them.\")])]),_c('b-form-group',[_c('label',[_vm._v(\"Enter only numbers\")]),_c('b-form-input',{staticClass:\"w-25 w-sm-100\",attrs:{\"placeholder\":\"0123456789\"},on:{\"keyup\":_vm.validateInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1),_c('b-alert',{directives:[{name:\"height-fade\",rawName:\"v-height-fade.appear\",modifiers:{\"appear\":true}}],staticClass:\"mb-0\",attrs:{\"variant\":\"danger\",\"show\":_vm.show}},[_c('div',{staticClass:\"alert-body\"},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"InfoIcon\"}}),_vm._v(\" the value is invalid you can only enter numbers \")],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Example\">\r\n    <b-card-text>\r\n      <span>Use the </span>\r\n      <code>show</code>\r\n      <span> prop to control the visibility state of the alert.\r\n        By default alerts are not shown. Set the prop </span>\r\n      <code>show</code>\r\n      <span> to explicitly display them.</span>\r\n    </b-card-text>\r\n\r\n    <b-form-group>\r\n      <label>Enter only numbers</label>\r\n      <b-form-input\r\n        v-model=\"value\"\r\n        class=\"w-25 w-sm-100\"\r\n        placeholder=\"0123456789\"\r\n        @keyup=\"validateInput\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <!-- alert -->\r\n    <b-alert\r\n      v-height-fade.appear\r\n      variant=\"danger\"\r\n      :show=\"show\"\r\n      class=\"mb-0\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <feather-icon\r\n          icon=\"InfoIcon\"\r\n          class=\"mr-50\"\r\n        />\r\n        the value is invalid you can only enter numbers\r\n      </div>\r\n    </b-alert>\r\n\r\n    <template #code>\r\n      {{ codeExample }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BAlert, BFormGroup, BFormInput, BCardText,\r\n} from 'bootstrap-vue'\r\nimport { heightFade } from '@core/directives/animations'\r\nimport { codeExample } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BCardText,\r\n  },\r\n  directives: {\r\n    'height-fade': heightFade,\r\n  },\r\n  data() {\r\n    return {\r\n      value: '',\r\n      show: true,\r\n      codeExample,\r\n    }\r\n  },\r\n  methods: {\r\n    validateInput() {\r\n      if (/^\\d+$/.test(this.value)) {\r\n        this.show = false\r\n      } else {\r\n        this.show = true\r\n      }\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!./AlertExample.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!./AlertExample.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertExample.vue?vue&type=template&id=6b12ba1f&\"\nimport script from \"./AlertExample.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertExample.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  <b-row>\r\n    <b-col cols=\"12\">\r\n      <alert-default />\r\n      <alert-title />\r\n      <alert-color />\r\n      <alert-icon />\r\n      <alert-auto-dismiss />\r\n      <alert-v-model-support />\r\n      <alert-animation />\r\n      <alert-example />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\nimport AlertDefault from './AlertDefault.vue'\r\nimport AlertTitle from './AlertTitle.vue'\r\nimport AlertIcon from './AlertIcon.vue'\r\nimport AlertColor from './AlertColor.vue'\r\nimport AlertAutoDismiss from './AlertAutoDismiss.vue'\r\nimport AlertVModelSupport from './AlertVModelSupport.vue'\r\nimport AlertAnimation from './AlertAnimation.vue'\r\nimport AlertExample from './AlertExample.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    AlertDefault,\r\n    AlertTitle,\r\n    AlertIcon,\r\n    AlertColor,\r\n    AlertAutoDismiss,\r\n    AlertVModelSupport,\r\n    AlertAnimation,\r\n    AlertExample,\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!./Alert.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!./Alert.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Alert.vue?vue&type=template&id=090dcb3e&\"\nimport script from \"./Alert.vue?vue&type=script&lang=js&\"\nexport * from \"./Alert.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":""}