{"version":3,"sources":["webpack:///./src/views/core/UiNotifications.vue","webpack:///src/views/core/UiNotifications.vue","webpack:///./src/views/core/UiNotifications.vue?157f","webpack:///./src/views/core/UiNotifications.vue?e28f","webpack:///./src/views/core/UiNotifications.vue?7077"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","directives","name","rawName","modifiers","staticStyle","staticRenderFns","mounted","core","index","methods","makeToast","append","$bvToast","toast","title","autoHideDelay","appendToast","component"],"mappings":"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","file":"js/chunk-eec3b048.6d63f111.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Notifications\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_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('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-1\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"notification-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-toast visible static no-auto-hide no-close-button>\\n  <template v-slot:toast-title>\\n    <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n      <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#007aff\\\"></rect>\\n    </svg>\\n    <strong class=\\\"mr-auto\\\">Bootstrap</strong>\\n    <small>11 mins ago</small>\\n    <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n      <span aria-hidden=\\\"true\\\">×</span>\\n    </button>\\n  </template>\\n  Hello, world! This is a toast message.\\n</b-toast>\\n\")])])])])]),_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\",\"no-close-button\":\"\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#007aff\"}})]),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Bootstrap\")]),_c('small',[_vm._v(\"11 mins ago\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" Hello, world! This is a toast message. \")])]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Stacking\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"When you have multiple toasts, we default to vertically stacking them in a readable manner.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-2\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"notification-2\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-toast visible static no-auto-hide no-close-button>\\n  <template v-slot:toast-title>\\n    <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n      <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#007aff\\\"></rect>\\n    </svg>\\n    <strong class=\\\"mr-auto\\\">Bootstrap</strong>\\n    <small class=\\\"text-muted\\\">just now</small>\\n    <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n      <span aria-hidden=\\\"true\\\">×</span>\\n    </button>\\n  </template>\\n  See? Just like this.\\n</b-toast>\\n<b-toast visible static no-auto-hide no-close-button>\\n  <template v-slot:toast-title>\\n    <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n      <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#007aff\\\"></rect>\\n    </svg>\\n    <strong class=\\\"mr-auto\\\">Bootstrap</strong>\\n    <small class=\\\"text-muted\\\">2 seconds ago</small>\\n    <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n      <span aria-hidden=\\\"true\\\">×</span>\\n    </button>\\n  </template>\\n  Heads up, toasts will stack automatically\\n</b-toast>\\n\")])])])])]),_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\",\"no-close-button\":\"\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#007aff\"}})]),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Bootstrap\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"just now\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" See? Just like this. \")]),_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\",\"no-close-button\":\"\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#007aff\"}})]),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Bootstrap\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"2 seconds ago\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" Heads up, toasts will stack automatically \")])]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Notifications horizontally and/or vertically\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"You can also get fancy with flexbox utilities to align toasts horizontally and/or vertically.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-3\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"notification-3\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<div class=\\\"p-3 bg-dark\\\">\\n  <div aria-live=\\\"polite\\\" aria-atomic=\\\"true\\\" class=\\\"d-flex justify-content-center align-items-center\\\" style=\\\"min-height: 200px;\\\">\\n    <b-toast visible static no-auto-hide no-close-button>\\n      <template v-slot:toast-title>\\n        <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n          <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#007aff\\\"></rect>\\n        </svg>\\n        <strong class=\\\"mr-auto\\\">Bootstrap</strong>\\n        <small>11 mins ago</small>\\n        <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n          <span aria-hidden=\\\"true\\\">×</span>\\n        </button>\\n      </template>\\n      Hello, world! This is a toast message.\\n    </b-toast>\\n  </div>\\n</div>\\n\")])])])])]),_c('div',{staticClass:\"p-3 bg-dark\"},[_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\":\"\",\"no-close-button\":\"\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#007aff\"}})]),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Bootstrap\")]),_c('small',[_vm._v(\"11 mins ago\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" Hello, world! This is a toast message. \")])],1)])]},proxy:true}])})],1),_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Notifications\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_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('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-4\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"notification-4\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<div class=\\\"p-3 bg-dark\\\">\\n  <b-toast visible static no-auto-hide no-close-button>\\n    <template v-slot:toast-title>\\n      <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n        <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#007aff\\\"></rect>\\n      </svg>\\n      <strong class=\\\"mr-auto\\\">Bootstrap</strong>\\n      <small>11 mins ago</small>\\n      <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n        <span aria-hidden=\\\"true\\\">×</span>\\n      </button>\\n    </template>\\n    Hello, world! This is a toast message.\\n  </b-toast>\\n</div>\\n\")])])])])]),_c('div',{staticClass:\"p-3 bg-dark\"},[_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\",\"no-close-button\":\"\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#007aff\"}})]),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Bootstrap\")]),_c('small',[_vm._v(\"11 mins ago\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" Hello, world! This is a toast message. \")])],1)]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Stacking Placement\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_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('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-5\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"notification-5\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<div class=\\\"p-3 bg-dark\\\">\\n  <div aria-live=\\\"polite\\\" aria-atomic=\\\"true\\\" style=\\\"position: relative; min-height: 200px;\\\">\\n    <b-toast visible static no-auto-hide no-close-button toast-class=\\\"position-absolute\\\">\\n      <template v-slot:toast-title>\\n        <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n          <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#007aff\\\"></rect>\\n        </svg>\\n        <strong class=\\\"mr-auto\\\">Bootstrap</strong>\\n        <small>11 mins ago</small>\\n        <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n          <span aria-hidden=\\\"true\\\">×</span>\\n        </button>\\n      </template>\\n      Hello, world! This is a toast message.\\n    </b-toast>\\n  </div>\\n</div>\\n<p class=\\\"mt-3\\\">For systems that generate more notifications, consider using a wrapping element so they can easily stack.</p>\\n<div class=\\\"bg-dark p-3 mt-3\\\">\\n  <div aria-live=\\\"polite\\\" aria-atomic=\\\"true\\\" style=\\\"position: relative; min-height: 200px;\\\">\\n    <div style=\\\"position: absolute; top: 0; right: 0;\\\">\\n    <b-toast visible static no-auto-hide no-close-button>\\n      <template v-slot:toast-title>\\n        <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n          <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#007aff\\\"></rect>\\n        </svg>\\n        <strong class=\\\"mr-auto\\\">Bootstrap</strong>\\n        <small class=\\\"text-muted\\\">just now</small>\\n        <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n          <span aria-hidden=\\\"true\\\">×</span>\\n        </button>\\n      </template>\\n      See? Just like this.\\n    </b-toast>\\n    <b-toast visible static no-auto-hide no-close-button>\\n      <template v-slot:toast-title>\\n        <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n          <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#007aff\\\"></rect>\\n        </svg>\\n        <strong class=\\\"mr-auto\\\">Bootstrap</strong>\\n        <small class=\\\"text-muted\\\">2 seconds ago</small>\\n        <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n          <span aria-hidden=\\\"true\\\">×</span>\\n        </button>\\n      </template>\\n      Heads up, toasts will stack automatically\\n    </b-toast>\\n    </div>\\n  </div>\\n</div>\\n\")])])])])]),_c('div',{staticClass:\"p-3 bg-dark\"},[_c('div',{staticStyle:{\"position\":\"relative\",\"min-height\":\"200px\"},attrs:{\"aria-live\":\"polite\",\"aria-atomic\":\"true\"}},[_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\",\"no-close-button\":\"\",\"toast-class\":\"position-absolute\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#007aff\"}})]),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Bootstrap\")]),_c('small',[_vm._v(\"11 mins ago\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" Hello, world! This is a toast message. \")])],1)]),_c('p',{staticClass:\"mt-3\"},[_vm._v(\"For systems that generate more notifications, consider using a wrapping element so they can easily stack.\")]),_c('div',{staticClass:\"bg-dark p-3 mt-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\":\"\",\"no-close-button\":\"\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#007aff\"}})]),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Bootstrap\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"just now\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" See? Just like this. \")]),_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\",\"no-close-button\":\"\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#007aff\"}})]),_c('strong',{staticClass:\"mr-auto\"},[_vm._v(\"Bootstrap\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"2 seconds ago\")]),_c('button',{staticClass:\"ml-2 mb-1 close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" Heads up, toasts will stack automatically \")])],1)])])]},proxy:true}])})],1),_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Notifications\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-6\",modifiers:{\"collapse-6\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_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('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-6\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"notification-6\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-toast visible static no-auto-hide no-close-button toast-class=\\\"bg-primary\\\" body-class=\\\"text-white\\\"  header-class=\\\"bg-primary text-white\\\">\\n  <template v-slot:toast-title>\\n    <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n      <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#fff\\\"></rect>\\n    </svg>\\n    <strong class=\\\"mr-auto text-white\\\">Bootstrap</strong>\\n    <small class=\\\"text-white\\\">11 mins ago</small>\\n    <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close text-white\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n      <span aria-hidden=\\\"true\\\">×</span>\\n    </button>\\n  </template>\\n  See? Just like this.\\n</b-toast>\\n<b-toast variant=\\\"success\\\" visible static no-auto-hide no-close-button toast-class=\\\"bg-success mt-3\\\" body-class=\\\"text-white\\\"  header-class=\\\"bg-success text-white\\\">\\n  <template v-slot:toast-title>\\n    <svg class=\\\"bd-placeholder-img rounded mr-2\\\" width=\\\"20\\\" height=\\\"20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" preserveAspectRatio=\\\"xMidYMid slice\\\" focusable=\\\"false\\\" role=\\\"img\\\">\\n      <rect width=\\\"100%\\\" height=\\\"100%\\\" fill=\\\"#fff\\\"></rect>\\n    </svg>\\n    <strong class=\\\"mr-auto text-white\\\">Bootstrap</strong>\\n    <small class=\\\"text-white\\\">11 mins ago</small>\\n    <button type=\\\"button\\\" class=\\\"ml-2 mb-1 close text-white\\\" data-dismiss=\\\"toast\\\" aria-label=\\\"Close\\\">\\n      <span aria-hidden=\\\"true\\\">×</span>\\n    </button>\\n  </template>\\n  Heads up, toasts will stack automatically\\n</b-toast>\\n\")])])])])]),_c('b-toast',{attrs:{\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\",\"no-close-button\":\"\",\"toast-class\":\"bg-primary\",\"body-class\":\"text-white\",\"header-class\":\"bg-primary text-white\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#fff\"}})]),_c('strong',{staticClass:\"mr-auto text-white\"},[_vm._v(\"Bootstrap\")]),_c('small',{staticClass:\"text-white\"},[_vm._v(\"11 mins ago\")]),_c('button',{staticClass:\"ml-2 mb-1 close text-white\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" See? Just like this. \")]),_c('b-toast',{attrs:{\"variant\":\"success\",\"visible\":\"\",\"static\":\"\",\"no-auto-hide\":\"\",\"no-close-button\":\"\",\"toast-class\":\"bg-success mt-3\",\"body-class\":\"text-white\",\"header-class\":\"bg-success text-white\"},scopedSlots:_vm._u([{key:\"toast-title\",fn:function(){return [_c('svg',{staticClass:\"bd-placeholder-img rounded mr-2\",attrs:{\"width\":\"20\",\"height\":\"20\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"xMidYMid slice\",\"focusable\":\"false\",\"role\":\"img\"}},[_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"#fff\"}})]),_c('strong',{staticClass:\"mr-auto text-white\"},[_vm._v(\"Bootstrap\")]),_c('small',{staticClass:\"text-white\"},[_vm._v(\"11 mins ago\")]),_c('button',{staticClass:\"ml-2 mb-1 close text-white\",attrs:{\"type\":\"button\",\"data-dismiss\":\"toast\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])])]},proxy:true}])},[_vm._v(\" Heads up, toasts will stack automatically \")])]},proxy:true}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Notifications</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-1 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>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.</p>\n            <b-collapse id=\"collapse-1\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"notification-1\">\n                    <code>\n&lt;b-toast visible static no-auto-hide no-close-button&gt;\n  &lt;template v-slot:toast-title&gt;\n    &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n      &lt;rect width=\"100%\" height=\"100%\" fill=\"#007aff\"&gt;&lt;/rect&gt;\n    &lt;/svg&gt;\n    &lt;strong class=\"mr-auto\"&gt;Bootstrap&lt;/strong&gt;\n    &lt;small&gt;11 mins ago&lt;/small&gt;\n    &lt;button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n      &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n    &lt;/button&gt;\n  &lt;/template&gt;\n  Hello, world! This is a toast message.\n&lt;/b-toast&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-toast visible static no-auto-hide no-close-button>\n              <template v-slot:toast-title>\n                <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                  <rect width=\"100%\" height=\"100%\" fill=\"#007aff\"></rect>\n                </svg>\n                <strong class=\"mr-auto\">Bootstrap</strong>\n                <small>11 mins ago</small>\n                <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">×</span>\n                </button>\n              </template>\n              Hello, world! This is a toast message.\n            </b-toast>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Stacking</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-2 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>When you have multiple toasts, we default to vertically stacking them in a readable manner.</p>\n            <b-collapse id=\"collapse-2\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"notification-2\">\n                    <code>\n&lt;b-toast visible static no-auto-hide no-close-button&gt;\n  &lt;template v-slot:toast-title&gt;\n    &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n      &lt;rect width=\"100%\" height=\"100%\" fill=\"#007aff\"&gt;&lt;/rect&gt;\n    &lt;/svg&gt;\n    &lt;strong class=\"mr-auto\"&gt;Bootstrap&lt;/strong&gt;\n    &lt;small class=\"text-muted\"&gt;just now&lt;/small&gt;\n    &lt;button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n      &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n    &lt;/button&gt;\n  &lt;/template&gt;\n  See? Just like this.\n&lt;/b-toast&gt;\n&lt;b-toast visible static no-auto-hide no-close-button&gt;\n  &lt;template v-slot:toast-title&gt;\n    &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n      &lt;rect width=\"100%\" height=\"100%\" fill=\"#007aff\"&gt;&lt;/rect&gt;\n    &lt;/svg&gt;\n    &lt;strong class=\"mr-auto\"&gt;Bootstrap&lt;/strong&gt;\n    &lt;small class=\"text-muted\"&gt;2 seconds ago&lt;/small&gt;\n    &lt;button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n      &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n    &lt;/button&gt;\n  &lt;/template&gt;\n  Heads up, toasts will stack automatically\n&lt;/b-toast&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-toast visible static no-auto-hide no-close-button>\n              <template v-slot:toast-title>\n                <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                  <rect width=\"100%\" height=\"100%\" fill=\"#007aff\"></rect>\n                </svg>\n                <strong class=\"mr-auto\">Bootstrap</strong>\n                <small class=\"text-muted\">just now</small>\n                <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">×</span>\n                </button>\n              </template>\n              See? Just like this.\n            </b-toast>\n            <b-toast visible static no-auto-hide no-close-button>\n              <template v-slot:toast-title>\n                <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                  <rect width=\"100%\" height=\"100%\" fill=\"#007aff\"></rect>\n                </svg>\n                <strong class=\"mr-auto\">Bootstrap</strong>\n                <small class=\"text-muted\">2 seconds ago</small>\n                <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">×</span>\n                </button>\n              </template>\n              Heads up, toasts will stack automatically\n            </b-toast>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Notifications horizontally and/or vertically</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-3 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>You can also get fancy with flexbox utilities to align toasts horizontally and/or vertically.</p>\n            <b-collapse id=\"collapse-3\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"notification-3\">\n                    <code>\n&lt;div class=\"p-3 bg-dark\"&gt;\n  &lt;div aria-live=\"polite\" aria-atomic=\"true\" class=\"d-flex justify-content-center align-items-center\" style=\"min-height: 200px;\"&gt;\n    &lt;b-toast visible static no-auto-hide no-close-button&gt;\n      &lt;template v-slot:toast-title&gt;\n        &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n          &lt;rect width=\"100%\" height=\"100%\" fill=\"#007aff\"&gt;&lt;/rect&gt;\n        &lt;/svg&gt;\n        &lt;strong class=\"mr-auto\"&gt;Bootstrap&lt;/strong&gt;\n        &lt;small&gt;11 mins ago&lt;/small&gt;\n        &lt;button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n          &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n        &lt;/button&gt;\n      &lt;/template&gt;\n      Hello, world! This is a toast message.\n    &lt;/b-toast&gt;\n  &lt;/div&gt;\n&lt;/div&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <div class=\"p-3 bg-dark\">\n              <div aria-live=\"polite\" aria-atomic=\"true\" class=\"d-flex justify-content-center align-items-center\" style=\"min-height: 200px;\">\n                <b-toast visible static no-auto-hide no-close-button>\n                  <template v-slot:toast-title>\n                    <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                      <rect width=\"100%\" height=\"100%\" fill=\"#007aff\"></rect>\n                    </svg>\n                    <strong class=\"mr-auto\">Bootstrap</strong>\n                    <small>11 mins ago</small>\n                    <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\">\n                      <span aria-hidden=\"true\">×</span>\n                    </button>\n                  </template>\n                  Hello, world! This is a toast message.\n                </b-toast>\n              </div>\n            </div>\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Notifications</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-4 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>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.</p>\n            <b-collapse id=\"collapse-4\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"notification-4\">\n                    <code>\n&lt;div class=\"p-3 bg-dark\"&gt;\n  &lt;b-toast visible static no-auto-hide no-close-button&gt;\n    &lt;template v-slot:toast-title&gt;\n      &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n        &lt;rect width=\"100%\" height=\"100%\" fill=\"#007aff\"&gt;&lt;/rect&gt;\n      &lt;/svg&gt;\n      &lt;strong class=\"mr-auto\"&gt;Bootstrap&lt;/strong&gt;\n      &lt;small&gt;11 mins ago&lt;/small&gt;\n      &lt;button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n        &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n      &lt;/button&gt;\n    &lt;/template&gt;\n    Hello, world! This is a toast message.\n  &lt;/b-toast&gt;\n&lt;/div&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n              <div class=\"p-3 bg-dark\">\n                <b-toast visible static no-auto-hide no-close-button>\n                  <template v-slot:toast-title>\n                    <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                      <rect width=\"100%\" height=\"100%\" fill=\"#007aff\"></rect>\n                    </svg>\n                    <strong class=\"mr-auto\">Bootstrap</strong>\n                    <small>11 mins ago</small>\n                    <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\">\n                      <span aria-hidden=\"true\">×</span>\n                    </button>\n                  </template>\n                  Hello, world! This is a toast message.\n                </b-toast>\n              </div>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Stacking Placement</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-5 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>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 <code>.toast</code>.</p>\n            <b-collapse id=\"collapse-5\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"notification-5\">\n                    <code>\n&lt;div class=\"p-3 bg-dark\"&gt;\n  &lt;div aria-live=\"polite\" aria-atomic=\"true\" style=\"position: relative; min-height: 200px;\"&gt;\n    &lt;b-toast visible static no-auto-hide no-close-button toast-class=\"position-absolute\"&gt;\n      &lt;template v-slot:toast-title&gt;\n        &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n          &lt;rect width=\"100%\" height=\"100%\" fill=\"#007aff\"&gt;&lt;/rect&gt;\n        &lt;/svg&gt;\n        &lt;strong class=\"mr-auto\"&gt;Bootstrap&lt;/strong&gt;\n        &lt;small&gt;11 mins ago&lt;/small&gt;\n        &lt;button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n          &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n        &lt;/button&gt;\n      &lt;/template&gt;\n      Hello, world! This is a toast message.\n    &lt;/b-toast&gt;\n  &lt;/div&gt;\n&lt;/div&gt;\n&lt;p class=\"mt-3\"&gt;For systems that generate more notifications, consider using a wrapping element so they can easily stack.&lt;/p&gt;\n&lt;div class=\"bg-dark p-3 mt-3\"&gt;\n  &lt;div aria-live=\"polite\" aria-atomic=\"true\" style=\"position: relative; min-height: 200px;\"&gt;\n    &lt;div style=\"position: absolute; top: 0; right: 0;\"&gt;\n    &lt;b-toast visible static no-auto-hide no-close-button&gt;\n      &lt;template v-slot:toast-title&gt;\n        &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n          &lt;rect width=\"100%\" height=\"100%\" fill=\"#007aff\"&gt;&lt;/rect&gt;\n        &lt;/svg&gt;\n        &lt;strong class=\"mr-auto\"&gt;Bootstrap&lt;/strong&gt;\n        &lt;small class=\"text-muted\"&gt;just now&lt;/small&gt;\n        &lt;button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n          &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n        &lt;/button&gt;\n      &lt;/template&gt;\n      See? Just like this.\n    &lt;/b-toast&gt;\n    &lt;b-toast visible static no-auto-hide no-close-button&gt;\n      &lt;template v-slot:toast-title&gt;\n        &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n          &lt;rect width=\"100%\" height=\"100%\" fill=\"#007aff\"&gt;&lt;/rect&gt;\n        &lt;/svg&gt;\n        &lt;strong class=\"mr-auto\"&gt;Bootstrap&lt;/strong&gt;\n        &lt;small class=\"text-muted\"&gt;2 seconds ago&lt;/small&gt;\n        &lt;button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n          &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n        &lt;/button&gt;\n      &lt;/template&gt;\n      Heads up, toasts will stack automatically\n    &lt;/b-toast&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n&lt;/div&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <div class=\"p-3 bg-dark\">\n              <div aria-live=\"polite\" aria-atomic=\"true\" style=\"position: relative; min-height: 200px;\">\n                <b-toast visible static no-auto-hide no-close-button toast-class=\"position-absolute\">\n                  <template v-slot:toast-title>\n                    <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                      <rect width=\"100%\" height=\"100%\" fill=\"#007aff\"></rect>\n                    </svg>\n                    <strong class=\"mr-auto\">Bootstrap</strong>\n                    <small>11 mins ago</small>\n                    <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\">\n                      <span aria-hidden=\"true\">×</span>\n                    </button>\n                  </template>\n                  Hello, world! This is a toast message.\n                </b-toast>\n              </div>\n            </div>\n            <p class=\"mt-3\">For systems that generate more notifications, consider using a wrapping element so they can easily stack.</p>\n            <div class=\"bg-dark p-3 mt-3\">\n              <div aria-live=\"polite\" aria-atomic=\"true\" style=\"position: relative; min-height: 200px;\">\n                <div style=\"position: absolute; top: 0; right: 0;\">\n                <b-toast visible static no-auto-hide no-close-button>\n                  <template v-slot:toast-title>\n                    <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                      <rect width=\"100%\" height=\"100%\" fill=\"#007aff\"></rect>\n                    </svg>\n                    <strong class=\"mr-auto\">Bootstrap</strong>\n                    <small class=\"text-muted\">just now</small>\n                    <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\">\n                      <span aria-hidden=\"true\">×</span>\n                    </button>\n                  </template>\n                  See? Just like this.\n                </b-toast>\n                <b-toast visible static no-auto-hide no-close-button>\n                  <template v-slot:toast-title>\n                    <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                      <rect width=\"100%\" height=\"100%\" fill=\"#007aff\"></rect>\n                    </svg>\n                    <strong class=\"mr-auto\">Bootstrap</strong>\n                    <small class=\"text-muted\">2 seconds ago</small>\n                    <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\">\n                      <span aria-hidden=\"true\">×</span>\n                    </button>\n                  </template>\n                  Heads up, toasts will stack automatically\n                </b-toast>\n                </div>\n              </div>\n            </div>\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Notifications</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-6 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>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.</p>\n            <b-collapse id=\"collapse-6\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"notification-6\">\n                    <code>\n&lt;b-toast visible static no-auto-hide no-close-button toast-class=\"bg-primary\" body-class=\"text-white\"  header-class=\"bg-primary text-white\"&gt;\n  &lt;template v-slot:toast-title&gt;\n    &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n      &lt;rect width=\"100%\" height=\"100%\" fill=\"#fff\"&gt;&lt;/rect&gt;\n    &lt;/svg&gt;\n    &lt;strong class=\"mr-auto text-white\"&gt;Bootstrap&lt;/strong&gt;\n    &lt;small class=\"text-white\"&gt;11 mins ago&lt;/small&gt;\n    &lt;button type=\"button\" class=\"ml-2 mb-1 close text-white\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n      &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n    &lt;/button&gt;\n  &lt;/template&gt;\n  See? Just like this.\n&lt;/b-toast&gt;\n&lt;b-toast variant=\"success\" visible static no-auto-hide no-close-button toast-class=\"bg-success mt-3\" body-class=\"text-white\"  header-class=\"bg-success text-white\"&gt;\n  &lt;template v-slot:toast-title&gt;\n    &lt;svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\"&gt;\n      &lt;rect width=\"100%\" height=\"100%\" fill=\"#fff\"&gt;&lt;/rect&gt;\n    &lt;/svg&gt;\n    &lt;strong class=\"mr-auto text-white\"&gt;Bootstrap&lt;/strong&gt;\n    &lt;small class=\"text-white\"&gt;11 mins ago&lt;/small&gt;\n    &lt;button type=\"button\" class=\"ml-2 mb-1 close text-white\" data-dismiss=\"toast\" aria-label=\"Close\"&gt;\n      &lt;span aria-hidden=\"true\"&gt;×&lt;/span&gt;\n    &lt;/button&gt;\n  &lt;/template&gt;\n  Heads up, toasts will stack automatically\n&lt;/b-toast&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-toast visible static no-auto-hide no-close-button toast-class=\"bg-primary\" body-class=\"text-white\"  header-class=\"bg-primary text-white\">\n              <template v-slot:toast-title>\n                <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                  <rect width=\"100%\" height=\"100%\" fill=\"#fff\"></rect>\n                </svg>\n                <strong class=\"mr-auto text-white\">Bootstrap</strong>\n                <small class=\"text-white\">11 mins ago</small>\n                <button type=\"button\" class=\"ml-2 mb-1 close text-white\" data-dismiss=\"toast\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">×</span>\n                </button>\n              </template>\n              See? Just like this.\n            </b-toast>\n            <b-toast variant=\"success\" visible static no-auto-hide no-close-button toast-class=\"bg-success mt-3\" body-class=\"text-white\"  header-class=\"bg-success text-white\">\n              <template v-slot:toast-title>\n                <svg class=\"bd-placeholder-img rounded mr-2\" width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMidYMid slice\" focusable=\"false\" role=\"img\">\n                  <rect width=\"100%\" height=\"100%\" fill=\"#fff\"></rect>\n                </svg>\n                <strong class=\"mr-auto text-white\">Bootstrap</strong>\n                <small class=\"text-white\">11 mins ago</small>\n                <button type=\"button\" class=\"ml-2 mb-1 close text-white\" data-dismiss=\"toast\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\">×</span>\n                </button>\n              </template>\n              Heads up, toasts will stack automatically\n            </b-toast>\n          </template>\n        </iq-card>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport { core } from '../../config/pluginInit'\nexport default {\n  name: 'UiNotifications',\n  mounted () {\n    core.index()\n  },\n  methods: {\n    makeToast (append = false) {\n      this.$bvToast.toast('This is toast numbe', {\n        title: 'BootstrapVue Toast',\n        autoHideDelay: 5000,\n        appendToast: append\n      })\n    }\n  }\n}\n</script>\n<style>\n.b-toast .toast {\n  opacity: 1 !important;\n}\n</style>\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!./UiNotifications.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!./UiNotifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UiNotifications.vue?vue&type=template&id=6ea1a3f9&\"\nimport script from \"./UiNotifications.vue?vue&type=script&lang=js&\"\nexport * from \"./UiNotifications.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UiNotifications.vue?vue&type=style&index=0&id=6ea1a3f9&prod&lang=css&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UiNotifications.vue?vue&type=style&index=0&id=6ea1a3f9&prod&lang=css&\""],"sourceRoot":""}