{"version":3,"sources":["webpack:///./src/views/components/vuesax/loading/Loading.vue?acd8","webpack:///./src/views/components/vuesax/loading/Loading.vue?bbd6","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue?d890","webpack:///src/views/components/vuesax/loading/LoadingDefault.vue","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue?17a1","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue","webpack:///./src/views/components/vuesax/loading/LoadingType.vue?9e9e","webpack:///src/views/components/vuesax/loading/LoadingType.vue","webpack:///./src/views/components/vuesax/loading/LoadingType.vue?7f01","webpack:///./src/views/components/vuesax/loading/LoadingType.vue","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue?cc82","webpack:///src/views/components/vuesax/loading/LoadingColor.vue","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue?ef38","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue?9f24","webpack:///src/views/components/vuesax/loading/LoadingBackground.vue","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue?3a39","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue?2286","webpack:///src/views/components/vuesax/loading/LoadingContained.vue","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue?93f8","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue","webpack:///src/views/components/vuesax/loading/Loading.vue","webpack:///./src/views/components/vuesax/loading/Loading.vue?13b3","webpack:///./src/views/components/vuesax/loading/Loading.vue?2d91"],"names":["_node_modules_vue_cli_service_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_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Loading_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_vue_cli_service_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_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Loading_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","LoadingDefaultvue_type_template_id_8ba5b09a_render","title","code-toggler","_v","staticClass","color","icon","active","type","on","click","openLoading","slot","LoadingDefaultvue_type_template_id_8ba5b09a_staticRenderFns","LoadingDefaultvue_type_script_lang_js_","methods","_this","$vs","loading","setTimeout","close","loading_LoadingDefaultvue_type_script_lang_js_","component","Object","componentNormalizer","LoadingDefault","LoadingTypevue_type_template_id_3864af9a_render","_l","key","class","activeLoading","$event","LoadingTypevue_type_template_id_3864af9a_staticRenderFns","LoadingTypevue_type_script_lang_js_","data","types","mounted","forEach","container","concat","text","_this2","loading_LoadingTypevue_type_script_lang_js_","LoadingType_component","LoadingType","LoadingColorvue_type_template_id_6a46cd50_render","directives","name","rawName","value","expression","domProps","input","target","composing","colorLoading","openLoadingColor","LoadingColorvue_type_template_id_6a46cd50_staticRenderFns","LoadingColorvue_type_script_lang_js_","loading_LoadingColorvue_type_script_lang_js_","LoadingColor_component","LoadingColor","LoadingBackgroundvue_type_template_id_31909e9c_render","backgroundLoading","openLoadingBackground","LoadingBackgroundvue_type_template_id_31909e9c_staticRenderFns","LoadingBackgroundvue_type_script_lang_js_","background","loading_LoadingBackgroundvue_type_script_lang_js_","LoadingBackground_component","LoadingBackground","LoadingContainedvue_type_template_id_c2101150_render","ref","vslor","openLoadingContained","openLoadingInDiv","LoadingContainedvue_type_template_id_c2101150_staticRenderFns","LoadingContainedvue_type_script_lang_js_","scale","loading_LoadingContainedvue_type_script_lang_js_","LoadingContained_component","LoadingContained","Loadingvue_type_script_lang_js_","components","loading_Loadingvue_type_script_lang_js_","Loading_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-b2ea3a30.f61654fa.js","sourcesContent":["import mod from \"-!../../../../../node_modules/@vue/cli-service/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/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/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/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"loading-demo\"}},[_c('loading-default'),_c('loading-type'),_c('loading-color'),_c('loading-background'),_c('loading-contained')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To add a loading in any part of your application we have the global function \"),_c('code',[_vm._v(\"$vs.loading()\")]),_vm._v(\", and then when you want to remove it we have \"),_c('code',[_vm._v(\"$vs.loading.close()\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"For the examples, the request or the delay is simulated with \"),_c('code',[_vm._v(\"setTimeout\")])])]),_c('div',{staticClass:\"mt-5\"},[_c('vs-button',{attrs:{\"type\":\"filled\",\"color\":\"primary\"},on:{\"click\":_vm.openLoading}},[_vm._v(\"Loading Default\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n    <vs-button @click=\\\"openLoading\\\" type=\\\"filled\\\" color=\\\"primary\\\">Loading Default</vs-button>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  methods:{\\n    openLoading(){\\n      this.$vs.loading()\\n      setTimeout( ()=> {\\n        this.$vs.loading.close()\\n      }, 2000);\\n    },\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: LoadingDefault.vue\r\n    Description: Add default loading to your application\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Default\" code-toggler>\r\n        \r\n        <p>To add a loading in any part of your application we have the global function <code>$vs.loading()</code>, and then when you want to remove it we have <code>$vs.loading.close()</code></p>\r\n\r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n            <p>For the examples, the request or the delay is simulated with <code>setTimeout</code></p>\r\n        </vs-alert>\r\n\r\n        <div class=\"mt-5\">\r\n            <vs-button @click=\"openLoading\" type=\"filled\" color=\"primary\">Loading Default</vs-button>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n    &lt;vs-button @click=&quot;openLoading&quot; type=&quot;filled&quot; color=&quot;primary&quot;&gt;Loading Default&lt;/vs-button&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  methods:{\r\n    openLoading(){\r\n      this.$vs.loading()\r\n      setTimeout( ()=&gt; {\r\n        this.$vs.loading.close()\r\n      }, 2000);\r\n    },\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    methods: {\r\n        openLoading() {\r\n            this.$vs.loading();\r\n            setTimeout(() => {\r\n                this.$vs.loading.close()\r\n            }, 40000);\r\n        },\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./LoadingDefault.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/@vue/cli-plugin-babel/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!./LoadingDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingDefault.vue?vue&type=template&id=8ba5b09a&\"\nimport script from \"./LoadingDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingDefault.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Type\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the type of animation with the type property and the animations so far are:\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('div',{staticClass:\"fill-row-loading\"},_vm._l((_vm.types),function(type){return _c('div',{key:type,staticClass:\"vs-con-loading__container loading-example\",class:{'activeLoading':_vm.activeLoading},attrs:{\"id\":[(\"loading-\" + type)]},on:{\"click\":function($event){return _vm.openLoading(type)}}})}),0)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"demo-alignment\\\">\\n      <div class=\\\"fill-row-loading\\\">\\n        <div :class=\\\"{'activeLoading':activeLoading}\\\" @click=\\\"openLoading(type)\\\" v-for=\\\"type in types\\\" :id=\\\"[`loading-${type}`]\\\" class=\\\"vs-con-loading__container loading-example\\\">\\n        </div>\\n      </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data:()=>({\\n    types:[\\n      'default',\\n      'point',\\n      'radius',\\n      'corners',\\n      'border',\\n      'sound',\\n      'material',\\n    ],\\n    activeLoading:false,\\n  }),\\n  mounted(){\\n    this.types.forEach((type)=>{\\n      this.$vs.loading({\\n        container: `#loading-${type}`,\\n        type,\\n        text:type\\n      })\\n    })\\n  },\\n  methods:{\\n    openLoading(type){\\n      this.activeLoading = true\\n      this.$vs.loading({\\n        type:type,\\n      })\\n      setTimeout( ()=> {\\n        this.activeLoading = false\\n        this.$vs.loading.close()\\n      }, 3000);\\n    },\\n  }\\n}\\n</script>\\n\\n<style lang=\\\"scss\\\">\\n.fill-row-loading {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  flex-wrap: wrap;\\n  .loading-example {\\n    width: 120px;\\n    float: left;\\n    height: 120px;\\n    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);\\n    border-radius: 10px;\\n    margin: 8px;\\n    transition: all 0.3s ease;\\n    cursor: pointer;\\n    &:hover {\\n      box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);\\n      transform: translate(0, 4px);\\n    }\\n    h4 {\\n      z-index: 40000;\\n      position: relative;\\n      text-align: center;\\n      padding: 10px;\\n    }\\n    &.activeLoading {\\n      opacity: 0 !important;\\n      transform: scale(0.5);\\n    }\\n  }\\n}\\n</style>\\n\\t\\t\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: LoadingType.vue\r\n\tDescription: Change the type of the animation\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n\t<vx-card title=\"Type\" code-toggler>\r\n\t\t\r\n\t\t<p>You can change the type of animation with the type property and the animations so far are:</p>\r\n\r\n\t\t<div class=\"demo-alignment\">\r\n\r\n\t\t\t<div class=\"fill-row-loading\">\r\n\t\t\t\t<div\r\n\t\t\t\t\t:class=\"{'activeLoading':activeLoading}\"\r\n\t\t\t\t\t@click=\"openLoading(type)\"\r\n\t\t\t\t\tv-for=\"type in types\"\r\n\t\t\t\t\t:key=\"type\"\r\n\t\t\t\t\t:id=\"[`loading-${type}`]\"\r\n\t\t\t\t\tclass=\"vs-con-loading__container loading-example\">\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<template slot=\"codeContainer\">\r\n&lt;template lang=&quot;html&quot;&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n      &lt;div class=&quot;fill-row-loading&quot;&gt;\r\n        &lt;div :class=&quot;{&apos;activeLoading&apos;:activeLoading}&quot; @click=&quot;openLoading(type)&quot; v-for=&quot;type in types&quot; :id=&quot;[&grave;loading-${type}&grave;]&quot; class=&quot;vs-con-loading__container loading-example&quot;&gt;\r\n        &lt;/div&gt;\r\n      &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data:()=&gt;({\r\n    types:[\r\n      &apos;default&apos;,\r\n      &apos;point&apos;,\r\n      &apos;radius&apos;,\r\n      &apos;corners&apos;,\r\n      &apos;border&apos;,\r\n      &apos;sound&apos;,\r\n      &apos;material&apos;,\r\n    ],\r\n    activeLoading:false,\r\n  }),\r\n  mounted(){\r\n    this.types.forEach((type)=&gt;{\r\n      this.$vs.loading({\r\n        container: &grave;#loading-${type}&grave;,\r\n        type,\r\n        text:type\r\n      })\r\n    })\r\n  },\r\n  methods:{\r\n    openLoading(type){\r\n      this.activeLoading = true\r\n      this.$vs.loading({\r\n        type:type,\r\n      })\r\n      setTimeout( ()=&gt; {\r\n        this.activeLoading = false\r\n        this.$vs.loading.close()\r\n      }, 3000);\r\n    },\r\n  }\r\n}\r\n&lt;/script&gt;\r\n\r\n&lt;style lang=&quot;scss&quot;&gt;\r\n.fill-row-loading {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  .loading-example {\r\n    width: 120px;\r\n    float: left;\r\n    height: 120px;\r\n    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);\r\n    border-radius: 10px;\r\n    margin: 8px;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    &amp;:hover {\r\n      box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);\r\n      transform: translate(0, 4px);\r\n    }\r\n    h4 {\r\n      z-index: 40000;\r\n      position: relative;\r\n      text-align: center;\r\n      padding: 10px;\r\n    }\r\n    &amp;.activeLoading {\r\n      opacity: 0 !important;\r\n      transform: scale(0.5);\r\n    }\r\n  }\r\n}\r\n&lt;/style&gt;\r\n\t\t</template>\r\n\r\n\t</vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data:()=>({\r\n    types:[\r\n      'default',\r\n      'point',\r\n      'radius',\r\n      'corners',\r\n      'border',\r\n      'sound',\r\n      'material',\r\n    ],\r\n    activeLoading:false,\r\n  }),\r\n  mounted(){\r\n    this.types.forEach((type)=>{\r\n      this.$vs.loading({\r\n        container: `#loading-${type}`,\r\n        type,\r\n        text:type\r\n      })\r\n    })\r\n  },\r\n  methods:{\r\n    openLoading(type){\r\n      this.activeLoading = true\r\n      this.$vs.loading({\r\n        type:type,\r\n      })\r\n      setTimeout( ()=> {\r\n        this.activeLoading = false\r\n        this.$vs.loading.close()\r\n      }, 3000);\r\n    },\r\n  }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./LoadingType.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/@vue/cli-plugin-babel/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!./LoadingType.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingType.vue?vue&type=template&id=3864af9a&\"\nimport script from \"./LoadingType.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingType.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the color of the loading with the property \"),_c('code',[_vm._v(\"color\")])]),_c('div',{staticClass:\"demo-alignment mt-3\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.colorLoading),expression:\"colorLoading\"}],attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},domProps:{\"value\":(_vm.colorLoading)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.colorLoading=$event.target.value}}}),_c('vs-button',{attrs:{\"type\":\"filled\",\"color\":_vm.colorLoading},on:{\"click\":_vm.openLoadingColor}},[_vm._v(\"Loading\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <input type=\\\"color\\\" v-model=\\\"colorLoading\\\" name=\\\"\\\" value=\\\"\\\">\\n    <vs-button @click=\\\"openLoadingColor\\\" type=\\\"filled\\\" :color=\\\"colorLoading\\\">Loading</vs-button>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      colorLoading: '#ff8000',\\n    }\\n  },\\n  methods: {\\n    openLoadingColor() {\\n      this.$vs.loading({ color: this.colorLoading })\\n      setTimeout(() => {\\n        this.$vs.loading.close()\\n      }, 2000);\\n    },\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: LoadingColor.vue\r\n    Description: Change color of loading animation\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Color\" code-toggler>\r\n\r\n        <p>You can change the color of the loading with the property <code>color</code></p>\r\n\r\n        <div class=\"demo-alignment mt-3\">\r\n            <input type=\"color\" v-model=\"colorLoading\" name=\"\" value=\"\">\r\n            <vs-button @click=\"openLoadingColor\" type=\"filled\" :color=\"colorLoading\">Loading</vs-button>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template lang=&quot;html&quot;&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n    &lt;input type=&quot;color&quot; v-model=&quot;colorLoading&quot; name=&quot;&quot; value=&quot;&quot;&gt;\r\n    &lt;vs-button @click=&quot;openLoadingColor&quot; type=&quot;filled&quot; :color=&quot;colorLoading&quot;&gt;Loading&lt;/vs-button&gt;\r\n\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      colorLoading: &apos;#ff8000&apos;,\r\n    }\r\n  },\r\n  methods: {\r\n    openLoadingColor() {\r\n      this.$vs.loading({ color: this.colorLoading })\r\n      setTimeout(() =&gt; {\r\n        this.$vs.loading.close()\r\n      }, 2000);\r\n    },\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            colorLoading: '#ff8000',\r\n        }\r\n    },\r\n    methods: {\r\n        openLoadingColor() {\r\n            this.$vs.loading({ color: this.colorLoading })\r\n            setTimeout(() => {\r\n                this.$vs.loading.close()\r\n            }, 2000);\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/@vue/cli-plugin-babel/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!./LoadingColor.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/@vue/cli-plugin-babel/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!./LoadingColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingColor.vue?vue&type=template&id=6a46cd50&\"\nimport script from \"./LoadingColor.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingColor.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Background\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"If you need to change the background of the loading, you can use the property \"),_c('code',[_vm._v(\"background\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"Only \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors are supported.\")])]),_c('div',{staticClass:\"demo-alignment mt-3\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.backgroundLoading),expression:\"backgroundLoading\"}],attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},domProps:{\"value\":(_vm.backgroundLoading)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.backgroundLoading=$event.target.value}}}),_c('vs-button',{attrs:{\"type\":\"gradient\",\"color\":\"success\"},on:{\"click\":_vm.openLoadingBackground}},[_vm._v(\"Success\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <input type=\\\"color\\\" v-model=\\\"backgroundLoading\\\" name=\\\"\\\" value=\\\"\\\">\\n    <vs-button @click=\\\"openLoadingBackground\\\" type=\\\"gradient\\\" color=\\\"success\\\">Success</vs-button>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      backgroundLoading: '#22c16b',\\n    }\\n  },\\n  methods: {\\n    openLoadingBackground() {\\n      this.$vs.loading({ background: this.backgroundLoading, color: 'rgb(255, 255, 255)' })\\n      setTimeout(() => {\\n        this.$vs.loading.close()\\n      }, 3000);\\n    },\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: LoadingBackground.vue\r\n    Description: Change background color of loading animation\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Background\" code-toggler>\r\n        \r\n        <p>If you need to change the background of the loading, you can use the property <code>background</code></p>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\r\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\r\n        </vs-alert>\r\n\r\n        <div class=\"demo-alignment mt-3\">\r\n            <input type=\"color\" v-model=\"backgroundLoading\" name=\"\" value=\"\">\r\n            <vs-button @click=\"openLoadingBackground\" type=\"gradient\" color=\"success\">Success</vs-button>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template lang=&quot;html&quot;&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n    &lt;input type=&quot;color&quot; v-model=&quot;backgroundLoading&quot; name=&quot;&quot; value=&quot;&quot;&gt;\r\n    &lt;vs-button @click=&quot;openLoadingBackground&quot; type=&quot;gradient&quot; color=&quot;success&quot;&gt;Success&lt;/vs-button&gt;\r\n\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      backgroundLoading: &apos;#22c16b&apos;,\r\n    }\r\n  },\r\n  methods: {\r\n    openLoadingBackground() {\r\n      this.$vs.loading({ background: this.backgroundLoading, color: &apos;rgb(255, 255, 255)&apos; })\r\n      setTimeout(() =&gt; {\r\n        this.$vs.loading.close()\r\n      }, 3000);\r\n    },\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            backgroundLoading: '#22c16b',\r\n        }\r\n    },\r\n    methods: {\r\n        openLoadingBackground() {\r\n            this.$vs.loading({ background: this.backgroundLoading, color: 'rgb(255, 255, 255)' })\r\n            setTimeout(() => {\r\n                this.$vs.loading.close()\r\n            }, 3000);\r\n        },\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./LoadingBackground.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/@vue/cli-plugin-babel/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!./LoadingBackground.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingBackground.vue?vue&type=template&id=31909e9c&\"\nimport script from \"./LoadingBackground.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingBackground.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Contained\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To add a loading within a container, call the \"),_c('code',[_vm._v(\"$vs.loading()\")]),_vm._v(\" global function passing the \"),_c('code',[_vm._v(\"container\")]),_vm._v(\" and the \"),_c('code',[_vm._v(\"scale\")]),_vm._v(\" parameters. When you want to remove it we have \"),_c('code',[_vm._v(\"$vs.loading.close()\")]),_vm._v(\", passing the same \"),_c('code',[_vm._v(\"container\")]),_vm._v(\" parameter\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"For the examples, the request or the delay is simulated with \"),_c('code',[_vm._v(\"setTimeout\")])])]),_c('div',{staticClass:\"demo-alignment mt-3\"},[_c('vs-button',{ref:\"loadableButton\",staticClass:\"vs-con-loading__container\",attrs:{\"id\":\"button-with-loading\",\"type\":\"relief\",\"vslor\":\"primary\"},on:{\"click\":_vm.openLoadingContained}},[_vm._v(\"\\n\\t\\t\\t\\tButton with Loading\\n\\t\\t\\t\")]),_c('vs-button',{attrs:{\"type\":\"relief\",\"vslor\":\"primary\"},on:{\"click\":_vm.openLoadingInDiv}},[_vm._v(\"Div with Loading\")]),_c('div',{staticClass:\"contained-example-container\"},[_c('div',{staticClass:\"vs-con-loading__container\",attrs:{\"id\":\"div-with-loading\"}},[_vm._v(\"Load Me!\")])])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-button ref=\\\"loadableButton\\\" id=\\\"button-with-loading\\\" class=\\\"vs-con-loading__container\\\" @click=\\\"openLoadingContained\\\" type=\\\"relief\\\" vslor=\\\"primary\\\">\\n    Button with Loading\\n  </vs-button>\\n  <vs-button @click=\\\"openLoadingInDiv\\\" type=\\\"relief\\\" vslor=\\\"primary\\\">Div with Loading</vs-button>\\n\\n  <div class=\\\"contained-example-container\\\">\\n    <div id=\\\"div-with-loading\\\" class=\\\"vs-con-loading__container\\\">Load Me!</div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      backgroundLoading:'primary',\\n      colorLoading:'#fff',\\n    }\\n  },\\n  methods:{\\n    openLoadingContained(){\\n      this.$vs.loading({\\n        background: this.backgroundLoading,\\n        color: this.colorLoading,\\n        container: \\\"#button-with-loading\\\",\\n        scale: 0.45\\n      })\\n      setTimeout( ()=> {\\n        this.$vs.loading.close(\\\"#button-with-loading > .con-vs-loading\\\")\\n      }, 3000);\\n    },\\n    openLoadingInDiv(){\\n      this.$vs.loading({\\n        container: '#div-with-loading',\\n        scale: 0.6\\n      })\\n      setTimeout( ()=> {\\n        this.$vs.loading.close('#div-with-loading > .con-vs-loading')\\n      }, 3000);\\n    },\\n  }\\n}\\n</script>\\n\\t\\t\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: LoadingContained.vue\r\n\tDescription: Create loading animation inside container\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n\t<vx-card title=\"Contained\" code-toggler>\r\n\r\n\t\t<p>To add a loading within a container, call the <code>$vs.loading()</code> global function passing the <code>container</code> and the <code>scale</code> parameters. When you want to remove it we have <code>$vs.loading.close()</code>, passing the same <code>container</code> parameter</p>\r\n\r\n\t\t<vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n\t\t\t<p>For the examples, the request or the delay is simulated with <code>setTimeout</code></p>\r\n\t\t</vs-alert>\r\n\r\n\t\t<div class=\"demo-alignment mt-3\">\r\n\r\n\t\t\t<vs-button ref=\"loadableButton\" id=\"button-with-loading\" class=\"vs-con-loading__container\" @click=\"openLoadingContained\" type=\"relief\" vslor=\"primary\">\r\n\t\t\t\tButton with Loading\r\n\t\t\t</vs-button>\r\n\t\t\t<vs-button @click=\"openLoadingInDiv\" type=\"relief\" vslor=\"primary\">Div with Loading</vs-button>\r\n\r\n\t\t\t<div class=\"contained-example-container\">\r\n\t\t\t\t<div id=\"div-with-loading\" class=\"vs-con-loading__container\">Load Me!</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-button ref=&quot;loadableButton&quot; id=&quot;button-with-loading&quot; class=&quot;vs-con-loading__container&quot; @click=&quot;openLoadingContained&quot; type=&quot;relief&quot; vslor=&quot;primary&quot;&gt;\r\n    Button with Loading\r\n  &lt;/vs-button&gt;\r\n  &lt;vs-button @click=&quot;openLoadingInDiv&quot; type=&quot;relief&quot; vslor=&quot;primary&quot;&gt;Div with Loading&lt;/vs-button&gt;\r\n\r\n  &lt;div class=&quot;contained-example-container&quot;&gt;\r\n    &lt;div id=&quot;div-with-loading&quot; class=&quot;vs-con-loading__container&quot;&gt;Load Me!&lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      backgroundLoading:'primary',\r\n      colorLoading:'#fff',\r\n    }\r\n  },\r\n  methods:{\r\n    openLoadingContained(){\r\n      this.$vs.loading({\r\n        background: this.backgroundLoading,\r\n        color: this.colorLoading,\r\n        container: &quot;#button-with-loading&quot;,\r\n        scale: 0.45\r\n      })\r\n      setTimeout( ()=&gt; {\r\n        this.$vs.loading.close(&quot;#button-with-loading &gt; .con-vs-loading&quot;)\r\n      }, 3000);\r\n    },\r\n    openLoadingInDiv(){\r\n      this.$vs.loading({\r\n        container: '#div-with-loading',\r\n        scale: 0.6\r\n      })\r\n      setTimeout( ()=&gt; {\r\n        this.$vs.loading.close('#div-with-loading &gt; .con-vs-loading')\r\n      }, 3000);\r\n    },\r\n  }\r\n}\r\n&lt;/script&gt;\r\n\t\t</template>\r\n\r\n\t</vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return {\r\n      backgroundLoading:'primary',\r\n      colorLoading:'#fff',\r\n    }\r\n  },\r\n  methods:{\r\n    openLoadingContained(){\r\n      this.$vs.loading({\r\n        background: this.backgroundLoading,\r\n        color: this.colorLoading,\r\n        container: \"#button-with-loading\",\r\n        scale: 0.45\r\n      })\r\n      setTimeout( ()=> {\r\n        this.$vs.loading.close(\"#button-with-loading > .con-vs-loading\")\r\n      }, 3000);\r\n    },\r\n    openLoadingInDiv(){\r\n      this.$vs.loading({\r\n        container: '#div-with-loading',\r\n        scale: 0.6\r\n      })\r\n      setTimeout( ()=> {\r\n        this.$vs.loading.close('#div-with-loading > .con-vs-loading')\r\n      }, 3000);\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/@vue/cli-plugin-babel/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!./LoadingContained.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/@vue/cli-plugin-babel/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!./LoadingContained.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadingContained.vue?vue&type=template&id=c2101150&\"\nimport script from \"./LoadingContained.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadingContained.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","<!-- =========================================================================================\r\n    File Name: Loading.vue\r\n    Description: Loading - Imports all page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"loading-demo\">\r\n        <loading-default></loading-default>\r\n        <loading-type></loading-type>\r\n        <loading-color></loading-color>\r\n        <loading-background></loading-background>\r\n        <loading-contained></loading-contained>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport LoadingDefault from './LoadingDefault.vue'\r\nimport LoadingType from './LoadingType.vue'\r\nimport LoadingColor from './LoadingColor.vue'\r\nimport LoadingBackground from './LoadingBackground.vue'\r\nimport LoadingContained from './LoadingContained.vue'\r\n\r\nexport default{\r\n    components: {\r\n        LoadingDefault,\r\n        LoadingType,\r\n        LoadingColor,\r\n        LoadingBackground,\r\n        LoadingContained,\r\n    }   \r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"@/assets/scss/vuesax/pages/loading.scss\";\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./Loading.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/@vue/cli-plugin-babel/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!./Loading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loading.vue?vue&type=template&id=8df21c72&\"\nimport script from \"./Loading.vue?vue&type=script&lang=js&\"\nexport * from \"./Loading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loading.vue?vue&type=style&index=0&lang=scss&\"\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":""}