{"map":"{\"version\":3,\"sources\":[\"D:\\\\Atom\\\\Git\\\\CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!D:\\\\Atom\\\\Git\\\\CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Atom\\\\Git\\\\CSSD\\\\resources\\\\js\\\\vue\\\\views\\\\NotWorking\\\\Notifications.vue?vue&type=template&id=6f69da34&\",\"D:\\\\Atom\\\\Git\\\\CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\loaders\\\\pitcher.js??ref--4!D:\\\\Atom\\\\Git\\\\CSSD\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js??ref--4-0!D:\\\\Atom\\\\Git\\\\CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Atom\\\\Git\\\\CSSD\\\\resources\\\\js\\\\vue\\\\views\\\\NotWorking\\\\Notifications.vue?vue&type=script&lang=js&\",\"resources/js/vue/views/NotWorking/Notifications.vue\",\"D:\\\\Atom\\\\Git\\\\CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Atom\\\\Git\\\\CSSD\\\\resources\\\\js\\\\vue\\\\views\\\\NotWorking\\\\Notifications.vue\"],\"names\":[\"NotWorking_Notificationsvue_type_script_lang_js_\",\"data\",\"color\",\"colors\",\"top\",\"bottom\",\"left\",\"right\",\"snackbar\",\"methods\",\"snack\",\"this\",\"_len\",\"arguments\",\"length\",\"args\",\"Array\",\"_key\",\"_i\",\"_args\",\"Math\",\"floor\",\"random\",\"component\",\"Object\",\"componentNormalizer\",\"_vm\",\"_h\",\"$createElement\",\"_c\",\"_self\",\"attrs\",\"fluid\",\"grid-list-xl\",\"fill-height\",\"justify-center\",\"align-center\",\"xs12\",\"slot\",\"staticClass\",\"_v\",\"size\",\"row\",\"wrap\",\"md6\",\"sm12\",\"dismissible\",\"icon\",\"grid-list-lg\",\"sm4\",\"block\",\"on\",\"click\",\"$event\",\"dark\",\"model\",\"value\",\"callback\",\"$$v\",\"expression\",\"__webpack_exports__\"],\"mappings\":\"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\",\"sourcesContent\":[\"var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\\\"fluid\\\":\\\"\\\",\\\"grid-list-xl\\\":\\\"\\\",\\\"fill-height\\\":\\\"\\\"}},[_c('v-layout',{attrs:{\\\"justify-center\\\":\\\"\\\",\\\"align-center\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\"}},[_c('material-card',{attrs:{\\\"color\\\":\\\"green\\\"}},[_c('div',{attrs:{\\\"slot\\\":\\\"header\\\"},slot:\\\"header\\\"},[_c('div',{staticClass:\\\"title font-weight-light mb-2\\\"},[_vm._v(\\\"Notifications\\\")]),_vm._v(\\\" \\\"),_c('div',{staticClass:\\\"category\\\"},[_vm._v(\\\"\\\\n            Handcrafted by us with\\\\n            \\\"),_c('v-icon',{attrs:{\\\"size\\\":\\\"17\\\"}},[_vm._v(\\\"\\\\n              mdi-heart\\\\n            \\\")])],1)]),_vm._v(\\\" \\\"),_c('v-card-text',[_c('v-layout',{attrs:{\\\"row\\\":\\\"\\\",\\\"wrap\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"md6\\\":\\\"\\\",\\\"sm12\\\":\\\"\\\"}},[_c('h2',{staticClass:\\\"title font-weight-light mb-3\\\"},[_vm._v(\\\"Notifications Style\\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\"}},[_vm._v(\\\"\\\\n                This is a plain notification\\\\n              \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\",\\\"dismissible\\\":\\\"\\\"}},[_vm._v(\\\"\\\\n                This is a notification with close button.\\\\n              \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\",\\\"dismissible\\\":\\\"\\\",\\\"icon\\\":\\\"mdi-bell-plus\\\"}},[_vm._v(\\\"\\\\n\\\\n                This is a notification with close button and icon.\\\\n              \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\",\\\"dismissible\\\":\\\"\\\",\\\"icon\\\":\\\"mdi-bell-plus\\\"}},[_vm._v(\\\"\\\\n\\\\n                This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.\\\\n              \\\")])],1),_vm._v(\\\" \\\"),_c('v-flex',{attrs:{\\\"md6\\\":\\\"\\\",\\\"sm12\\\":\\\"\\\"}},[_c('h2',{staticClass:\\\"title font-weight-light\\\"},[_vm._v(\\\"Notifcation States\\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"INFO\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"info\\\\\\\"`\\\\n              \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"success\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"SUCCESS\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"success\\\\\\\"`\\\\n              \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"warning\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"WARNING\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"warning\\\\\\\"`\\\\n              \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"error\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"DANGER\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"error\\\\\\\"`\\\\n              \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"purple\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"PRIMARY\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"purple\\\\\\\"`\\\\n              \\\")])],1)],1),_vm._v(\\\" \\\"),_c('div',{staticClass:\\\"text-xs-center\\\"},[_c('h2',{staticClass:\\\"title font-weight-light mb-2\\\"},[_vm._v(\\\"Notification Places\\\")]),_vm._v(\\\" \\\"),_c('span',{staticClass:\\\" subheading font-weight-light grey--text\\\"},[_vm._v(\\\"Click to view notifications\\\")])]),_vm._v(\\\" \\\"),_c('v-container',{attrs:{\\\"grid-list-lg\\\":\\\"\\\"}},[_c('v-layout',{attrs:{\\\"justify-center\\\":\\\"\\\",\\\"row\\\":\\\"\\\",\\\"wrap\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('top', 'left')}}},[_vm._v(\\\"\\\\n                  Top Left\\\\n                \\\")])],1),_vm._v(\\\" \\\"),_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('top')}}},[_vm._v(\\\"\\\\n                  Top Center\\\\n                \\\")])],1)],1),_vm._v(\\\" \\\"),_c('v-layout',{attrs:{\\\"justify-center\\\":\\\"\\\",\\\"row\\\":\\\"\\\",\\\"wrap\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('top', 'right')}}},[_vm._v(\\\"\\\\n                  Top Right\\\\n                \\\")])],1),_vm._v(\\\" \\\"),_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('bottom', 'left')}}},[_vm._v(\\\"\\\\n                  Bottom Left\\\\n                \\\")])],1)],1),_vm._v(\\\" \\\"),_c('v-layout',{attrs:{\\\"justify-center\\\":\\\"\\\",\\\"row\\\":\\\"\\\",\\\"wrap\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('bottom')}}},[_vm._v(\\\"\\\\n                  Bottom Center\\\\n                \\\")])],1),_vm._v(\\\" \\\"),_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('bottom', 'right')}}},[_vm._v(\\\"\\\\n                  Bottom Right\\\\n                \\\")])],1)],1)],1),_vm._v(\\\" \\\"),_c('v-snackbar',{attrs:{\\\"color\\\":_vm.color,\\\"bottom\\\":_vm.bottom,\\\"top\\\":_vm.top,\\\"left\\\":_vm.left,\\\"right\\\":_vm.right,\\\"dark\\\":\\\"\\\"},model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\\\"snackbar\\\"}},[_c('v-icon',{staticClass:\\\"mr-3\\\",attrs:{\\\"color\\\":\\\"white\\\"}},[_vm._v(\\\"\\\\n              mdi-bell-plus\\\\n            \\\")]),_vm._v(\\\" \\\"),_c('div',[_vm._v(\\\"Welcome to \\\"),_c('b',[_vm._v(\\\"Vue Material Dashboard\\\")]),_vm._v(\\\" - a beautiful freebie for every web developer.\\\")]),_vm._v(\\\" \\\"),_c('v-icon',{attrs:{\\\"size\\\":\\\"16\\\"},on:{\\\"click\\\":function($event){_vm.snackbar = false}}},[_vm._v(\\\"\\\\n              mdi-close-circle\\\\n            \\\")])],1)],1)],1)],1)],1)],1)}\\nvar staticRenderFns = []\\n\\nexport { render, staticRenderFns }\",\"import mod from \\\"-!../../../../../node_modules/babel-loader/lib/index.js??ref--4-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/babel-loader/lib/index.js??ref--4-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\\\"\",\"<template>\\n  <v-container\\n    fluid\\n    grid-list-xl\\n    fill-height>\\n    <v-layout\\n      justify-center\\n      align-center\\n    >\\n      <v-flex xs12>\\n        <material-card\\n          color=\\\"green\\\">\\n          <div\\n            slot=\\\"header\\\"\\n          >\\n            <div class=\\\"title font-weight-light mb-2\\\">Notifications</div>\\n            <div class=\\\"category\\\">\\n              Handcrafted by us with\\n              <v-icon\\n                size=\\\"17\\\"\\n              >\\n                mdi-heart\\n              </v-icon>\\n            </div>\\n          </div>\\n\\n          <v-card-text>\\n            <v-layout\\n              row\\n              wrap>\\n              <v-flex\\n                md6\\n                sm12>\\n                <h2 class=\\\"title font-weight-light mb-3\\\">Notifications Style</h2>\\n\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"info\\\"\\n                >\\n                  This is a plain notification\\n                </material-notification>\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"info\\\"\\n                  dismissible\\n                >\\n                  This is a notification with close button.\\n                </material-notification>\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"info\\\"\\n                  dismissible\\n                  icon=\\\"mdi-bell-plus\\\"\\n                >\\n\\n                  This is a notification with close button and icon.\\n                </material-notification>\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"info\\\"\\n                  dismissible\\n                  icon=\\\"mdi-bell-plus\\\"\\n                >\\n\\n                  This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.\\n                </material-notification>\\n              </v-flex>\\n\\n              <v-flex\\n                md6\\n                sm12>\\n                <h2 class=\\\"title font-weight-light\\\">Notifcation States</h2>\\n\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"info\\\"\\n                  dismissible\\n                >\\n                  <strong>INFO</strong> - This is a regular notification made with `color=\\\"info\\\"`\\n                </material-notification>\\n\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"success\\\"\\n                  dismissible\\n                >\\n                  <strong>SUCCESS</strong> - This is a regular notification made with `color=\\\"success\\\"`\\n                </material-notification>\\n\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"warning\\\"\\n                  dismissible\\n                >\\n                  <strong>WARNING</strong> - This is a regular notification made with `color=\\\"warning\\\"`\\n                </material-notification>\\n\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"error\\\"\\n                  dismissible\\n                >\\n                  <strong>DANGER</strong> - This is a regular notification made with `color=\\\"error\\\"`\\n                </material-notification>\\n\\n                <material-notification\\n                  class=\\\"mb-3\\\"\\n                  color=\\\"purple\\\"\\n                  dismissible\\n                >\\n                  <strong>PRIMARY</strong> - This is a regular notification made with `color=\\\"purple\\\"`\\n                </material-notification>\\n              </v-flex>\\n            </v-layout>\\n            <div class=\\\"text-xs-center\\\">\\n              <h2 class=\\\"title font-weight-light mb-2\\\">Notification Places</h2>\\n              <span class=\\\" subheading font-weight-light grey--text\\\">Click to view notifications</span>\\n            </div>\\n\\n            <v-container grid-list-lg>\\n              <v-layout\\n                justify-center\\n                row\\n                wrap>\\n                <v-flex\\n                  xs12\\n                  sm4>\\n                  <v-btn\\n                    block\\n                    color=\\\"success\\\"\\n                    @click=\\\"snack('top', 'left')\\\"\\n                  >\\n                    Top Left\\n                  </v-btn>\\n                </v-flex>\\n                <v-flex\\n                  xs12\\n                  sm4>\\n                  <v-btn\\n                    block\\n                    color=\\\"success\\\"\\n                    @click=\\\"snack('top')\\\"\\n                  >\\n                    Top Center\\n                  </v-btn>\\n                </v-flex>\\n              </v-layout>\\n              <v-layout\\n                justify-center\\n                row\\n                wrap>\\n                <v-flex\\n                  xs12\\n                  sm4>\\n                  <v-btn\\n                    block\\n                    color=\\\"success\\\"\\n                    @click=\\\"snack('top', 'right')\\\"\\n                  >\\n                    Top Right\\n                  </v-btn>\\n                </v-flex>\\n                <v-flex\\n                  xs12\\n                  sm4>\\n                  <v-btn\\n                    block\\n                    color=\\\"success\\\"\\n                    @click=\\\"snack('bottom', 'left')\\\"\\n                  >\\n                    Bottom Left\\n                  </v-btn>\\n                </v-flex>\\n              </v-layout>\\n              <v-layout\\n                justify-center\\n                row\\n                wrap>\\n                <v-flex\\n                  xs12\\n                  sm4>\\n                  <v-btn\\n                    block\\n                    color=\\\"success\\\"\\n                    @click=\\\"snack('bottom')\\\"\\n                  >\\n                    Bottom Center\\n                  </v-btn>\\n                </v-flex>\\n                <v-flex\\n                  xs12\\n                  sm4>\\n                  <v-btn\\n                    block\\n                    color=\\\"success\\\"\\n                    @click=\\\"snack('bottom', 'right')\\\"\\n                  >\\n                    Bottom Right\\n                  </v-btn>\\n                </v-flex>\\n              </v-layout>\\n            </v-container>\\n\\n            <v-snackbar\\n              :color=\\\"color\\\"\\n              :bottom=\\\"bottom\\\"\\n              :top=\\\"top\\\"\\n              :left=\\\"left\\\"\\n              :right=\\\"right\\\"\\n              v-model=\\\"snackbar\\\"\\n              dark\\n            >\\n              <v-icon\\n                color=\\\"white\\\"\\n                class=\\\"mr-3\\\"\\n              >\\n                mdi-bell-plus\\n              </v-icon>\\n              <div>Welcome to <b>Vue Material Dashboard</b> - a beautiful freebie for every web developer.</div>\\n              <v-icon\\n                size=\\\"16\\\"\\n                @click=\\\"snackbar = false\\\"\\n              >\\n                mdi-close-circle\\n              </v-icon>\\n            </v-snackbar>\\n          </v-card-text>\\n        </material-card>\\n      </v-flex>\\n    </v-layout>\\n  </v-container>\\n</template>\\n\\n<script>\\nexport default {\\n  data: () => ({\\n    color: null,\\n    colors: [\\n      'purple',\\n      'info',\\n      'success',\\n      'warning',\\n      'error'\\n    ],\\n    top: true,\\n    bottom: false,\\n    left: false,\\n    right: false,\\n    snackbar: false\\n  }),\\n\\n  methods: {\\n    snack (...args) {\\n      this.top = false\\n      this.bottom = false\\n      this.left = false\\n      this.right = false\\n\\n      for (const loc of args) {\\n        this[loc] = true\\n      }\\n\\n      this.color = this.colors[Math.floor(Math.random() * this.colors.length)]\\n\\n      this.snackbar = true\\n    }\\n  }\\n}\\n</script>\\n\",\"import { render, staticRenderFns } from \\\"./Notifications.vue?vue&type=template&id=6f69da34&\\\"\\nimport script from \\\"./Notifications.vue?vue&type=script&lang=js&\\\"\\nexport * from \\\"./Notifications.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\"]}","code":"(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{UhZh:function(t,i,s){\"use strict\";s.r(i);var o={data:function(){return{color:null,colors:[\"purple\",\"info\",\"success\",\"warning\",\"error\"],top:!0,bottom:!1,left:!1,right:!1,snackbar:!1}},methods:{snack:function(){this.top=!1,this.bottom=!1,this.left=!1,this.right=!1;for(var t=arguments.length,i=new Array(t),s=0;s<t;s++)i[s]=arguments[s];for(var o=0,a=i;o<a.length;o++){this[a[o]]=!0}this.color=this.colors[Math.floor(Math.random()*this.colors.length)],this.snackbar=!0}}},a=s(\"KHd+\"),n=Object(a.a)(o,function(){var t=this,i=t.$createElement,s=t._self._c||i;return s(\"v-container\",{attrs:{fluid:\"\",\"grid-list-xl\":\"\",\"fill-height\":\"\"}},[s(\"v-layout\",{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[s(\"v-flex\",{attrs:{xs12:\"\"}},[s(\"material-card\",{attrs:{color:\"green\"}},[s(\"div\",{attrs:{slot:\"header\"},slot:\"header\"},[s(\"div\",{staticClass:\"title font-weight-light mb-2\"},[t._v(\"Notifications\")]),t._v(\" \"),s(\"div\",{staticClass:\"category\"},[t._v(\"\\n            Handcrafted by us with\\n            \"),s(\"v-icon\",{attrs:{size:\"17\"}},[t._v(\"\\n              mdi-heart\\n            \")])],1)]),t._v(\" \"),s(\"v-card-text\",[s(\"v-layout\",{attrs:{row:\"\",wrap:\"\"}},[s(\"v-flex\",{attrs:{md6:\"\",sm12:\"\"}},[s(\"h2\",{staticClass:\"title font-weight-light mb-3\"},[t._v(\"Notifications Style\")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\"}},[t._v(\"\\n                This is a plain notification\\n              \")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\",dismissible:\"\"}},[t._v(\"\\n                This is a notification with close button.\\n              \")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\",dismissible:\"\",icon:\"mdi-bell-plus\"}},[t._v(\"\\n\\n                This is a notification with close button and icon.\\n              \")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\",dismissible:\"\",icon:\"mdi-bell-plus\"}},[t._v(\"\\n\\n                This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.\\n              \")])],1),t._v(\" \"),s(\"v-flex\",{attrs:{md6:\"\",sm12:\"\"}},[s(\"h2\",{staticClass:\"title font-weight-light\"},[t._v(\"Notifcation States\")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\",dismissible:\"\"}},[s(\"strong\",[t._v(\"INFO\")]),t._v(' - This is a regular notification made with `color=\"info\"`\\n              ')]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"success\",dismissible:\"\"}},[s(\"strong\",[t._v(\"SUCCESS\")]),t._v(' - This is a regular notification made with `color=\"success\"`\\n              ')]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"warning\",dismissible:\"\"}},[s(\"strong\",[t._v(\"WARNING\")]),t._v(' - This is a regular notification made with `color=\"warning\"`\\n              ')]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"error\",dismissible:\"\"}},[s(\"strong\",[t._v(\"DANGER\")]),t._v(' - This is a regular notification made with `color=\"error\"`\\n              ')]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"purple\",dismissible:\"\"}},[s(\"strong\",[t._v(\"PRIMARY\")]),t._v(' - This is a regular notification made with `color=\"purple\"`\\n              ')])],1)],1),t._v(\" \"),s(\"div\",{staticClass:\"text-xs-center\"},[s(\"h2\",{staticClass:\"title font-weight-light mb-2\"},[t._v(\"Notification Places\")]),t._v(\" \"),s(\"span\",{staticClass:\" subheading font-weight-light grey--text\"},[t._v(\"Click to view notifications\")])]),t._v(\" \"),s(\"v-container\",{attrs:{\"grid-list-lg\":\"\"}},[s(\"v-layout\",{attrs:{\"justify-center\":\"\",row:\"\",wrap:\"\"}},[s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"top\",\"left\")}}},[t._v(\"\\n                  Top Left\\n                \")])],1),t._v(\" \"),s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"top\")}}},[t._v(\"\\n                  Top Center\\n                \")])],1)],1),t._v(\" \"),s(\"v-layout\",{attrs:{\"justify-center\":\"\",row:\"\",wrap:\"\"}},[s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"top\",\"right\")}}},[t._v(\"\\n                  Top Right\\n                \")])],1),t._v(\" \"),s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"bottom\",\"left\")}}},[t._v(\"\\n                  Bottom Left\\n                \")])],1)],1),t._v(\" \"),s(\"v-layout\",{attrs:{\"justify-center\":\"\",row:\"\",wrap:\"\"}},[s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"bottom\")}}},[t._v(\"\\n                  Bottom Center\\n                \")])],1),t._v(\" \"),s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"bottom\",\"right\")}}},[t._v(\"\\n                  Bottom Right\\n                \")])],1)],1)],1),t._v(\" \"),s(\"v-snackbar\",{attrs:{color:t.color,bottom:t.bottom,top:t.top,left:t.left,right:t.right,dark:\"\"},model:{value:t.snackbar,callback:function(i){t.snackbar=i},expression:\"snackbar\"}},[s(\"v-icon\",{staticClass:\"mr-3\",attrs:{color:\"white\"}},[t._v(\"\\n              mdi-bell-plus\\n            \")]),t._v(\" \"),s(\"div\",[t._v(\"Welcome to \"),s(\"b\",[t._v(\"Vue Material Dashboard\")]),t._v(\" - a beautiful freebie for every web developer.\")]),t._v(\" \"),s(\"v-icon\",{attrs:{size:\"16\"},on:{click:function(i){t.snackbar=!1}}},[t._v(\"\\n              mdi-close-circle\\n            \")])],1)],1)],1)],1)],1)],1)},[],!1,null,null,null);i.default=n.exports}}]);","extractedComments":[]}