{"version":3,"file":"88.js","sources":["webpack:///src/views/components/vuesax/loading/Loading.vue","webpack:///src/views/components/vuesax/loading/LoadingBackground.vue","webpack:///src/views/components/vuesax/loading/LoadingColor.vue","webpack:///src/views/components/vuesax/loading/LoadingContained.vue","webpack:///src/views/components/vuesax/loading/LoadingDefault.vue","webpack:///src/views/components/vuesax/loading/LoadingType.vue","webpack:///./src/views/components/vuesax/loading/Loading.vue","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue","webpack:///./src/views/components/vuesax/loading/LoadingType.vue","webpack:///./src/views/components/vuesax/loading/Loading.vue?e604","webpack:///./src/views/components/vuesax/loading/Loading.vue?ecdf","webpack:///./src/views/components/vuesax/loading/Loading.vue?2d91","webpack:///./src/views/components/vuesax/loading/Loading.vue?51d8","webpack:///./src/views/components/vuesax/loading/Loading.vue?3ce0","webpack:///./src/views/components/vuesax/loading/Loading.vue?73e0","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue?11eb","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue?f921","webpack:///./src/views/components/vuesax/loading/LoadingBackground.vue?018e","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue?c7df","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue?8bf0","webpack:///./src/views/components/vuesax/loading/LoadingColor.vue?f24e","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue?2809","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue?9191","webpack:///./src/views/components/vuesax/loading/LoadingContained.vue?c0ac","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue?2bac","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue?1805","webpack:///./src/views/components/vuesax/loading/LoadingDefault.vue?6e11","webpack:///./src/views/components/vuesax/loading/LoadingType.vue?ceba","webpack:///./src/views/components/vuesax/loading/LoadingType.vue?b73b","webpack:///./src/views/components/vuesax/loading/LoadingType.vue?9e25"],"sourcesContent":["<!-- =========================================================================================\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","<!-- =========================================================================================\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","<!-- =========================================================================================\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","<!-- =========================================================================================\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","<!-- =========================================================================================\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","<!-- =========================================================================================\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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { attrs: { id: \"loading-demo\" } },\n    [\n      _c(\"loading-default\"),\n      _c(\"loading-type\"),\n      _c(\"loading-color\"),\n      _c(\"loading-background\"),\n      _c(\"loading-contained\"),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Background\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\n          \"If you need to change the background of the loading, you can use the property \"\n        ),\n        _c(\"code\", [_vm._v(\"background\")]),\n      ]),\n      _c(\n        \"vs-alert\",\n        {\n          staticClass: \"mt-5\",\n          attrs: { icon: \"warning\", active: \"true\", color: \"warning\" },\n        },\n        [\n          _c(\"span\", [\n            _vm._v(\"Only \"),\n            _c(\"strong\", [_vm._v(\"RGB\")]),\n            _vm._v(\" and \"),\n            _c(\"strong\", [_vm._v(\"HEX\")]),\n            _vm._v(\" colors are supported.\"),\n          ]),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"demo-alignment mt-3\" },\n        [\n          _c(\"input\", {\n            directives: [\n              {\n                name: \"model\",\n                rawName: \"v-model\",\n                value: _vm.backgroundLoading,\n                expression: \"backgroundLoading\",\n              },\n            ],\n            attrs: { type: \"color\", name: \"\", value: \"\" },\n            domProps: { value: _vm.backgroundLoading },\n            on: {\n              input: function ($event) {\n                if ($event.target.composing) return\n                _vm.backgroundLoading = $event.target.value\n              },\n            },\n          }),\n          _c(\n            \"vs-button\",\n            {\n              attrs: { type: \"gradient\", color: \"success\" },\n              on: { click: _vm.openLoadingBackground },\n            },\n            [_vm._v(\"Success\")]\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\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        '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Color\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\"You can change the color of the loading with the property \"),\n        _c(\"code\", [_vm._v(\"color\")]),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"demo-alignment mt-3\" },\n        [\n          _c(\"input\", {\n            directives: [\n              {\n                name: \"model\",\n                rawName: \"v-model\",\n                value: _vm.colorLoading,\n                expression: \"colorLoading\",\n              },\n            ],\n            attrs: { type: \"color\", name: \"\", value: \"\" },\n            domProps: { value: _vm.colorLoading },\n            on: {\n              input: function ($event) {\n                if ($event.target.composing) return\n                _vm.colorLoading = $event.target.value\n              },\n            },\n          }),\n          _c(\n            \"vs-button\",\n            {\n              attrs: { type: \"filled\", color: _vm.colorLoading },\n              on: { click: _vm.openLoadingColor },\n            },\n            [_vm._v(\"Loading\")]\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\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        '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Contained\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\"To add a loading within a container, call the \"),\n        _c(\"code\", [_vm._v(\"$vs.loading()\")]),\n        _vm._v(\" global function passing the \"),\n        _c(\"code\", [_vm._v(\"container\")]),\n        _vm._v(\" and the \"),\n        _c(\"code\", [_vm._v(\"scale\")]),\n        _vm._v(\" parameters. When you want to remove it we have \"),\n        _c(\"code\", [_vm._v(\"$vs.loading.close()\")]),\n        _vm._v(\", passing the same \"),\n        _c(\"code\", [_vm._v(\"container\")]),\n        _vm._v(\" parameter\"),\n      ]),\n      _c(\n        \"vs-alert\",\n        {\n          staticClass: \"mt-5\",\n          attrs: { icon: \"new_releases\", active: \"true\" },\n        },\n        [\n          _c(\"p\", [\n            _vm._v(\n              \"For the examples, the request or the delay is simulated with \"\n            ),\n            _c(\"code\", [_vm._v(\"setTimeout\")]),\n          ]),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"demo-alignment mt-3\" },\n        [\n          _c(\n            \"vs-button\",\n            {\n              ref: \"loadableButton\",\n              staticClass: \"vs-con-loading__container\",\n              attrs: { id: \"button-with-loading\", type: \"relief\" },\n              on: { click: _vm.openLoadingContained },\n            },\n            [_vm._v(\"\\n        Button with Loading\\n      \")]\n          ),\n          _c(\n            \"vs-button\",\n            { attrs: { type: \"relief\" }, on: { click: _vm.openLoadingInDiv } },\n            [_vm._v(\"Div with Loading\")]\n          ),\n          _c(\"div\", { staticClass: \"contained-example-container\" }, [\n            _c(\n              \"div\",\n              {\n                staticClass: \"vs-con-loading__container\",\n                attrs: { id: \"div-with-loading\" },\n              },\n              [_vm._v(\"Load Me!\")]\n            ),\n          ]),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\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    '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Default\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\n          \"To add a loading in any part of your application we have the global function \"\n        ),\n        _c(\"code\", [_vm._v(\"$vs.loading()\")]),\n        _vm._v(\", and then when you want to remove it we have \"),\n        _c(\"code\", [_vm._v(\"$vs.loading.close()\")]),\n      ]),\n      _c(\n        \"vs-alert\",\n        {\n          staticClass: \"mt-5\",\n          attrs: { color: \"primary\", icon: \"new_releases\", active: \"true\" },\n        },\n        [\n          _c(\"p\", [\n            _vm._v(\n              \"For the examples, the request or the delay is simulated with \"\n            ),\n            _c(\"code\", [_vm._v(\"setTimeout\")]),\n          ]),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"mt-5\" },\n        [\n          _c(\n            \"vs-button\",\n            {\n              attrs: { type: \"filled\", color: \"primary\" },\n              on: { click: _vm.openLoading },\n            },\n            [_vm._v(\"Loading Default\")]\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\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        '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Type\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\n          \"You can change the type of animation with the type property and the animations so far are:\"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"demo-alignment\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"fill-row-loading\" },\n          _vm._l(_vm.types, function (type) {\n            return _c(\"div\", {\n              key: type,\n              staticClass: \"vs-con-loading__container loading-example\",\n              class: { activeLoading: _vm.activeLoading },\n              attrs: { id: [`loading-${type}`] },\n              on: {\n                click: function ($event) {\n                  return _vm.openLoading(type)\n                },\n              },\n            })\n          }),\n          0\n        ),\n      ]),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\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    '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"/*=========================================================================================\\n    File Name: loading.scss\\n    Description: Loading page styles\\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    File Name: _variables.scss\\n    Description: partial- SCSS varibales\\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        SPACING\\n=========================================================*/\\n\\n/*========================================================\\n        COLORS\\n=========================================================*/\\n\\n/*========================================================\\n        TYPOGRAPHY\\n=========================================================*/\\n\\n/*========================================================\\n        TYPOGRAPHY\\n=========================================================*/\\n\\n/*========================================================\\n        DARK THEME\\n=========================================================*/\\n#loading-demo .fill-row-loading {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  -webkit-box-pack: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n  -ms-flex-wrap: wrap;\\n      flex-wrap: wrap;\\n}\\n#loading-demo .fill-row-loading .loading-example {\\n  width: 120px;\\n  height: 120px;\\n  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);\\n  transition: all 0.3s ease;\\n}\\n[dir] #loading-demo .fill-row-loading .loading-example {\\n          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);\\n  border-radius: 10px;\\n  margin: 8px;\\n  -webkit-transition: all 0.3s ease;\\n  cursor: pointer;\\n}\\n[dir=ltr] #loading-demo .fill-row-loading .loading-example {\\n  float: left;\\n}\\n[dir=rtl] #loading-demo .fill-row-loading .loading-example {\\n  float: right;\\n}\\n.theme-dark #loading-demo .fill-row-loading .loading-example {\\n  -webkit-box-shadow: 0px 5px 20px 0px #0C112E;\\n}\\n[dir] .theme-dark #loading-demo .fill-row-loading .loading-example {\\n          box-shadow: 0px 5px 20px 0px #0C112E;\\n}\\n#loading-demo .fill-row-loading .loading-example .con-vs-loading {\\n  z-index: 10;\\n}\\n#loading-demo .fill-row-loading .loading-example:hover {\\n  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);\\n  -webkit-transform: translate(0, 4px);\\n}\\n[dir] #loading-demo .fill-row-loading .loading-example:hover {\\n          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);\\n          transform: translate(0, 4px);\\n}\\n#loading-demo .fill-row-loading .loading-example h4 {\\n  z-index: 40000;\\n  position: relative;\\n}\\n[dir] #loading-demo .fill-row-loading .loading-example h4 {\\n  text-align: center;\\n  padding: 10px;\\n  margin-bottom: 0;\\n}\\n#loading-demo .fill-row-loading .loading-example.activeLoading {\\n  opacity: 0 !important;\\n  -webkit-transform: scale(0.5);\\n}\\n[dir] #loading-demo .fill-row-loading .loading-example.activeLoading {\\n          transform: scale(0.5);\\n}\\n#loading-demo .contained-example-container {\\n  -ms-flex-preferred-size: 100%;\\n      flex-basis: 100%;\\n  -webkit-box-pack: start;\\n      -ms-flex-pack: start;\\n          justify-content: flex-start;\\n}\\n#loading-demo .contained-example-container > div {\\n  width: 250px;\\n  height: 250px;\\n  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  -webkit-box-pack: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n}\\n[dir] #loading-demo .contained-example-container > div {\\n  padding: 20px;\\n          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);\\n  border-radius: 10px;\\n}\\n.theme-dark #loading-demo .contained-example-container > div {\\n  -webkit-box-shadow: 0px 5px 20px 0px #0C112E;\\n}\\n[dir] .theme-dark #loading-demo .contained-example-container > div {\\n          box-shadow: 0px 5px 20px 0px #0C112E;\\n}\", \"\"]);\n\n// exports\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../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&id=fe2a8666&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"6896548c\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../../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&id=fe2a8666&lang=scss&\", function() {\n     var newContent = require(\"!!../../../../../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&id=fe2a8666&lang=scss&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./Loading.vue?vue&type=template&id=fe2a8666&\"\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&id=fe2a8666&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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fe2a8666')) {\n      api.createRecord('fe2a8666', component.options)\n    } else {\n      api.reload('fe2a8666', component.options)\n    }\n    module.hot.accept(\"./Loading.vue?vue&type=template&id=fe2a8666&\", function () {\n      api.rerender('fe2a8666', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/components/vuesax/loading/Loading.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/vue-style-loader/index.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&id=fe2a8666&lang=scss&\"","export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loading.vue?vue&type=template&id=fe2a8666&\"","import { render, staticRenderFns } from \"./LoadingBackground.vue?vue&type=template&id=637418db&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('637418db')) {\n      api.createRecord('637418db', component.options)\n    } else {\n      api.reload('637418db', component.options)\n    }\n    module.hot.accept(\"./LoadingBackground.vue?vue&type=template&id=637418db&\", function () {\n      api.rerender('637418db', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/components/vuesax/loading/LoadingBackground.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingBackground.vue?vue&type=template&id=637418db&\"","import { render, staticRenderFns } from \"./LoadingColor.vue?vue&type=template&id=3c06a746&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3c06a746')) {\n      api.createRecord('3c06a746', component.options)\n    } else {\n      api.reload('3c06a746', component.options)\n    }\n    module.hot.accept(\"./LoadingColor.vue?vue&type=template&id=3c06a746&\", function () {\n      api.rerender('3c06a746', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/components/vuesax/loading/LoadingColor.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingColor.vue?vue&type=template&id=3c06a746&\"","import { render, staticRenderFns } from \"./LoadingContained.vue?vue&type=template&id=43515ed6&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('43515ed6')) {\n      api.createRecord('43515ed6', component.options)\n    } else {\n      api.reload('43515ed6', component.options)\n    }\n    module.hot.accept(\"./LoadingContained.vue?vue&type=template&id=43515ed6&\", function () {\n      api.rerender('43515ed6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/components/vuesax/loading/LoadingContained.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingContained.vue?vue&type=template&id=43515ed6&\"","import { render, staticRenderFns } from \"./LoadingDefault.vue?vue&type=template&id=3f582864&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3f582864')) {\n      api.createRecord('3f582864', component.options)\n    } else {\n      api.reload('3f582864', component.options)\n    }\n    module.hot.accept(\"./LoadingDefault.vue?vue&type=template&id=3f582864&\", function () {\n      api.rerender('3f582864', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/components/vuesax/loading/LoadingDefault.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingDefault.vue?vue&type=template&id=3f582864&\"","import { render, staticRenderFns } from \"./LoadingType.vue?vue&type=template&id=622360a7&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('622360a7')) {\n      api.createRecord('622360a7', component.options)\n    } else {\n      api.reload('622360a7', component.options)\n    }\n    module.hot.accept(\"./LoadingType.vue?vue&type=template&id=622360a7&\", function () {\n      api.rerender('622360a7', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/components/vuesax/loading/LoadingType.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingType.vue?vue&type=template&id=622360a7&\""],"mappings":";;;;;;;;;;AAqBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACsBA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AClBA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACcA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC9DA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;AC0DA;AACA;AAAA;AACA;AASA;AACA;AAAA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACrJA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;;;;;;;;;;;;;ACjBA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAWA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAaA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAMA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;ACxEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAMA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;ACtDA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAkBA;AACA;AAAA;AAAA;AAAA;AACA;AAYA;AAAA;AAKA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAIA;AACA;AAAA;AAAA;AACA;AAOA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;AC7EA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAaA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAYA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAMA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;ACvDA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvBA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}