vue2-loading-bar.min.js.map

{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///vue2-loading-bar.min.js","webpack:///webpack/bootstrap bc903fd4dde031736a69","webpack:///./src/js/components/index.js"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","name","props","String","customClass","progress","type","Number","default","direction","error","Boolean","onErrorDone","Function","required","onProgressDone","data","show","full","width","wait","myError","render","h","styling","attrs","class","style","watch","val","old","_this","setTimeout","isFull","_this2","methods","_this3"],"mappings":"CAAA,SAAAA,EAAAC,GACA,gBAAAC,UAAA,gBAAAC,QACAA,OAAAD,QAAAD,IACA,kBAAAG,gBAAAC,IACAD,UAAAH,GACA,gBAAAC,SACAA,QAAA,WAAAD,IAEAD,EAAA,WAAAC,KACCK,KAAA,WACD,MCAgB,UAAUC,GCN1B,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAP,OAGA,IAAAC,GAAAO,EAAAD,IACAP,WACAS,GAAAF,EACAG,QAAA,EAUA,OANAL,GAAAE,GAAAI,KAAAV,EAAAD,QAAAC,IAAAD,QAAAM,GAGAL,EAAAS,QAAA,EAGAT,EAAAD,QAvBA,GAAAQ,KAqCA,OATAF,GAAAM,EAAAP,EAGAC,EAAAO,EAAAL,EAGAF,EAAAQ,EAAA,WAGAR,EAAA,KDgBM,SAASL,EAAQD,GAEtB;;;;;;AEjDDC,EAAOD,SACLe,KAAM,aAENC,OACEP,GAAIQ,OACJC,YAAaD,OAEbE,UACEC,KAAMC,OACNC,UAAS,GAIXC,WACEH,KAAMH,OACNK,UAAS,SAGXE,MAAOC,QAEPC,aACEN,KAAMO,SACNC,UAAU,GAGZC,gBACET,KAAMO,SACNC,UAAU,IAKdE,KAhCe,WAkCb,OAEEC,MAAM,EAGNC,KAAM,GAGNC,MAAO,EAGPC,MAAM,EAGNC,SAAS,IAIbC,OApDe,SAoDRC,GAAG,GAENd,GAEYnB,KAFZmB,UAAWL,EAECd,KAFDc,YAAaT,EAEZL,KAFYK,GACjBsB,GACK3B,KADZ6B,MACY7B,KADL2B,MAAMC,EACD5B,KADC4B,KAAMG,EACP/B,KADO+B,QACnBG,EAAYlC,KAAZkC,OAEF,OACED,GAAA,YACIN,EACAM,EAAA,OAAAE,OACE9B,GAAKA,EAAKA,EAAK,MACf+B,QACE,6BAA+BjB,EAAY,KACzCL,EAAcA,EAAc,KAC5BiB,EAAU,oBAAsB,KAChCH,EAAO,mBAAqB,IAEhCS,MAAQH,MACRD,EAAA,OAAKG,QAAM,yBAEb,QAKRE,OACEvB,SADI,SACKwB,EAAIC,GAAI,GAAAC,GAAAzC,IACZwC,KAAQD,IACTvC,KAAK6B,MAAQU,EACbG,WAAW,WACTD,EAAKE,aAKXvB,MAVI,SAUEmB,EAAIC,GAAI,GAAAI,GAAA5C,IACTwC,KAAQD,GACNA,IACDvC,KAAK6B,MAAQ,IACb7B,KAAK+B,SAAU,EACfW,WAAW,WACTE,EAAKD,cAQfE,SAEEF,OAFO,QAAAA,KAEE,GAAAG,GAAA9C,KAEH2C,EAAwB,MAAf3C,KAAK6B,KAGfc,KAED3C,KAAK8B,MAAO,EAGZY,WAAW,WAGTI,EAAKlB,MAAO,EACZkB,EAAKf,SAAU,EAEfe,EAAKxB,cAELoB,WAAW,WAETI,EAAKnB,MAAO,EAEZmB,EAAKjB,MAAQ,EACbiB,EAAKhB,MAAO,EAEZY,WAAW,WAGTI,EAAKlB,KAAO,GACZkB,EAAKnB,MAAO,EAEZmB,EAAKrB,oBAKP,MAGF,OAINS,QA7CO,WA+CL,MAAIlC,MAAK8B,MAKCD,eAJCA,MAAU7B,KAAK6B,MAAf","file":"vue2-loading-bar.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"LoadingBar\"] = factory();\n\telse\n\t\troot[\"LoadingBar\"] = factory();\n})(this, function() {\nreturn \n\n\n/** WEBPACK FOOTER **\n ** webpack/universalModuleDefinition\n **/","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"LoadingBar\"] = factory();\n\telse\n\t\troot[\"LoadingBar\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"./build/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports) {\n\n\t\"use strict\";\n\t\n\t/*! Copyright (c) 2016 Naufal Rabbani (http://github.com/BosNaufal)\n\t* Licensed Under MIT (http://opensource.org/licenses/MIT)\n\t*\n\t* Vue 2 Loading Bar - Version 0.0.1\n\t*\n\t*/\n\t\n\tmodule.exports = {\n\t  name: \"LoadingBar\",\n\t\n\t  props: {\n\t    id: String,\n\t    customClass: String,\n\t\n\t    progress: {\n\t      type: Number,\n\t      default: 0\n\t    },\n\t\n\t    // the direction of loading bar\n\t    direction: {\n\t      type: String,\n\t      default: \"right\"\n\t    },\n\t\n\t    error: Boolean, // Loading Bar error state\n\t\n\t    onErrorDone: {\n\t      type: Function,\n\t      required: true\n\t    },\n\t\n\t    onProgressDone: {\n\t      type: Function,\n\t      required: true\n\t    }\n\t\n\t  },\n\t\n\t  data: function data() {\n\t\n\t    return {\n\t      // To show\n\t      show: true,\n\t\n\t      // binding class when it end\n\t      full: '',\n\t\n\t      // state to animate the width of loading bar\n\t      width: 0,\n\t\n\t      // indicate the loading bar is in 100% ( so, wait it till gone )\n\t      wait: false,\n\t\n\t      // Error State\n\t      myError: false\n\t    };\n\t  },\n\t  render: function render(h) {\n\t    var direction = this.direction;\n\t    var customClass = this.customClass;\n\t    var id = this.id;\n\t    var width = this.width;\n\t    var show = this.show;\n\t    var full = this.full;\n\t    var myError = this.myError;\n\t    var styling = this.styling;\n\t\n\t\n\t    return h(\n\t      \"div\",\n\t      null,\n\t      [show ? h(\n\t        \"div\",\n\t        {\n\t          attrs: {\n\t            id: id ? id : null\n\t          },\n\t          \"class\": 'LoadingBar LoadingBar--to_' + direction + ' ' + (customClass ? customClass : '') + (myError ? 'LoadingBar--error' : '') + (full ? 'LoadingBar--full' : ''),\n\t          style: styling() },\n\t        [h(\n\t          \"div\",\n\t          { \"class\": \"LoadingBar-glow\" },\n\t          []\n\t        )]\n\t      ) : null]\n\t    );\n\t  },\n\t\n\t\n\t  watch: {\n\t    progress: function progress(val, old) {\n\t      var _this = this;\n\t\n\t      if (old !== val) {\n\t        this.width = val;\n\t        setTimeout(function () {\n\t          _this.isFull();\n\t        });\n\t      }\n\t    },\n\t    error: function error(val, old) {\n\t      var _this2 = this;\n\t\n\t      if (old !== val) {\n\t        if (val) {\n\t          this.width = 100;\n\t          this.myError = true;\n\t          setTimeout(function () {\n\t            _this2.isFull();\n\t          });\n\t        }\n\t      }\n\t    }\n\t  },\n\t\n\t  methods: {\n\t    // Check whether the proggress is full\n\t    isFull: function isFull() {\n\t      var _this3 = this;\n\t\n\t      // Full Indicator\n\t      var isFull = this.width === 100;\n\t\n\t      // When the progress end or full\n\t      if (isFull) {\n\t        // Prevent new progress change\n\t        this.wait = true;\n\t\n\t        // Start animate it\n\t        setTimeout(function () {\n\t\n\t          // animate when element removed\n\t          _this3.full = true;\n\t          _this3.myError = false;\n\t\n\t          _this3.onErrorDone();\n\t\n\t          setTimeout(function () {\n\t            //remove bar element\n\t            _this3.show = false;\n\t            // New Element is available to create now\n\t            _this3.width = 0;\n\t            _this3.wait = false;\n\t\n\t            setTimeout(function () {\n\t\n\t              // Show Bar\n\t              _this3.full = '';\n\t              _this3.show = true;\n\t\n\t              _this3.onProgressDone();\n\t            });\n\t\n\t            // Duration to Waiting for slick hiding animation\n\t          }, 250);\n\t\n\t          // Duration is depend on css animation-duration of loading-bar\n\t        }, 700);\n\t      }\n\t    },\n\t    styling: function styling() {\n\t      // When loading bar still in progress\n\t      if (!this.wait) {\n\t        return { width: this.width + \"%\" };\n\t        // When loading bar end\n\t      } else {\n\t        // Make it stuck at 100 to waiting the animation\n\t        return { width: \"100%\" };\n\t      }\n\t    }\n\t  }\n\t\n\t};\n\n/***/ }\n/******/ ])\n});\n;\n\n\n/** WEBPACK FOOTER **\n ** vue2-loading-bar.min.js\n **/"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./build/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap bc903fd4dde031736a69\n **/","/*! Copyright (c) 2016 Naufal Rabbani (http://github.com/BosNaufal)\n* Licensed Under MIT (http://opensource.org/licenses/MIT)\n*\n* Vue 2 Loading Bar - Version 0.0.1\n*\n*/\n\nmodule.exports = {\n  name: \"LoadingBar\",\n\n  props: {\n    id: String,\n    customClass: String,\n\n    progress: {\n      type: Number,\n      default: 0\n    },\n\n    // the direction of loading bar\n    direction: {\n      type: String,\n      default: \"right\"\n    },\n\n    error: Boolean, // Loading Bar error state\n\n    onErrorDone: {\n      type: Function,\n      required: true\n    },\n\n    onProgressDone: {\n      type: Function,\n      required: true\n    },\n\n  },\n\n  data() {\n\n    return {\n      // To show\n      show: true,\n\n      // binding class when it end\n      full: '',\n\n      // state to animate the width of loading bar\n      width: 0,\n\n      // indicate the loading bar is in 100% ( so, wait it till gone )\n      wait: false,\n\n      // Error State\n      myError: false\n    }\n  },\n\n  render(h) {\n    let {\n      direction, customClass, id,\n      width, show, full, myError,\n      styling } = this\n\n    return(\n      <div>\n        { show ?\n          <div\n            id={ id ? id : null }\n            class={\n              'LoadingBar LoadingBar--to_' + direction + ' ' +\n              ( customClass ? customClass : '' ) +\n              ( myError ? 'LoadingBar--error' : '' ) +\n              ( full ? 'LoadingBar--full' : '')\n            }\n            style={ styling() }>\n            <div class=\"LoadingBar-glow\"></div>\n          </div>\n        : null }\n      </div>\n    )\n  },\n\n  watch:{\n    progress(val,old){\n      if(old !== val){\n        this.width = val\n        setTimeout(() => {\n          this.isFull()\n        })\n      }\n    },\n\n    error(val,old){\n      if(old !== val) {\n        if(val) {\n          this.width = 100\n          this.myError = true\n          setTimeout(() => {\n            this.isFull()\n          })\n        }\n      }\n    }\n\n  },\n\n  methods: {\n    // Check whether the proggress is full\n    isFull() {\n      // Full Indicator\n      let isFull = this.width === 100\n\n      // When the progress end or full\n      if(isFull){\n        // Prevent new progress change\n        this.wait = true\n\n        // Start animate it\n        setTimeout(() => {\n\n          // animate when element removed\n          this.full = true\n          this.myError = false\n\n          this.onErrorDone()\n\n          setTimeout(() => {\n            //remove bar element\n            this.show = false\n            // New Element is available to create now\n            this.width = 0\n            this.wait = false\n\n            setTimeout(() => {\n\n              // Show Bar\n              this.full = ''\n              this.show = true\n\n              this.onProgressDone()\n\n            });\n\n          // Duration to Waiting for slick hiding animation\n          },250);\n\n        // Duration is depend on css animation-duration of loading-bar\n        },700);\n      }\n    },\n\n    styling(){\n      // When loading bar still in progress\n      if(!this.wait){\n        return { width: `${this.width}%` };\n      // When loading bar end\n      }else{\n        // Make it stuck at 100 to waiting the animation\n        return{ width: `100%` };\n      }\n    }\n  },\n\n\n};\n\n\n\n/** WEBPACK FOOTER **\n ** ./src/js/components/index.js\n **/"],"sourceRoot":""}