{"version":3,"sources":["webpack:///./src/views/components/vuesax/loading/Loading.vue?4d86","webpack:///./src/views/components/vuesax/loading/Loading.vue?e85f","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue?2b7e","webpack:///src/views/components/vuesax/loading/LoadingDefault.vue","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue?4962","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue","webpack:///./src/views/components/vuesax/loading/LoadingType.vue?9386","webpack:///src/views/components/vuesax/loading/LoadingType.vue","webpack:///./src/views/components/vuesax/loading/LoadingType.vue?faf9","webpack:///./src/views/components/vuesax/loading/LoadingType.vue","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue?3094","webpack:///src/views/components/vuesax/loading/LoadingColor.vue","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue?cbfd","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue?c792","webpack:///src/views/components/vuesax/loading/LoadingBackground.vue","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue?1a54","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue?75c9","webpack:///src/views/components/vuesax/loading/LoadingContained.vue","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue?1ab7","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue","webpack:///src/views/components/vuesax/loading/Loading.vue","webpack:///./src/views/components/vuesax/loading/Loading.vue?4c61","webpack:///./src/views/components/vuesax/loading/Loading.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","on","openLoading","slot","methods","$vs","loading","setTimeout","component","_l","type","key","class","activeLoading","$event","data","types","mounted","forEach","container","text","directives","name","rawName","value","expression","domProps","target","composing","colorLoading","openLoadingColor","color","backgroundLoading","openLoadingBackground","background","ref","openLoadingContained","openLoadingInDiv","scale","components","LoadingDefault","LoadingType","LoadingColor","LoadingBackground","LoadingContained"],"mappings":"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","file":"js/chunk-3317c0e6.7d54e015.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.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 }","<!-- =========================================================================================\n    File Name: LoadingDefault.vue\n    Description: Add default loading to your application\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Default\" code-toggler>\n\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>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n            <p>For the examples, the request or the delay is simulated with <code>setTimeout</code></p>\n        </vs-alert>\n\n        <div class=\"mt-5\">\n            <vs-button @click=\"openLoading\" type=\"filled\" color=\"primary\">Loading Default</vs-button>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n    &lt;vs-button @click=&quot;openLoading&quot; type=&quot;filled&quot; color=&quot;primary&quot;&gt;Loading Default&lt;/vs-button&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  methods:{\n    openLoading(){\n      this.$vs.loading()\n      setTimeout( ()=&gt; {\n        this.$vs.loading.close()\n      }, 2000);\n    },\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\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","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!./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/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=78f6f82f&\"\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    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: LoadingType.vue\n  Description: Change the type of the animation\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n  <vx-card title=\"Type\" code-toggler>\n\n    <p>You can change the type of animation with the type property and the animations so far are:</p>\n\n    <div class=\"demo-alignment\">\n\n      <div class=\"fill-row-loading\">\n        <div\n          :class=\"{'activeLoading':activeLoading}\"\n          @click=\"openLoading(type)\"\n          v-for=\"type in types\"\n          :key=\"type\"\n          :id=\"[`loading-${type}`]\"\n          class=\"vs-con-loading__container loading-example\">\n        </div>\n      </div>\n    </div>\n\n    <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n      &lt;div class=&quot;fill-row-loading&quot;&gt;\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;\n        &lt;/div&gt;\n      &lt;/div&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data:()=&gt;({\n    types:[\n      &apos;default&apos;,\n      &apos;point&apos;,\n      &apos;radius&apos;,\n      &apos;corners&apos;,\n      &apos;border&apos;,\n      &apos;sound&apos;,\n      &apos;material&apos;,\n    ],\n    activeLoading:false,\n  }),\n  mounted(){\n    this.types.forEach((type)=&gt;{\n      this.$vs.loading({\n        container: &grave;#loading-${type}&grave;,\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( ()=&gt; {\n        this.activeLoading = false\n        this.$vs.loading.close()\n      }, 3000);\n    },\n  }\n}\n&lt;/script&gt;\n\n&lt;style lang=&quot;scss&quot;&gt;\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    &amp;: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    &amp;.activeLoading {\n      opacity: 0 !important;\n      transform: scale(0.5);\n    }\n  }\n}\n&lt;/style&gt;\n    </template>\n\n  </vx-card>\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\n      })\n      setTimeout(() => {\n        this.activeLoading = false\n        this.$vs.loading.close()\n      }, 3000)\n    }\n  }\n}\n</script>\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!./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/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=113dd410&\"\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 }","<!-- =========================================================================================\n    File Name: LoadingColor.vue\n    Description: Change color of loading animation\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Color\" code-toggler>\n\n        <p>You can change the color of the loading with the property <code>color</code></p>\n\n        <div class=\"demo-alignment mt-3\">\n            <input type=\"color\" v-model=\"colorLoading\" name=\"\" value=\"\">\n            <vs-button @click=\"openLoadingColor\" type=\"filled\" :color=\"colorLoading\">Loading</vs-button>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n\n    &lt;input type=&quot;color&quot; v-model=&quot;colorLoading&quot; name=&quot;&quot; value=&quot;&quot;&gt;\n    &lt;vs-button @click=&quot;openLoadingColor&quot; type=&quot;filled&quot; :color=&quot;colorLoading&quot;&gt;Loading&lt;/vs-button&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      colorLoading: &apos;#ff8000&apos;,\n    }\n  },\n  methods: {\n    openLoadingColor() {\n      this.$vs.loading({ color: this.colorLoading })\n      setTimeout(() =&gt; {\n        this.$vs.loading.close()\n      }, 2000);\n    },\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\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","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!./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/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=5436a232&\"\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 }","<!-- =========================================================================================\n    File Name: LoadingBackground.vue\n    Description: Change background color of loading animation\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Background\" code-toggler>\n\n        <p>If you need to change the background of the loading, you can use the property <code>background</code></p>\n\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\n        </vs-alert>\n\n        <div class=\"demo-alignment mt-3\">\n            <input type=\"color\" v-model=\"backgroundLoading\" name=\"\" value=\"\">\n            <vs-button @click=\"openLoadingBackground\" type=\"gradient\" color=\"success\">Success</vs-button>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n\n    &lt;input type=&quot;color&quot; v-model=&quot;backgroundLoading&quot; name=&quot;&quot; value=&quot;&quot;&gt;\n    &lt;vs-button @click=&quot;openLoadingBackground&quot; type=&quot;gradient&quot; color=&quot;success&quot;&gt;Success&lt;/vs-button&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      backgroundLoading: &apos;#22c16b&apos;,\n    }\n  },\n  methods: {\n    openLoadingBackground() {\n      this.$vs.loading({ background: this.backgroundLoading, color: &apos;rgb(255, 255, 255)&apos; })\n      setTimeout(() =&gt; {\n        this.$vs.loading.close()\n      }, 3000);\n    },\n  }\n}\n&lt;/script&gt;\n        </template>\n\n    </vx-card>\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","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!./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/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=2b3edd77&\"\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:{\"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\"},on:{\"click\":_vm.openLoadingContained}},[_vm._v(\"\\n        Button with Loading\\n      \")]),_c('vs-button',{attrs:{\"type\":\"relief\"},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\\\">\\n    Button with Loading\\n  </vs-button>\\n  <vs-button @click=\\\"openLoadingInDiv\\\" type=\\\"relief\\\">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    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: LoadingContained.vue\n  Description: Create loading animation inside container\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n  <vx-card title=\"Contained\" code-toggler>\n\n    <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>\n\n    <vs-alert icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n      <p>For the examples, the request or the delay is simulated with <code>setTimeout</code></p>\n    </vs-alert>\n\n    <div class=\"demo-alignment mt-3\">\n\n      <vs-button ref=\"loadableButton\" id=\"button-with-loading\" class=\"vs-con-loading__container\" @click=\"openLoadingContained\" type=\"relief\">\n        Button with Loading\n      </vs-button>\n      <vs-button @click=\"openLoadingInDiv\" type=\"relief\">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    </div>\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\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;&gt;\n    Button with Loading\n  &lt;/vs-button&gt;\n  &lt;vs-button @click=&quot;openLoadingInDiv&quot; type=&quot;relief&quot;&gt;Div with Loading&lt;/vs-button&gt;\n\n  &lt;div class=&quot;contained-example-container&quot;&gt;\n    &lt;div id=&quot;div-with-loading&quot; class=&quot;vs-con-loading__container&quot;&gt;Load Me!&lt;/div&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\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: &quot;#button-with-loading&quot;,\n        scale: 0.45\n      })\n      setTimeout( ()=&gt; {\n        this.$vs.loading.close(&quot;#button-with-loading &gt; .con-vs-loading&quot;)\n      }, 3000);\n    },\n    openLoadingInDiv(){\n      this.$vs.loading({\n        container: '#div-with-loading',\n        scale: 0.6\n      })\n      setTimeout( ()=&gt; {\n        this.$vs.loading.close('#div-with-loading &gt; .con-vs-loading')\n      }, 3000);\n    },\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\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","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!./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/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=f73d87ec&\"\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","<!-- =========================================================================================\n    File Name: Loading.vue\n    Description: Loading - Imports all page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <div id=\"loading-demo\">\n        <loading-default></loading-default>\n        <loading-type></loading-type>\n        <loading-color></loading-color>\n        <loading-background></loading-background>\n        <loading-contained></loading-contained>\n    </div>\n</template>\n\n<script>\nimport LoadingDefault from './LoadingDefault.vue'\nimport LoadingType from './LoadingType.vue'\nimport LoadingColor from './LoadingColor.vue'\nimport LoadingBackground from './LoadingBackground.vue'\nimport LoadingContained from './LoadingContained.vue'\n\nexport default{\n  components: {\n    LoadingDefault,\n    LoadingType,\n    LoadingColor,\n    LoadingBackground,\n    LoadingContained\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/vuexy/pages/loading.scss\";\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/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=3e2b32ae&\"\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":""}