{"version":3,"sources":["webpack:///./src/components/ui/notifications/ToastPositionPicker.vue?5ac1","webpack:///./src/components/ui/notifications/ToastPositionPicker.vue","webpack:///src/components/ui/notifications/ToastPositionPicker.vue","webpack:///./src/components/ui/notifications/ToastPositionPicker.vue?c259","webpack:///./src/components/ui/notifications/ToastPositionPicker.vue?3853","webpack:///./src/components/ui/notifications/Notifications.vue","webpack:///src/components/ui/notifications/Notifications.vue","webpack:///./src/components/ui/notifications/Notifications.vue?aef3","webpack:///./src/components/ui/notifications/Notifications.vue?21f5","webpack:///./src/components/ui/notifications/Notifications.vue?5692"],"names":["render","_vm","this","_c","_self","staticClass","class","isBoxSelected","on","$event","updatePosition","staticRenderFns","name","props","value","type","default","methods","component","attrs","_f","directives","rawName","popoverTitle","expression","domProps","target","composing","checkPopoverContents","_v","_s","popoverText","popoverIcon","isPopoverDisabled","slot","topTooltipOptions","rightTooltipOptions","leftTooltipOptions","bottomTooltipOptions","$t","toastText","toastDuration","toastIcon","staticStyle","model","toastPosition","callback","$$v","isToastFullWidth","launchToast","isToastContentPresent","_e","components","ToastPositionPicker","data","content","placement","computed","icon","position","duration","fullWidth"],"mappings":"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","file":"js/chunk-f05efc64.fe7a3589.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastPositionPicker.vue?vue&type=style&index=0&id=b5582696&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"toast-position-picker\"},[_c('div',{staticClass:\"position-boxes-row\"},[_c('div',{staticClass:\"position-box\",class:{'selected': _vm.isBoxSelected('top-left')},on:{\"click\":function($event){return _vm.updatePosition('top-left')}}}),_c('div',{staticClass:\"position-box\",class:{'selected': _vm.isBoxSelected('top-center')},on:{\"click\":function($event){return _vm.updatePosition('top-center')}}}),_c('div',{staticClass:\"position-box\",class:{'selected': _vm.isBoxSelected('top-right')},on:{\"click\":function($event){return _vm.updatePosition('top-right')}}})]),_c('div',{staticClass:\"position-boxes-row\"},[_c('div',{staticClass:\"position-box\",class:{'selected': _vm.isBoxSelected('bottom-left')},on:{\"click\":function($event){return _vm.updatePosition('bottom-left')}}}),_c('div',{staticClass:\"position-box\",class:{'selected': _vm.isBoxSelected('bottom-center')},on:{\"click\":function($event){return _vm.updatePosition('bottom-center')}}}),_c('div',{staticClass:\"position-box\",class:{'selected': _vm.isBoxSelected('bottom-right')},on:{\"click\":function($event){return _vm.updatePosition('bottom-right')}}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"toast-position-picker\">\n    <div class=\"position-boxes-row\">\n      <div class=\"position-box\"\n           @click=\"updatePosition('top-left')\"\n           :class=\"{'selected': isBoxSelected('top-left')}\">\n      </div>\n      <div class=\"position-box\"\n           @click=\"updatePosition('top-center')\"\n           :class=\"{'selected': isBoxSelected('top-center')}\">\n      </div>\n      <div class=\"position-box\"\n           @click=\"updatePosition('top-right')\"\n           :class=\"{'selected': isBoxSelected('top-right')}\">\n      </div>\n    </div>\n    <div class=\"position-boxes-row\">\n      <div class=\"position-box\"\n           @click=\"updatePosition('bottom-left')\"\n           :class=\"{'selected': isBoxSelected('bottom-left')}\">\n      </div>\n      <div class=\"position-box\"\n           @click=\"updatePosition('bottom-center')\"\n           :class=\"{'selected': isBoxSelected('bottom-center')}\">\n      </div>\n      <div class=\"position-box\"\n           @click=\"updatePosition('bottom-right')\"\n           :class=\"{'selected': isBoxSelected('bottom-right')}\">\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'toast-position-picker',\n\n  props: {\n    value: {\n      type: String,\n      default: 'bottom-center',\n    },\n  },\n\n  methods: {\n    updatePosition (position) {\n      this.$emit('input', position)\n    },\n\n    isBoxSelected (position) {\n      return this.value === position\n    },\n  },\n}\n</script>\n\n<style lang='scss' scoped>\n.toast-position-picker {\n  width: 112px;\n  height: 76px;\n  margin-right: 2rem;\n}\n\n.position-boxes-row {\n  display: flex;\n  flex-direction: row;\n\n  &:first-child {\n    margin-bottom: 2px;\n  }\n}\n\n.position-box {\n  height: 36px;\n  width: 36px;\n  margin-right: 2px;\n  cursor: pointer;\n  background-color: $brand-primary;\n  opacity: 0.3;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &:hover {\n    opacity: 0.6;\n  }\n\n  &.selected {\n    opacity: 1;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastPositionPicker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastPositionPicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastPositionPicker.vue?vue&type=template&id=b5582696&scoped=true&\"\nimport script from \"./ToastPositionPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastPositionPicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToastPositionPicker.vue?vue&type=style&index=0&id=b5582696&prod&lang=scss&scoped=true&\"\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  \"b5582696\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notifications-page\"},[_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md12\"},[_c('vuestic-widget',{attrs:{\"headerText\":_vm._f(\"translate\")('notificationsPage.popovers.title')}},[_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md6\"},[_c('fieldset',[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.popoverTitle),expression:\"popoverTitle\"}],attrs:{\"id\":\"popover-title\",\"required\":\"\"},domProps:{\"value\":(_vm.popoverTitle)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.popoverTitle=$event.target.value},_vm.checkPopoverContents]}}),_c('label',{staticClass:\"control-label\",attrs:{\"for\":\"popover-title\"}},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.popovers.popoverTitleLabel')))]),_c('i',{staticClass:\"bar\"})])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.popoverText),expression:\"popoverText\"}],attrs:{\"id\":\"popover-text\",\"required\":\"\"},domProps:{\"value\":(_vm.popoverText)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.popoverText=$event.target.value},_vm.checkPopoverContents]}}),_c('label',{staticClass:\"control-label\",attrs:{\"for\":\"popover-text\"}},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.popovers.popoverTextLabel')))]),_c('i',{staticClass:\"bar\"})])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.popoverIcon),expression:\"popoverIcon\"}],attrs:{\"id\":\"popover-icon\",\"required\":\"\"},domProps:{\"value\":(_vm.popoverIcon)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.popoverIcon=$event.target.value},_vm.checkPopoverContents]}}),_c('label',{staticClass:\"control-label\",attrs:{\"for\":\"popover-icon\"}},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.popovers.popoverIconLabel')))]),_c('i',{staticClass:\"bar\"})])]),_c('vuestic-popover',{attrs:{\"popover-class\":\"vuestic-tooltip\",\"placement\":\"right\",\"disabled\":_vm.isPopoverDisabled}},[_c('button',{staticClass:\"btn btn-sm btn-primary\",attrs:{\"slot\":\"trigger\"},slot:\"trigger\"},[_vm._v(\"\\n                  \"+_vm._s(_vm._f(\"translate\")('notificationsPage.popovers.showPopover'))+\"\\n                \")]),_c('i',{staticClass:\"fa\",class:_vm.popoverIcon,attrs:{\"slot\":\"icon\"},slot:\"icon\"}),_c('span',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.popoverTitle))]),_c('span',{attrs:{\"slot\":\"body\"},slot:\"body\"},[_vm._v(_vm._s(_vm.popoverText))])])],1)]),_c('div',{staticClass:\"flex md6\"},[_c('p',[_vm._v(\"\\n              Any text can be used for\\n              \"),_c('vuestic-tooltip',{attrs:{\"options\":_vm.topTooltipOptions}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.popovers.topTooltip')))])]),_vm._v(\"\\n              showcase. Just anything you can possibly imagine to test\\n              \"),_c('vuestic-tooltip',{attrs:{\"options\":_vm.rightTooltipOptions}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.popovers.rightTooltip')))])]),_vm._v(\"\\n              .\\n              But it can appear on the\\n              \"),_c('vuestic-tooltip',{attrs:{\"options\":_vm.leftTooltipOptions}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.popovers.leftTooltip')))])]),_vm._v(\"\\n              .\\n              Or just\\n              \"),_c('vuestic-tooltip',{attrs:{\"options\":_vm.bottomTooltipOptions}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.popovers.bottomTooltip')))])]),_vm._v(\"\\n              the item.\\n            \")],1)])])])],1)]),_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md12\"},[_c('vuestic-widget',{attrs:{\"headerText\":_vm._f(\"translate\")('notificationsPage.alerts.title')}},[_c('vuestic-alert',{attrs:{\"type\":\"success\",\"withCloseBtn\":true}},[_c('span',{staticClass:\"badge badge-pill badge-success\"},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.alerts.success')))]),_vm._v(\"\\n          \"+_vm._s(_vm._f(\"translate\")('notificationsPage.alerts.successMessage'))+\"\\n          \"),_c('i',{staticClass:\"fa fa-close alert-close\"})]),_c('vuestic-alert',{attrs:{\"type\":\"info\",\"withCloseBtn\":true}},[_c('span',{staticClass:\"badge badge-pill badge-info\"},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.alerts.info')))]),_vm._v(\"\\n          \"+_vm._s(_vm._f(\"translate\")('notificationsPage.alerts.infoMessage'))+\"\\n        \")]),_c('vuestic-alert',{attrs:{\"type\":\"warning\",\"withCloseBtn\":true}},[_c('span',{staticClass:\"badge badge-pill badge-warning\"},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.alerts.warning')))]),_vm._v(\"\\n          \"+_vm._s(_vm._f(\"translate\")('notificationsPage.alerts.warningMessage'))+\"\\n        \")]),_c('vuestic-alert',{attrs:{\"type\":\"danger\",\"withCloseBtn\":true}},[_c('span',{staticClass:\"badge badge-pill badge-danger\"},[_vm._v(_vm._s(_vm._f(\"translate\")('notificationsPage.alerts.danger')))]),_vm._v(\"\\n          \"+_vm._s(_vm._f(\"translate\")('notificationsPage.alerts.dangerMessage'))+\"\\n        \")])],1)],1)]),_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex xs12\"},[_c('vuestic-widget',{attrs:{\"headerText\":_vm.$t('notificationsPage.toasts.title')}},[_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex xs12 md6\"},[_c('fieldset',[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.toastText),expression:\"toastText\"}],attrs:{\"id\":\"toast-text\",\"required\":\"\"},domProps:{\"value\":(_vm.toastText)},on:{\"input\":function($event){if($event.target.composing)return;_vm.toastText=$event.target.value}}}),_c('label',{staticClass:\"control-label\",attrs:{\"for\":\"toast-text\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t('notificationsPage.toasts.textLabel'))+\"\\n                  \")]),_c('i',{staticClass:\"bar\"})])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.toastDuration),expression:\"toastDuration\"}],attrs:{\"id\":\"toast-duration\",\"type\":\"number\",\"required\":\"\"},domProps:{\"value\":(_vm.toastDuration)},on:{\"input\":function($event){if($event.target.composing)return;_vm.toastDuration=$event.target.value}}}),_c('label',{staticClass:\"control-label\",attrs:{\"for\":\"toast-duration\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t('notificationsPage.toasts.durationLabel'))+\"\\n                  \")]),_c('i',{staticClass:\"bar\"})])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.toastIcon),expression:\"toastIcon\"}],attrs:{\"id\":\"toast-icon\",\"required\":\"\"},domProps:{\"value\":(_vm.toastIcon)},on:{\"input\":function($event){if($event.target.composing)return;_vm.toastIcon=$event.target.value}}}),_c('label',{staticClass:\"control-label\",attrs:{\"for\":\"toast-icon\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t('notificationsPage.toasts.iconLabel'))+\"\\n                  \")]),_c('i',{staticClass:\"bar\"})])]),_c('div',{staticClass:\"form-group va-row\",staticStyle:{\"margin-bottom\":\"2rem\"}},[_c('toast-position-picker',{model:{value:(_vm.toastPosition),callback:function ($$v) {_vm.toastPosition=$$v},expression:\"toastPosition\"}}),_c('vuestic-checkbox',{attrs:{\"label\":_vm._f(\"translate\")('notificationsPage.toasts.fullWidthLabel'),\"id\":'toast-fullwidth'},model:{value:(_vm.isToastFullWidth),callback:function ($$v) {_vm.isToastFullWidth=$$v},expression:\"isToastFullWidth\"}})],1),_c('button',{staticClass:\"btn btn-sm btn-primary\",attrs:{\"slot\":\"trigger\"},on:{\"click\":_vm.launchToast},slot:\"trigger\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('notificationsPage.toasts.launchToast'))+\"\\n              \")])]),_c('br'),_c('br'),_c('br')]),_c('div',{staticClass:\"flex xs12 md6 flex-center\"},[(_vm.isToastContentPresent)?_c('div',{staticClass:\"toasted-container sample-toasted-container shrink\"},[_c('div',{staticClass:\"toasted vuestic-toast none default\"},[(_vm.toastIcon)?_c('i',{staticClass:\"fa\",class:_vm.toastIcon}):_vm._e(),_vm._v(\"\\n                \"+_vm._s(_vm.toastText)+\"\\n              \")])]):_vm._e()])])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"notifications-page\">\n    <div class=\"va-row\">\n      <div class=\"flex md12\">\n        <vuestic-widget\n          :headerText=\"'notificationsPage.popovers.title' | translate\">\n          <div class=\"va-row\">\n            <div class=\"flex md6\">\n              <fieldset>\n                <div class=\"form-group\">\n                  <div class=\"input-group\">\n                    <input id=\"popover-title\" v-model=\"popoverTitle\"\n                           @input=\"checkPopoverContents\" required/>\n                    <label class=\"control-label\" for=\"popover-title\">{{'notificationsPage.popovers.popoverTitleLabel'\n                      | translate}}</label><i class=\"bar\"></i>\n                  </div>\n                </div>\n                <div class=\"form-group\">\n                  <div class=\"input-group\">\n                    <input id=\"popover-text\" v-model=\"popoverText\"\n                           @input=\"checkPopoverContents\" required/>\n                    <label class=\"control-label\" for=\"popover-text\">{{'notificationsPage.popovers.popoverTextLabel'\n                      | translate}}</label><i class=\"bar\"></i>\n                  </div>\n                </div>\n                <div class=\"form-group\">\n                  <div class=\"input-group\">\n                    <input id=\"popover-icon\" v-model=\"popoverIcon\"\n                           @input=\"checkPopoverContents\" required/>\n                    <label class=\"control-label\" for=\"popover-icon\">{{'notificationsPage.popovers.popoverIconLabel'\n                      | translate}}</label><i class=\"bar\"></i>\n                  </div>\n                </div>\n                <vuestic-popover popover-class=\"vuestic-tooltip\"\n                                 placement=\"right\"\n                                 :disabled=\"isPopoverDisabled\">\n                  <button slot=\"trigger\" class=\"btn btn-sm btn-primary\">\n                    {{'notificationsPage.popovers.showPopover' | translate}}\n                  </button>\n                  <i\n                    slot=\"icon\"\n                    class=\"fa\"\n                    :class=\"popoverIcon\">\n                  </i>\n                  <span slot=\"header\">{{popoverTitle}}</span>\n                  <span slot=\"body\">{{popoverText}}</span>\n                </vuestic-popover>\n              </fieldset>\n            </div>\n            <div class=\"flex md6\">\n              <p>\n                Any text can be used for\n                <vuestic-tooltip :options=\"topTooltipOptions\"><a href=\"#\">{{'notificationsPage.popovers.topTooltip'\n                  | translate}}</a></vuestic-tooltip>\n                showcase. Just anything you can possibly imagine to test\n                <vuestic-tooltip :options=\"rightTooltipOptions\"><a href=\"#\">{{'notificationsPage.popovers.rightTooltip'\n                  | translate}}</a></vuestic-tooltip>\n                .\n                But it can appear on the\n                <vuestic-tooltip :options=\"leftTooltipOptions\"><a href=\"#\">{{'notificationsPage.popovers.leftTooltip'\n                  | translate}}</a></vuestic-tooltip>\n                .\n                Or just\n                <vuestic-tooltip :options=\"bottomTooltipOptions\"><a href=\"#\">{{'notificationsPage.popovers.bottomTooltip'\n                  | translate}}</a></vuestic-tooltip>\n                the item.\n              </p>\n            </div>\n          </div>\n        </vuestic-widget>\n      </div>\n    </div>\n\n    <div class=\"va-row\">\n      <div class=\"flex md12\">\n        <vuestic-widget\n          :headerText=\"'notificationsPage.alerts.title' | translate\">\n          <vuestic-alert type=\"success\" :withCloseBtn=\"true\">\n            <span class=\"badge badge-pill badge-success\">{{'notificationsPage.alerts.success' | translate}}</span>\n            {{'notificationsPage.alerts.successMessage' | translate}}\n            <i class=\"fa fa-close alert-close\"></i>\n          </vuestic-alert>\n          <vuestic-alert type=\"info\" :withCloseBtn=\"true\">\n            <span class=\"badge badge-pill badge-info\">{{'notificationsPage.alerts.info' | translate}}</span>\n            {{'notificationsPage.alerts.infoMessage' | translate}}\n          </vuestic-alert>\n          <vuestic-alert type=\"warning\" :withCloseBtn=\"true\">\n            <span class=\"badge badge-pill badge-warning\">{{'notificationsPage.alerts.warning' | translate}}</span>\n            {{'notificationsPage.alerts.warningMessage' | translate}}\n          </vuestic-alert>\n          <vuestic-alert type=\"danger\" :withCloseBtn=\"true\">\n            <span class=\"badge badge-pill badge-danger\">{{'notificationsPage.alerts.danger' | translate}}</span>\n            {{'notificationsPage.alerts.dangerMessage' | translate}}\n          </vuestic-alert>\n        </vuestic-widget>\n      </div>\n    </div>\n\n    <div class=\"va-row\">\n      <div class=\"flex xs12\">\n        <vuestic-widget :headerText=\"$t('notificationsPage.toasts.title')\">\n          <div class=\"va-row\">\n            <div class=\"flex xs12 md6\">\n              <fieldset>\n                <div class=\"form-group\">\n                  <div class=\"input-group\">\n                    <input id=\"toast-text\" v-model=\"toastText\" required/>\n                    <label class=\"control-label\" for=\"toast-text\">\n                      {{ $t('notificationsPage.toasts.textLabel') }}\n                    </label>\n                    <i class=\"bar\"/>\n                  </div>\n                </div>\n                <div class=\"form-group\">\n                  <div class=\"input-group\">\n                    <input\n                      id=\"toast-duration\"\n                      type=\"number\"\n                      v-model=\"toastDuration\" required\n                    />\n                    <label class=\"control-label\" for=\"toast-duration\">\n                      {{ $t('notificationsPage.toasts.durationLabel') }}\n                    </label>\n                    <i class=\"bar\"/>\n                  </div>\n                </div>\n                <div class=\"form-group\">\n                  <div class=\"input-group\">\n                    <input id=\"toast-icon\" v-model=\"toastIcon\" required/>\n                    <label class=\"control-label\" for=\"toast-icon\">\n                      {{ $t('notificationsPage.toasts.iconLabel') }}\n                    </label>\n                    <i class=\"bar\"/>\n                  </div>\n                </div>\n                <!-- TODO Redo with global classes -->\n                <div class=\"form-group va-row\" style=\"margin-bottom: 2rem\">\n                  <toast-position-picker v-model=\"toastPosition\"/>\n                  <vuestic-checkbox\n                    :label=\"'notificationsPage.toasts.fullWidthLabel' | translate\"\n                    :id=\"'toast-fullwidth'\"\n                    v-model=\"isToastFullWidth\"\n                  />\n                </div>\n                <button\n                  slot=\"trigger\"\n                  class=\"btn btn-sm btn-primary\"\n                  @click=\"launchToast\"\n                >\n                  {{ $t('notificationsPage.toasts.launchToast') }}\n                </button>\n              </fieldset>\n              <br>\n              <br>\n              <br>\n            </div>\n            <div class=\"flex xs12 md6 flex-center\">\n              <div\n                v-if=\"isToastContentPresent\"\n                class=\"toasted-container sample-toasted-container shrink\"\n              >\n                <div class=\"toasted vuestic-toast none default\">\n                  <i class=\"fa\" :class=\"toastIcon\" v-if=\"toastIcon\"/>\n                  {{toastText}}\n                </div>\n              </div>\n            </div>\n          </div>\n        </vuestic-widget>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ToastPositionPicker from './ToastPositionPicker.vue'\n\nexport default {\n  name: 'notifications',\n  components: { ToastPositionPicker },\n  data () {\n    return {\n      popoverTitle: 'Hey!',\n      popoverText: 'This popover is amazing',\n      popoverIcon: 'fa-image',\n      isPopoverDisabled: false,\n      topTooltipOptions: {\n        content: 'Top tooltip text',\n        placement: 'top',\n      },\n      leftTooltipOptions: {\n        content: 'Left tooltip text',\n        placement: 'left',\n      },\n      rightTooltipOptions: {\n        content: 'Right tooltip text',\n        placement: 'right',\n      },\n      bottomTooltipOptions: {\n        content: 'Bottom tooltip text',\n        placement: 'bottom',\n      },\n      toastText: 'This toast is awesome!',\n      toastDuration: 2500,\n      toastIcon: 'fa-star-o',\n      toastPosition: 'bottom-right',\n      isToastFullWidth: false,\n    }\n  },\n  computed: {\n    isToastContentPresent () {\n      return !!(this.toastText || this.toastIcon)\n    },\n  },\n  methods: {\n    checkPopoverContents () {\n      this.isPopoverDisabled = !(this.popoverTitle || this.popoverText || this.popoverIcon)\n    },\n    launchToast () {\n      this.showToast(\n        this.toastText,\n        {\n          icon: this.toastIcon,\n          position: this.toastPosition,\n          duration: this.toastDuration,\n          fullWidth: this.isToastFullWidth,\n        },\n      )\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.toasted-container.sample-toasted-container {\n  position: static;\n  transform: translateX(0);\n\n  .toasted {\n    position: static;\n    transform: translateY(0);\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notifications.vue?vue&type=template&id=d53ddf62&scoped=true&\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Notifications.vue?vue&type=style&index=0&id=d53ddf62&prod&lang=scss&scoped=true&\"\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  \"d53ddf62\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=style&index=0&id=d53ddf62&prod&lang=scss&scoped=true&\""],"sourceRoot":""}