{"version":3,"sources":["webpack:///C:/Users/jwercberger/source/repos/Payments/AdminPortal/wwwroot/Frontend/src/views/Notifications.vue?c68e","webpack:///src/views/Notifications.vue","webpack:///C:/Users/jwercberger/source/repos/Payments/AdminPortal/wwwroot/Frontend/src/views/Notifications.vue?54b2","webpack:///C:/Users/jwercberger/source/repos/Payments/AdminPortal/wwwroot/Frontend/src/views/Notifications.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","fluid","grid-list-xl","fill-height","justify-center","align-center","xs12","color","slot","staticClass","_v","size","row","wrap","md6","sm12","dismissible","icon","grid-list-lg","sm4","block","on","click","$event","snack","bottom","top","left","right","dark","model","value","callback","$$v","snackbar","expression","staticRenderFns","Notificationsvue_type_script_lang_js_","data","colors","methods","_len","arguments","length","args","Array","_key","_arr","_i","loc","Math","floor","random","views_Notificationsvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d23822a.7469512d.js","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\")]),_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)]),_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\")]),_c('material-notification',{staticClass:\"mb-3\",attrs:{\"color\":\"info\"}},[_vm._v(\"\\n                This is a plain notification\\n              \")]),_c('material-notification',{staticClass:\"mb-3\",attrs:{\"color\":\"info\",\"dismissible\":\"\"}},[_vm._v(\"\\n                This is a notification with close button.\\n              \")]),_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              \")]),_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),_c('v-flex',{attrs:{\"md6\":\"\",\"sm12\":\"\"}},[_c('h2',{staticClass:\"title font-weight-light\"},[_vm._v(\"Notifcation States\")]),_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              \")]),_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              \")]),_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              \")]),_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              \")]),_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),_c('div',{staticClass:\"text-xs-center\"},[_c('h2',{staticClass:\"title font-weight-light mb-2\"},[_vm._v(\"Notification Places\")]),_c('span',{staticClass:\" subheading font-weight-light grey--text\"},[_vm._v(\"Click to view notifications\")])]),_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),_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),_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),_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),_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),_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),_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            \")]),_c('div',[_vm._v(\"Welcome to \"),_c('b',[_vm._v(\"Vue Material Dashboard\")]),_vm._v(\" - a beautiful freebie for every web developer.\")]),_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 }","<template>\r\n  <v-container\r\n    fluid\r\n    grid-list-xl\r\n    fill-height>\r\n    <v-layout\r\n      justify-center\r\n      align-center\r\n    >\r\n      <v-flex xs12>\r\n        <material-card\r\n          color=\"green\">\r\n          <div\r\n            slot=\"header\"\r\n          >\r\n            <div class=\"title font-weight-light mb-2\">Notifications</div>\r\n            <div class=\"category\">\r\n              Handcrafted by us with\r\n              <v-icon\r\n                size=\"17\"\r\n              >\r\n                mdi-heart\r\n              </v-icon>\r\n            </div>\r\n          </div>\r\n\r\n          <v-card-text>\r\n            <v-layout\r\n              row\r\n              wrap>\r\n              <v-flex\r\n                md6\r\n                sm12>\r\n                <h2 class=\"title font-weight-light mb-3\">Notifications Style</h2>\r\n\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"info\"\r\n                >\r\n                  This is a plain notification\r\n                </material-notification>\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"info\"\r\n                  dismissible\r\n                >\r\n                  This is a notification with close button.\r\n                </material-notification>\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"info\"\r\n                  dismissible\r\n                  icon=\"mdi-bell-plus\"\r\n                >\r\n\r\n                  This is a notification with close button and icon.\r\n                </material-notification>\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"info\"\r\n                  dismissible\r\n                  icon=\"mdi-bell-plus\"\r\n                >\r\n\r\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.\r\n                </material-notification>\r\n              </v-flex>\r\n\r\n              <v-flex\r\n                md6\r\n                sm12>\r\n                <h2 class=\"title font-weight-light\">Notifcation States</h2>\r\n\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"info\"\r\n                  dismissible\r\n                >\r\n                  <strong>INFO</strong> - This is a regular notification made with `color=\"info\"`\r\n                </material-notification>\r\n\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"success\"\r\n                  dismissible\r\n                >\r\n                  <strong>SUCCESS</strong> - This is a regular notification made with `color=\"success\"`\r\n                </material-notification>\r\n\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"warning\"\r\n                  dismissible\r\n                >\r\n                  <strong>WARNING</strong> - This is a regular notification made with `color=\"warning\"`\r\n                </material-notification>\r\n\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"error\"\r\n                  dismissible\r\n                >\r\n                  <strong>DANGER</strong> - This is a regular notification made with `color=\"error\"`\r\n                </material-notification>\r\n\r\n                <material-notification\r\n                  class=\"mb-3\"\r\n                  color=\"purple\"\r\n                  dismissible\r\n                >\r\n                  <strong>PRIMARY</strong> - This is a regular notification made with `color=\"purple\"`\r\n                </material-notification>\r\n              </v-flex>\r\n            </v-layout>\r\n            <div class=\"text-xs-center\">\r\n              <h2 class=\"title font-weight-light mb-2\">Notification Places</h2>\r\n              <span class=\" subheading font-weight-light grey--text\">Click to view notifications</span>\r\n            </div>\r\n\r\n            <v-container grid-list-lg>\r\n              <v-layout\r\n                justify-center\r\n                row\r\n                wrap>\r\n                <v-flex\r\n                  xs12\r\n                  sm4>\r\n                  <v-btn\r\n                    block\r\n                    color=\"success\"\r\n                    @click=\"snack('top', 'left')\"\r\n                  >\r\n                    Top Left\r\n                  </v-btn>\r\n                </v-flex>\r\n                <v-flex\r\n                  xs12\r\n                  sm4>\r\n                  <v-btn\r\n                    block\r\n                    color=\"success\"\r\n                    @click=\"snack('top')\"\r\n                  >\r\n                    Top Center\r\n                  </v-btn>\r\n                </v-flex>\r\n              </v-layout>\r\n              <v-layout\r\n                justify-center\r\n                row\r\n                wrap>\r\n                <v-flex\r\n                  xs12\r\n                  sm4>\r\n                  <v-btn\r\n                    block\r\n                    color=\"success\"\r\n                    @click=\"snack('top', 'right')\"\r\n                  >\r\n                    Top Right\r\n                  </v-btn>\r\n                </v-flex>\r\n                <v-flex\r\n                  xs12\r\n                  sm4>\r\n                  <v-btn\r\n                    block\r\n                    color=\"success\"\r\n                    @click=\"snack('bottom', 'left')\"\r\n                  >\r\n                    Bottom Left\r\n                  </v-btn>\r\n                </v-flex>\r\n              </v-layout>\r\n              <v-layout\r\n                justify-center\r\n                row\r\n                wrap>\r\n                <v-flex\r\n                  xs12\r\n                  sm4>\r\n                  <v-btn\r\n                    block\r\n                    color=\"success\"\r\n                    @click=\"snack('bottom')\"\r\n                  >\r\n                    Bottom Center\r\n                  </v-btn>\r\n                </v-flex>\r\n                <v-flex\r\n                  xs12\r\n                  sm4>\r\n                  <v-btn\r\n                    block\r\n                    color=\"success\"\r\n                    @click=\"snack('bottom', 'right')\"\r\n                  >\r\n                    Bottom Right\r\n                  </v-btn>\r\n                </v-flex>\r\n              </v-layout>\r\n            </v-container>\r\n\r\n            <v-snackbar\r\n              :color=\"color\"\r\n              :bottom=\"bottom\"\r\n              :top=\"top\"\r\n              :left=\"left\"\r\n              :right=\"right\"\r\n              v-model=\"snackbar\"\r\n              dark\r\n            >\r\n              <v-icon\r\n                color=\"white\"\r\n                class=\"mr-3\"\r\n              >\r\n                mdi-bell-plus\r\n              </v-icon>\r\n              <div>Welcome to <b>Vue Material Dashboard</b> - a beautiful freebie for every web developer.</div>\r\n              <v-icon\r\n                size=\"16\"\r\n                @click=\"snackbar = false\"\r\n              >\r\n                mdi-close-circle\r\n              </v-icon>\r\n            </v-snackbar>\r\n          </v-card-text>\r\n        </material-card>\r\n      </v-flex>\r\n    </v-layout>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: () => ({\r\n    color: null,\r\n    colors: [\r\n      'purple',\r\n      'info',\r\n      'success',\r\n      'warning',\r\n      'error'\r\n    ],\r\n    top: true,\r\n    bottom: false,\r\n    left: false,\r\n    right: false,\r\n    snackbar: false\r\n  }),\r\n\r\n  methods: {\r\n    snack (...args) {\r\n      this.top = false\r\n      this.bottom = false\r\n      this.left = false\r\n      this.right = false\r\n\r\n      for (const loc of args) {\r\n        this[loc] = true\r\n      }\r\n\r\n      this.color = this.colors[Math.floor(Math.random() * this.colors.length)]\r\n\r\n      this.snackbar = true\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-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=535be846&\"\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"],"sourceRoot":""}