{"version":3,"sources":["webpack:///./src/views/components/vuesax/chip/Chip.vue?7a48","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue?e974","webpack:///src/views/components/vuesax/chip/ChipDefault.vue","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue?b9b0","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue","webpack:///./src/views/components/vuesax/chip/ChipColor.vue?37e7","webpack:///src/views/components/vuesax/chip/ChipColor.vue","webpack:///./src/views/components/vuesax/chip/ChipColor.vue?484b","webpack:///./src/views/components/vuesax/chip/ChipColor.vue","webpack:///./src/views/components/vuesax/chip/ChipTransparent.vue?b313","webpack:///./src/views/components/vuesax/chip/ChipTransparent.vue","webpack:///./src/views/components/vuesax/chip/ChipIcon.vue?c976","webpack:///./src/views/components/vuesax/chip/ChipIcon.vue","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue?db73","webpack:///src/views/components/vuesax/chip/ChipClosable.vue","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue?4b3e","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue?1fe4","webpack:///src/views/components/vuesax/chip/ChipAddRemove.vue","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue?4165","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue?dfc2","webpack:///src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue?7468","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue","webpack:///src/views/components/vuesax/chip/Chip.vue","webpack:///./src/views/components/vuesax/chip/Chip.vue?baa4","webpack:///./src/views/components/vuesax/chip/Chip.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","isDeleted","_e","on","$event","slot","data","component","isDeleted2","script","chips","length","reset","_l","chip","index","key","remove","_s","methods","item","splice","indexOf","model","value","callback","$$v","expression","components","ChipDefault","ChipColor","ChipTransparent","ChipIcon","ChipClosable","ChipAddRemove","ChipCustomizeCloseClearChipIcon"],"mappings":"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","file":"js/chunk-2d210f45.c3206b95.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"chip-demo\"}},[_c('chip-default'),_c('chip-color'),_c('chip-transparent'),_c('chip-icon'),_c('chip-closable'),_c('chip-add-remove'),_c('chip-customize-close-clear-chip-icon')],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(\"Helps you represent simple data with colorful options\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-chip',[_vm._v(\"Basic Chip\")]),_c('vs-chip',[_c('vs-avatar',{attrs:{\"text\":\"LD\"}}),_vm._v(\"\\n                Avatar Text\\n            \")],1),_c('vs-chip',[_c('vs-avatar'),_vm._v(\"\\n                Avatar Icon\\n            \")],1),_c('vs-chip',[_c('vs-avatar',{attrs:{\"src\":\"https://randomuser.me/api/portraits/men/4.jpg\"}}),_vm._v(\"\\n                Avatar Image\\n            \")],1),(!_vm.isDeleted)?_c('vs-chip',{attrs:{\"closable\":\"\"},on:{\"click\":function($event){_vm.isDeleted=true}}},[_vm._v(\"\\n                Closable chip\\n            \")]):_vm._e()],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <vs-chip>Basic Chip</vs-chip>\\n\\n    <vs-chip>\\n      <vs-avatar text=\\\"LD\\\"/>\\n      Avatar Text\\n    </vs-chip>\\n\\n    <vs-chip>\\n      <vs-avatar />\\n      Avatar Icon\\n    </vs-chip>\\n\\n    <vs-chip>\\n      <vs-avatar src=\\\"https://randomuser.me/api/portraits/men/4.jpg\\\"/>\\n      Avatar Image\\n    </vs-chip>\\n\\n    <vs-chip @click=\\\"isDeleted=true\\\" v-if=\\\"!isDeleted\\\" closable>\\n      Closable chip\\n    </vs-chip>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      isDeleted: false,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ChipDefault.vue\n    Description: Rendering of default chip\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>Helps you represent simple data with colorful options</p>\n\n        <div class=\"demo-alignment\">\n\n            <vs-chip>Basic Chip</vs-chip>\n            <vs-chip>\n                <vs-avatar text=\"LD\" />\n                Avatar Text\n            </vs-chip>\n            <vs-chip>\n                <vs-avatar />\n                Avatar Icon\n            </vs-chip>\n            <vs-chip>\n                <vs-avatar src=\"https://randomuser.me/api/portraits/men/4.jpg\" />\n                Avatar Image\n            </vs-chip>\n            <vs-chip @click=\"isDeleted=true\" v-if=\"!isDeleted\" closable>\n                Closable chip\n            </vs-chip>\n\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n\n    &lt;vs-chip&gt;Basic Chip&lt;/vs-chip&gt;\n\n    &lt;vs-chip&gt;\n      &lt;vs-avatar text=&quot;LD&quot;/&gt;\n      Avatar Text\n    &lt;/vs-chip&gt;\n\n    &lt;vs-chip&gt;\n      &lt;vs-avatar /&gt;\n      Avatar Icon\n    &lt;/vs-chip&gt;\n\n    &lt;vs-chip&gt;\n      &lt;vs-avatar src=&quot;https://randomuser.me/api/portraits/men/4.jpg&quot;/&gt;\n      Avatar Image\n    &lt;/vs-chip&gt;\n\n    &lt;vs-chip @click=&quot;isDeleted=true&quot; v-if=&quot;!isDeleted&quot; closable&gt;\n      Closable chip\n    &lt;/vs-chip&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      isDeleted: false,\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      isDeleted: false\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!./ChipDefault.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!./ChipDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipDefault.vue?vue&type=template&id=6a4d4744&\"\nimport script from \"./ChipDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./ChipDefault.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(\"Change the background color of the chip\")]),_c('vs-alert',{staticClass:\"my-3\",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\"},[_c('vs-chip',{attrs:{\"color\":\"primary\"}},[_vm._v(\"\\n                Basic Chip\\n            \")]),_c('vs-chip',{attrs:{\"color\":\"success\"}},[_c('vs-avatar',{attrs:{\"text\":\"LD\"}}),_vm._v(\"\\n                Avatar Text\\n            \")],1),_c('vs-chip',{attrs:{\"color\":\"danger\"}},[_c('vs-avatar'),_vm._v(\"\\n                Avatar Icon\\n            \")],1),_c('vs-chip',{attrs:{\"color\":\"warning\"}},[_c('vs-avatar',{attrs:{\"src\":\"https://randomuser.me/api/portraits/men/4.jpg\"}}),_vm._v(\"\\n                Avatar Image\\n            \")],1),(!_vm.isDeleted)?_c('vs-chip',{attrs:{\"closable\":\"\",\"color\":\"dark\"},on:{\"click\":function($event){_vm.isDeleted=true}}},[_vm._v(\"\\n                Closable chip\\n            \")]):_vm._e(),(!_vm.isDeleted2)?_c('vs-chip',{attrs:{\"closable\":\"\",\"color\":\"#24c1a0\",\"close-icon\":\"close\"},on:{\"click\":function($event){_vm.isDeleted2=true}}},[_c('vs-avatar',{attrs:{\"src\":\"https://randomuser.me/api/portraits/men/16.jpg\"}}),_vm._v(\"\\n                Closable chip\\n            \")],1):_vm._e()],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <vs-chip color=\\\"primary\\\">Basic Chip</vs-chip>\\n\\n    <vs-chip color=\\\"success\\\">\\n      <vs-avatar text=\\\"LD\\\" />\\n      Avatar Text\\n    </vs-chip>\\n\\n    <vs-chip color=\\\"danger\\\">\\n      <vs-avatar />\\n      Avatar Icon\\n    </vs-chip>\\n\\n    <vs-chip color=\\\"warning\\\">\\n      <vs-avatar src=\\\"https://randomuser.me/api/portraits/men/4.jpg\\\" />\\n      Avatar Image\\n    </vs-chip>\\n\\n    <vs-chip @click=\\\"isDeleted=true\\\" v-if=\\\"!isDeleted\\\" closable color=\\\"dark\\\">\\n      Closable chip\\n    </vs-chip>\\n\\n    <vs-chip @click=\\\"isDeleted2=true\\\" v-if=\\\"!isDeleted2\\\" closable color=\\\"#24c1a0\\\" close-icon=\\\"close\\\">\\n      <vs-avatar src=\\\"https://randomuser.me/api/portraits/men/16.jpg\\\" />\\n      Closable chip\\n    </vs-chip>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      isDeleted: false,\\n      isDeleted2: false,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ChipColor.vue\n    Description: Change background color of chips using color prop\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>Change the background color of the chip</p>\n\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"my-3\">\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\n        </vs-alert>\n\n        <div class=\"demo-alignment\">\n\n            <vs-chip color=\"primary\">\n                Basic Chip\n            </vs-chip>\n            <vs-chip color=\"success\">\n                <vs-avatar text=\"LD\" />\n                Avatar Text\n            </vs-chip>\n            <vs-chip color=\"danger\">\n                <vs-avatar />\n                Avatar Icon\n            </vs-chip>\n            <vs-chip color=\"warning\">\n                <vs-avatar src=\"https://randomuser.me/api/portraits/men/4.jpg\" />\n                Avatar Image\n            </vs-chip>\n            <vs-chip @click=\"isDeleted=true\" v-if=\"!isDeleted\" closable color=\"dark\">\n                Closable chip\n            </vs-chip>\n            <vs-chip @click=\"isDeleted2=true\" v-if=\"!isDeleted2\" closable color=\"#24c1a0\" close-icon=\"close\">\n                <vs-avatar src=\"https://randomuser.me/api/portraits/men/16.jpg\" />\n                Closable chip\n            </vs-chip>\n\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n\n    &lt;vs-chip color=&quot;primary&quot;&gt;Basic Chip&lt;/vs-chip&gt;\n\n    &lt;vs-chip color=&quot;success&quot;&gt;\n      &lt;vs-avatar text=&quot;LD&quot; /&gt;\n      Avatar Text\n    &lt;/vs-chip&gt;\n\n    &lt;vs-chip color=&quot;danger&quot;&gt;\n      &lt;vs-avatar /&gt;\n      Avatar Icon\n    &lt;/vs-chip&gt;\n\n    &lt;vs-chip color=&quot;warning&quot;&gt;\n      &lt;vs-avatar src=&quot;https://randomuser.me/api/portraits/men/4.jpg&quot; /&gt;\n      Avatar Image\n    &lt;/vs-chip&gt;\n\n    &lt;vs-chip @click=&quot;isDeleted=true&quot; v-if=&quot;!isDeleted&quot; closable color=&quot;dark&quot;&gt;\n      Closable chip\n    &lt;/vs-chip&gt;\n\n    &lt;vs-chip @click=&quot;isDeleted2=true&quot; v-if=&quot;!isDeleted2&quot; closable color=&quot;#24c1a0&quot; close-icon=&quot;close&quot;&gt;\n      &lt;vs-avatar src=&quot;https://randomuser.me/api/portraits/men/16.jpg&quot; /&gt;\n      Closable chip\n    &lt;/vs-chip&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      isDeleted: false,\n      isDeleted2: false,\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      isDeleted: false,\n      isDeleted2: false\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!./ChipColor.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!./ChipColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipColor.vue?vue&type=template&id=314b55de&\"\nimport script from \"./ChipColor.vue?vue&type=script&lang=js&\"\nexport * from \"./ChipColor.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\":\"Transparent\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can create transparent chip using \"),_c('code',[_vm._v(\"transparent\")]),_vm._v(\" prop.\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-chip',{attrs:{\"transparent\":\"\",\"color\":\"primary\"}},[_vm._v(\"\\n        Basic Chip\\n      \")]),_c('vs-chip',{attrs:{\"transparent\":\"\",\"color\":\"success\"}},[_c('vs-avatar',{attrs:{\"text\":\"LD\"}}),_vm._v(\"\\n        Avatar Text\\n      \")],1),_c('vs-chip',{attrs:{\"transparent\":\"\",\"color\":\"danger\"}},[_c('vs-avatar'),_vm._v(\"\\n        Avatar Icon\\n      \")],1),_c('vs-chip',{attrs:{\"transparent\":\"\",\"color\":\"warning\"}},[_c('vs-avatar',{attrs:{\"src\":\"https://randomuser.me/api/portraits/men/4.jpg\"}}),_vm._v(\"\\n        Avatar Image\\n      \")],1),_c('vs-chip',{attrs:{\"transparent\":\"\",\"closable\":\"\",\"color\":\"dark\"}},[_vm._v(\"\\n        Closable chip\\n      \")]),_c('vs-chip',{attrs:{\"transparent\":\"\",\"closable\":\"\",\"color\":\"#24c1a0\",\"close-icon\":\"close\"}},[_c('vs-avatar',{attrs:{\"src\":\"https://randomuser.me/api/portraits/men/16.jpg\"}}),_vm._v(\"\\n        Closable chip\\n      \")],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n    <vs-chip transparent color=\\\"primary\\\">\\n      Basic Chip\\n    </vs-chip>\\n    <vs-chip transparent color=\\\"success\\\">\\n      <vs-avatar text=\\\"LD\\\"/>\\n      Avatar Text\\n    </vs-chip>\\n    <vs-chip transparent color=\\\"danger\\\">\\n      <vs-avatar />\\n      Avatar Icon\\n    </vs-chip>\\n    <vs-chip transparent color=\\\"warning\\\">\\n      <vs-avatar src=\\\"https://randomuser.me/api/portraits/men/4.jpg\\\"/>\\n      Avatar Image\\n    </vs-chip >\\n    <vs-chip transparent closable color=\\\"dark\\\">\\n      Closable chip\\n    </vs-chip>\\n    <vs-chip transparent closable color=\\\"#24c1a0\\\" close-icon=\\\"close\\\">\\n      <vs-avatar src=\\\"https://randomuser.me/api/portraits/men/16.jpg\\\"/>\\n      Closable chip\\n    </vs-chip>\\n  </div>\\n</template>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ChipTransparent.vue?vue&type=template&id=1ae80fb2&\"\nvar script = {}\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\":\"Icon\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Add a nice icon to the chip\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-chip',[_c('vs-avatar',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-user\"}}),_c('span',[_vm._v(\"Icon Default\")])],1),_c('vs-chip',{attrs:{\"color\":\"primary\"}},[_c('vs-avatar',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-send\"}}),_c('span',[_vm._v(\"Icon send\")])],1),_c('vs-chip',{attrs:{\"color\":\"success\"}},[_c('vs-avatar',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-mail\"}}),_c('span',[_vm._v(\"Icon markunread\")])],1),_c('vs-chip',{attrs:{\"color\":\"danger\"}},[_c('vs-avatar',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-slash\"}}),_c('span',[_vm._v(\"Icon block\")])],1),_c('vs-chip',{attrs:{\"color\":\"warning\"}},[_c('vs-avatar',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-battery\"}}),_c('span',[_vm._v(\"Icon battery_alert\")])],1),_c('vs-chip',{attrs:{\"color\":\"dark\"}},[_c('vs-avatar',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-edit\"}}),_c('span',[_vm._v(\"Icon edit\")])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"demo-alignment\\\">\\n\\n  <vs-chip>\\n    <vs-avatar icon-pack=\\\"feather\\\" icon=\\\"icon-user\\\" />\\n    <span>Icon Default</span>\\n  </vs-chip>\\n\\n  <vs-chip color=\\\"primary\\\">\\n    <vs-avatar icon-pack=\\\"feather\\\" icon=\\\"icon-send\\\" />\\n    <span>Icon send</span>\\n  </vs-chip>\\n\\n  <vs-chip color=\\\"success\\\">\\n    <vs-avatar icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" />\\n    <span>Icon markunread</span>\\n  </vs-chip>\\n\\n  <vs-chip color=\\\"danger\\\">\\n    <vs-avatar icon-pack=\\\"feather\\\" icon=\\\"icon-slash\\\" />\\n    <span>Icon block</span>\\n  </vs-chip>\\n\\n  <vs-chip color=\\\"warning\\\">\\n    <vs-avatar icon-pack=\\\"feather\\\" icon=\\\"icon-battery\\\" />\\n    <span>Icon battery_alert</span>\\n  </vs-chip>\\n\\n  <vs-chip color=\\\"dark\\\">\\n    <vs-avatar icon-pack=\\\"feather\\\" icon=\\\"icon-edit\\\" />\\n    <span>Icon edit</span>\\n  </vs-chip>\\n</div>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ChipIcon.vue?vue&type=template&id=1becd119&\"\nvar script = {}\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\":\"Closable\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"For making a chip closable\")]),_c('div',{staticClass:\"demo-alignment\"},[(_vm.chips.length == 0)?_c('vs-button',{attrs:{\"type\":\"filled\"},on:{\"click\":_vm.reset}},[_vm._v(\"Reset Chips\")]):_vm._e(),_vm._l((_vm.chips),function(chip,index){return _c('vs-chip',{key:index,attrs:{\"closable\":\"\"},on:{\"click\":function($event){return _vm.remove(chip)}}},[_vm._v(\" \"+_vm._s(chip)+\" \")])})],2),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <vs-button v-if=\\\"chips.length == 0\\\" @click=\\\"reset\\\" type=\\\"filled\\\">Reset Chips</vs-button>\\n    <vs-chip @click=\\\"remove(chip)\\\" v-for=\\\"(chip, index) in chips\\\" :key=\\\"index\\\" closable> \"+_vm._s(\"\\{\\{ chip \\}\\}\")+\"} </vs-chip>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      chips:[\\n        'Dribbble',\\n        'GitHub',\\n        'Behance',\\n        'Vuejs',\\n        'Vuexy',\\n      ],\\n    }\\n  },\\n  methods: {\\n    reset () {\\n      this.chips = [\\n        'Dribbble',\\n        'GitHub',\\n        'Behance',\\n        'Vuejs',\\n        'Vuexy',\\n      ]\\n    },\\n    remove (item) {\\n      this.chips.splice(this.chips.indexOf(item), 1)\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ChipClosable.vue\n    Description: For making a chip closable\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=\"Closable\" code-toggler>\n\n        <p>For making a chip closable</p>\n\n        <div class=\"demo-alignment\">\n\n            <vs-button v-if=\"chips.length == 0\" @click=\"reset\" type=\"filled\">Reset Chips</vs-button>\n            <vs-chip @click=\"remove(chip)\" v-for=\"(chip, index) in chips\" :key=\"index\" closable> {{ chip }} </vs-chip>\n\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n\n    &lt;vs-button v-if=&quot;chips.length == 0&quot; @click=&quot;reset&quot; type=&quot;filled&quot;&gt;Reset Chips&lt;/vs-button&gt;\n    &lt;vs-chip @click=&quot;remove(chip)&quot; v-for=&quot;(chip, index) in chips&quot; :key=&quot;index&quot; closable&gt; {{ \"\\{\\{ chip \\}\\}\" }}} &lt;/vs-chip&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      chips:[\n        &apos;Dribbble&apos;,\n        &apos;GitHub&apos;,\n        &apos;Behance&apos;,\n        &apos;Vuejs&apos;,\n        &apos;Vuexy&apos;,\n      ],\n    }\n  },\n  methods: {\n    reset () {\n      this.chips = [\n        &apos;Dribbble&apos;,\n        &apos;GitHub&apos;,\n        &apos;Behance&apos;,\n        &apos;Vuejs&apos;,\n        &apos;Vuexy&apos;,\n      ]\n    },\n    remove (item) {\n      this.chips.splice(this.chips.indexOf(item), 1)\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      chips: [\n        'Dribbble',\n        'GitHub',\n        'Behance',\n        'Vuejs',\n        'Vuexy'\n      ]\n    }\n  },\n  methods: {\n    reset () {\n      this.chips = [\n        'Dribbble',\n        'GitHub',\n        'Behance',\n        'Vuejs',\n        'Vuexy'\n      ]\n    },\n    remove (item) {\n      this.chips.splice(this.chips.indexOf(item), 1)\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!./ChipClosable.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!./ChipClosable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipClosable.vue?vue&type=template&id=6e47fc1b&\"\nimport script from \"./ChipClosable.vue?vue&type=script&lang=js&\"\nexport * from \"./ChipClosable.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\":\"Add and Remove Items\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add and remove chips with the \"),_c('code',[_vm._v(\"vs-chips\")]),_vm._v(\" component. For the main parameter, pass the \"),_c('code',[_vm._v(\"items\")]),_vm._v(\" property, which is an array representing each chip\")]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"op-block mb-5\"},[_vm._v(\" \"+_vm._s(_vm.chips)+\" \")]),_c('vs-chips',{attrs:{\"color\":\"rgb(145, 32, 159)\",\"placeholder\":\"New Element\"},model:{value:(_vm.chips),callback:function ($$v) {_vm.chips=$$v},expression:\"chips\"}},_vm._l((_vm.chips),function(chip,index){return _c('vs-chip',{key:(chip + \"-\" + index),attrs:{\"closable\":\"\"},on:{\"click\":function($event){return _vm.remove(chip)}}},[_vm._v(\"\\n                    \"+_vm._s(chip)+\"\\n                \")])}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"op-block mb-4\\\"> \"+_vm._s(\"\\{\\{ chips \\}\\}\")+\" </div>\\n  <vs-chips color=\\\"rgb(145, 32, 159)\\\" placeholder=\\\"New Element\\\" v-model=\\\"chips\\\">\\n    <vs-chip\\n      :key=\\\"chip\\\"\\n      @click=\\\"remove(chip)\\\"\\n      v-for=\\\"chip in chips\\\"\\n      closable>\\n      \"+_vm._s(\"\\{\\{ chip \\}\\}\")+\"}\\n    </vs-chip>\\n  </vs-chips>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      chips:[\\n        'Dribbble',\\n        'GitHub',\\n        'Behance',\\n        'Vuejs',\\n        'Vuexy',\\n      ],\\n    }\\n  },\\n  methods: {\\n    remove (item) {\\n      this.chips.splice(this.chips.indexOf(item), 1)\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ChipAddRemove.vue\n    Description: Add and Remove chips using vs-chips\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=\"Add and Remove Items\" code-toggler>\n\n        <p>You can add and remove chips with the <code>vs-chips</code> component. For the main parameter, pass the <code>items</code> property, which is an array representing each chip</p>\n\n        <div class=\"mt-5\">\n\n            <div class=\"op-block mb-5\"> {{ chips }} </div>\n            <vs-chips color=\"rgb(145, 32, 159)\" placeholder=\"New Element\" v-model=\"chips\">\n                <vs-chip\n                    :key=\"`${chip}-${index}`\"\n                    @click=\"remove(chip)\"\n                    v-for=\"(chip, index) in chips\"\n                    closable>\n                    {{ chip }}\n                </vs-chip>\n            </vs-chips>\n\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;op-block mb-4&quot;&gt; {{ \"\\{\\{ chips \\}\\}\" }} &lt;/div&gt;\n  &lt;vs-chips color=&quot;rgb(145, 32, 159)&quot; placeholder=&quot;New Element&quot; v-model=&quot;chips&quot;&gt;\n    &lt;vs-chip\n      :key=&quot;chip&quot;\n      @click=&quot;remove(chip)&quot;\n      v-for=&quot;chip in chips&quot;\n      closable&gt;\n      {{ \"\\{\\{ chip \\}\\}\" }}}\n    &lt;/vs-chip&gt;\n  &lt;/vs-chips&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      chips:[\n        &apos;Dribbble&apos;,\n        &apos;GitHub&apos;,\n        &apos;Behance&apos;,\n        &apos;Vuejs&apos;,\n        &apos;Vuexy&apos;,\n      ],\n    }\n  },\n  methods: {\n    remove (item) {\n      this.chips.splice(this.chips.indexOf(item), 1)\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      chips: [\n        'Dribbble',\n        'GitHub',\n        'Behance',\n        'Vuejs',\n        'Vuexy'\n      ]\n    }\n  },\n  methods: {\n    remove (item) {\n      this.chips.splice(this.chips.indexOf(item), 1)\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!./ChipAddRemove.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!./ChipAddRemove.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipAddRemove.vue?vue&type=template&id=90809dfc&\"\nimport script from \"./ChipAddRemove.vue?vue&type=script&lang=js&\"\nexport * from \"./ChipAddRemove.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\":\"Customize Close and Clear Chips Icons\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the icons used for the close button and the clear button when using multiple chips with the \"),_c('code',[_vm._v(\"vs-chips\")]),_vm._v(\" component.\")]),_c('p',[_vm._v(\"For the main parameter, pass the \"),_c('code',[_vm._v(\"close-icon\")]),_vm._v(\" property, which is the close icon that appears on each chip. You can change the Clear Chips button with the \"),_c('code',[_vm._v(\"remove-icon\")]),_vm._v(\" property\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"Vuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official \"),_c('a',{attrs:{\"href\":\"https://material.io/icons/\",\"target\":\"_blank\"}},[_vm._v(\"Material Icons page\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"FontAwesome and other fonts library are supported. Simply use the icon-pack with fa or fas. You still need to include the Font Awesome icons in your project.\")])]),_c('div',{staticClass:\"mt-5\"},[_c('div',{staticClass:\"op-block mb-5\"},[_vm._v(\" \"+_vm._s(_vm.chips)+\" \")]),_c('vs-chips',{attrs:{\"color\":\"rgb(145, 32, 159)\",\"placeholder\":\"New Element\",\"icon-pack\":\"feather\",\"remove-icon\":\"icon-trash-2\"},model:{value:(_vm.chips),callback:function ($$v) {_vm.chips=$$v},expression:\"chips\"}},_vm._l((_vm.chips),function(chip,index){return _c('vs-chip',{key:(chip + \"-\" + index),attrs:{\"closable\":\"\",\"icon-pack\":\"feather\",\"close-icon\":\"icon-trash-2\"},on:{\"click\":function($event){return _vm.remove(chip)}}},[_vm._v(\"\\n                    \"+_vm._s(chip)+\"\\n                \")])}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"op-block mb-4\\\"> \"+_vm._s(\"\\{\\{ chips \\}\\}\")+\" </div>\\n  <vs-chips color=\\\"rgb(145, 32, 159)\\\" placeholder=\\\"New Element\\\" v-model=\\\"chips\\\" icon-pack=\\\"feather\\\" remove-icon=\\\"icon-trash-2\\\">\\n    <vs-chip\\n      :key=\\\"chip\\\"\\n      @click=\\\"remove(chip)\\\"\\n      v-for=\\\"chip in chips\\\"\\n      closable\\n      icon-pack=\\\"feather\\\"\\n      close-icon=\\\"icon-trash-2\\\">\\n      \"+_vm._s(\"\\{\\{ chip \\}\\}\")+\"\\n    </vs-chip>\\n  </vs-chips>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      chips:[\\n        'Dribbble',\\n        'GitHub',\\n        'Behance',\\n        'Vuejs',\\n        'Vuexy',\\n      ],\\n    }\\n  },\\n  methods: {\\n    remove (item) {\\n      this.chips.splice(this.chips.indexOf(item), 1)\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ChipCustomizeCloseClearChipIcon.vue\n    Description: Change icon used for close and clear button\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=\"Customize Close and Clear Chips Icons\" code-toggler>\n\n        <p>You can change the icons used for the close button and the clear button when using multiple chips with the <code>vs-chips</code> component.</p>\n        <p>For the main parameter, pass the <code>close-icon</code> property, which is the close icon that appears on each chip. You can change the Clear Chips button with the <code>remove-icon</code> property</p>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n            <p>Vuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official <a href=\"https://material.io/icons/\" target=\"_blank\">Material Icons page</a>.</p>\n            <p>FontAwesome and other fonts library are supported. Simply use the icon-pack with fa or fas. You still need to include the Font Awesome icons in your project.</p>\n        </vs-alert>\n\n        <div class=\"mt-5\">\n\n            <div class=\"op-block mb-5\"> {{ chips }} </div>\n            <vs-chips color=\"rgb(145, 32, 159)\" placeholder=\"New Element\" v-model=\"chips\" icon-pack=\"feather\" remove-icon=\"icon-trash-2\">\n                <vs-chip\n                    :key=\"`${chip}-${index}`\"\n                    @click=\"remove(chip)\"\n                    v-for=\"(chip, index) in chips\"\n                    closable\n                    icon-pack=\"feather\"\n                    close-icon=\"icon-trash-2\">\n                    {{ chip }}\n                </vs-chip>\n            </vs-chips>\n\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;op-block mb-4&quot;&gt; {{ \"\\{\\{ chips \\}\\}\" }} &lt;/div&gt;\n  &lt;vs-chips color=&quot;rgb(145, 32, 159)&quot; placeholder=&quot;New Element&quot; v-model=&quot;chips&quot; icon-pack=&quot;feather&quot; remove-icon=&quot;icon-trash-2&quot;&gt;\n    &lt;vs-chip\n      :key=&quot;chip&quot;\n      @click=&quot;remove(chip)&quot;\n      v-for=&quot;chip in chips&quot;\n      closable\n      icon-pack=&quot;feather&quot;\n      close-icon=&quot;icon-trash-2&quot;&gt;\n      {{ \"\\{\\{ chip \\}\\}\" }}\n    &lt;/vs-chip&gt;\n  &lt;/vs-chips&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      chips:[\n        &apos;Dribbble&apos;,\n        &apos;GitHub&apos;,\n        &apos;Behance&apos;,\n        &apos;Vuejs&apos;,\n        &apos;Vuexy&apos;,\n      ],\n    }\n  },\n  methods: {\n    remove (item) {\n      this.chips.splice(this.chips.indexOf(item), 1)\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      chips: [\n        'Dribbble',\n        'GitHub',\n        'Behance',\n        'Vuejs',\n        'Vuexy'\n      ]\n    }\n  },\n  methods: {\n    remove (item) {\n      this.chips.splice(this.chips.indexOf(item), 1)\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!./ChipCustomizeCloseClearChipIcon.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!./ChipCustomizeCloseClearChipIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipCustomizeCloseClearChipIcon.vue?vue&type=template&id=99585f7c&\"\nimport script from \"./ChipCustomizeCloseClearChipIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./ChipCustomizeCloseClearChipIcon.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: Chip.vue\n  Description: Chip - 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<template>\n  <div id=\"chip-demo\">\n    <chip-default />\n    <chip-color />\n    <chip-transparent />\n    <chip-icon />\n    <chip-closable />\n    <chip-add-remove />\n    <chip-customize-close-clear-chip-icon />\n  </div>\n</template>\n\n<script>\nimport ChipDefault                     from './ChipDefault.vue'\nimport ChipColor                       from './ChipColor.vue'\nimport ChipTransparent                 from './ChipTransparent.vue'\nimport ChipIcon                        from './ChipIcon.vue'\nimport ChipClosable                    from './ChipClosable.vue'\nimport ChipAddRemove                   from './ChipAddRemove.vue'\nimport ChipCustomizeCloseClearChipIcon from './ChipCustomizeCloseClearChipIcon.vue'\n\nexport default {\n  components: {\n    ChipDefault,\n    ChipColor,\n    ChipTransparent,\n    ChipIcon,\n    ChipClosable,\n    ChipAddRemove,\n    ChipCustomizeCloseClearChipIcon\n  }\n}\n\n</script>\n\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!./Chip.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!./Chip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Chip.vue?vue&type=template&id=bd5deda0&\"\nimport script from \"./Chip.vue?vue&type=script&lang=js&\"\nexport * from \"./Chip.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}