{"version":3,"sources":["webpack:///./src/views/components/vuesax/chip/Chip.vue?5f8a","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue?ca83","webpack:///src/views/components/vuesax/chip/ChipDefault.vue","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue?c937","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue","webpack:///./src/views/components/vuesax/chip/ChipColor.vue?bd0f","webpack:///src/views/components/vuesax/chip/ChipColor.vue","webpack:///./src/views/components/vuesax/chip/ChipColor.vue?0f38","webpack:///./src/views/components/vuesax/chip/ChipColor.vue","webpack:///./src/views/components/vuesax/chip/ChipIcon.vue?d550","webpack:///./src/views/components/vuesax/chip/ChipIcon.vue","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue?e292","webpack:///src/views/components/vuesax/chip/ChipClosable.vue","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue?1931","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue?17ba","webpack:///src/views/components/vuesax/chip/ChipAddRemove.vue","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue?8ba6","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue?bf94","webpack:///src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue?d8b7","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue","webpack:///src/views/components/vuesax/chip/Chip.vue","webpack:///./src/views/components/vuesax/chip/Chip.vue?edb3","webpack:///./src/views/components/vuesax/chip/Chip.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","ChipDefaultvue_type_template_id_c59835be_render","title","code-toggler","_v","staticClass","text","src","isDeleted","_e","closable","on","click","$event","slot","ChipDefaultvue_type_template_id_c59835be_staticRenderFns","ChipDefaultvue_type_script_lang_js_","data","chip_ChipDefaultvue_type_script_lang_js_","component","Object","componentNormalizer","ChipDefault","ChipColorvue_type_template_id_7d538bb8_render","icon","active","color","isDeleted2","close-icon","ChipColorvue_type_template_id_7d538bb8_staticRenderFns","ChipColorvue_type_script_lang_js_","chip_ChipColorvue_type_script_lang_js_","ChipColor_component","ChipColor","ChipIconvue_type_template_id_7849d525_render","icon-pack","ChipIconvue_type_template_id_7849d525_staticRenderFns","script","ChipIcon_component","ChipIcon","ChipClosablevue_type_template_id_03f83b81_render","chips","length","type","reset","_l","chip","index","key","remove","_s","ChipClosablevue_type_template_id_03f83b81_staticRenderFns","ChipClosablevue_type_script_lang_js_","methods","item","splice","indexOf","chip_ChipClosablevue_type_script_lang_js_","ChipClosable_component","ChipClosable","ChipAddRemovevue_type_template_id_189827ae_render","placeholder","model","value","callback","$$v","expression","ChipAddRemovevue_type_template_id_189827ae_staticRenderFns","ChipAddRemovevue_type_script_lang_js_","chip_ChipAddRemovevue_type_script_lang_js_","ChipAddRemove_component","ChipAddRemove","ChipCustomizeCloseClearChipIconvue_type_template_id_38201b38_render","href","target","remove-icon","ChipCustomizeCloseClearChipIconvue_type_template_id_38201b38_staticRenderFns","ChipCustomizeCloseClearChipIconvue_type_script_lang_js_","chip_ChipCustomizeCloseClearChipIconvue_type_script_lang_js_","ChipCustomizeCloseClearChipIcon_component","ChipCustomizeCloseClearChipIcon","Chipvue_type_script_lang_js_","components","chip_Chipvue_type_script_lang_js_","Chip_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d210f45.19495514.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-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 }","<!-- =========================================================================================\r\n    File Name: ChipDefault.vue\r\n    Description: Rendering of default chip\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Default\" code-toggler>\r\n        \r\n        <p>Helps you represent simple data with colorful options</p>\r\n\r\n        <div class=\"demo-alignment\">\r\n\r\n            <vs-chip>Basic Chip</vs-chip>\r\n            <vs-chip>\r\n                <vs-avatar text=\"LD\" />\r\n                Avatar Text\r\n            </vs-chip>\r\n            <vs-chip>\r\n                <vs-avatar />\r\n                Avatar Icon\r\n            </vs-chip>\r\n            <vs-chip>\r\n                <vs-avatar src=\"https://randomuser.me/api/portraits/men/4.jpg\" />\r\n                Avatar Image\r\n            </vs-chip>\r\n            <vs-chip @click=\"isDeleted=true\" v-if=\"!isDeleted\" closable>\r\n                Closable chip\r\n            </vs-chip>\r\n\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n    &lt;vs-chip&gt;Basic Chip&lt;/vs-chip&gt;\r\n\r\n    &lt;vs-chip&gt;\r\n      &lt;vs-avatar text=&quot;LD&quot;/&gt;\r\n      Avatar Text\r\n    &lt;/vs-chip&gt;\r\n\r\n    &lt;vs-chip&gt;\r\n      &lt;vs-avatar /&gt;\r\n      Avatar Icon\r\n    &lt;/vs-chip&gt;\r\n\r\n    &lt;vs-chip&gt;\r\n      &lt;vs-avatar src=&quot;https://randomuser.me/api/portraits/men/4.jpg&quot;/&gt;\r\n      Avatar Image\r\n    &lt;/vs-chip&gt;\r\n\r\n    &lt;vs-chip @click=&quot;isDeleted=true&quot; v-if=&quot;!isDeleted&quot; closable&gt;\r\n      Closable chip\r\n    &lt;/vs-chip&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      isDeleted: false,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            isDeleted: false,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChipDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipDefault.vue?vue&type=template&id=c59835be&\"\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 }","<!-- =========================================================================================\r\n    File Name: ChipColor.vue\r\n    Description: Change background color of chips using color prop\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Color\" code-toggler>\r\n        \r\n        <p>Change the background color of the chip</p>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"my-3\">\r\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\r\n        </vs-alert>\r\n\r\n        <div class=\"demo-alignment\">\r\n\r\n            <vs-chip color=\"primary\">\r\n                Basic Chip\r\n            </vs-chip>\r\n            <vs-chip color=\"success\">\r\n                <vs-avatar text=\"LD\" />\r\n                Avatar Text\r\n            </vs-chip>\r\n            <vs-chip color=\"danger\">\r\n                <vs-avatar />\r\n                Avatar Icon\r\n            </vs-chip>\r\n            <vs-chip color=\"warning\">\r\n                <vs-avatar src=\"https://randomuser.me/api/portraits/men/4.jpg\" />\r\n                Avatar Image\r\n            </vs-chip>\r\n            <vs-chip @click=\"isDeleted=true\" v-if=\"!isDeleted\" closable color=\"dark\">\r\n                Closable chip\r\n            </vs-chip>\r\n            <vs-chip @click=\"isDeleted2=true\" v-if=\"!isDeleted2\" closable color=\"#24c1a0\" close-icon=\"close\">\r\n                <vs-avatar src=\"https://randomuser.me/api/portraits/men/16.jpg\" />\r\n                Closable chip\r\n            </vs-chip>\r\n\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n    &lt;vs-chip color=&quot;primary&quot;&gt;Basic Chip&lt;/vs-chip&gt;\r\n\r\n    &lt;vs-chip color=&quot;success&quot;&gt;\r\n      &lt;vs-avatar text=&quot;LD&quot; /&gt;\r\n      Avatar Text\r\n    &lt;/vs-chip&gt;\r\n\r\n    &lt;vs-chip color=&quot;danger&quot;&gt;\r\n      &lt;vs-avatar /&gt;\r\n      Avatar Icon\r\n    &lt;/vs-chip&gt;\r\n\r\n    &lt;vs-chip color=&quot;warning&quot;&gt;\r\n      &lt;vs-avatar src=&quot;https://randomuser.me/api/portraits/men/4.jpg&quot; /&gt;\r\n      Avatar Image\r\n    &lt;/vs-chip&gt;\r\n\r\n    &lt;vs-chip @click=&quot;isDeleted=true&quot; v-if=&quot;!isDeleted&quot; closable color=&quot;dark&quot;&gt;\r\n      Closable chip\r\n    &lt;/vs-chip&gt;\r\n\r\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;\r\n      &lt;vs-avatar src=&quot;https://randomuser.me/api/portraits/men/16.jpg&quot; /&gt;\r\n      Closable chip\r\n    &lt;/vs-chip&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      isDeleted: false,\r\n      isDeleted2: false,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            isDeleted: false,\r\n            isDeleted2: false,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChipColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipColor.vue?vue&type=template&id=7d538bb8&\"\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\":\"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=7849d525&\"\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        'Vuesax',\\n      ],\\n    }\\n  },\\n  methods: {\\n    reset () {\\n      this.chips = [\\n        'Dribbble',\\n        'GitHub',\\n        'Behance',\\n        'Vuejs',\\n        'Vuesax',\\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 }","<!-- =========================================================================================\r\n    File Name: ChipClosable.vue\r\n    Description: For making a chip closable\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Closable\" code-toggler>\r\n        \r\n        <p>For making a chip closable</p>\r\n\r\n        <div class=\"demo-alignment\">\r\n\r\n            <vs-button v-if=\"chips.length == 0\" @click=\"reset\" type=\"filled\">Reset Chips</vs-button>\r\n            <vs-chip @click=\"remove(chip)\" v-for=\"(chip, index) in chips\" :key=\"index\" closable> {{ chip }} </vs-chip>\r\n\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\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;\r\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;\r\n\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      chips:[\r\n        &apos;Dribbble&apos;,\r\n        &apos;GitHub&apos;,\r\n        &apos;Behance&apos;,\r\n        &apos;Vuejs&apos;,\r\n        &apos;Vuesax&apos;,\r\n      ],\r\n    }\r\n  },\r\n  methods: {\r\n    reset () {\r\n      this.chips = [\r\n        &apos;Dribbble&apos;,\r\n        &apos;GitHub&apos;,\r\n        &apos;Behance&apos;,\r\n        &apos;Vuejs&apos;,\r\n        &apos;Vuesax&apos;,\r\n      ]\r\n    },\r\n    remove (item) {\r\n      this.chips.splice(this.chips.indexOf(item), 1)\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            chips: [\r\n                'Dribbble',\r\n                'GitHub',\r\n                'Behance',\r\n                'Vuejs',\r\n                'Vuesax',\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        reset() {\r\n            this.chips = [\r\n                'Dribbble',\r\n                'GitHub',\r\n                'Behance',\r\n                'Vuejs',\r\n                'Vuesax',\r\n            ]\r\n        },\r\n        remove(item) {\r\n            this.chips.splice(this.chips.indexOf(item), 1)\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChipClosable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipClosable.vue?vue&type=template&id=03f83b81&\"\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){return _c('vs-chip',{key:chip,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        'Vuesax',\\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 }","<!-- =========================================================================================\r\n    File Name: ChipAddRemove.vue\r\n    Description: Add and Remove chips using vs-chips\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Add and Remove Items\" code-toggler>\r\n        \r\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>\r\n\r\n        <div class=\"mt-5\">\r\n\r\n            <div class=\"op-block mb-5\"> {{ chips }} </div>\r\n            <vs-chips color=\"rgb(145, 32, 159)\" placeholder=\"New Element\" v-model=\"chips\">\r\n                <vs-chip\r\n                    :key=\"chip\"\r\n                    @click=\"remove(chip)\"\r\n                    v-for=\"chip in chips\"\r\n                    closable>\r\n                    {{ chip }} \r\n                </vs-chip>\r\n            </vs-chips>\r\n\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;op-block mb-4&quot;&gt; {{ \"\\{\\{ chips \\}\\}\" }} &lt;/div&gt;\r\n  &lt;vs-chips color=&quot;rgb(145, 32, 159)&quot; placeholder=&quot;New Element&quot; v-model=&quot;chips&quot;&gt;\r\n    &lt;vs-chip\r\n      :key=&quot;chip&quot;\r\n      @click=&quot;remove(chip)&quot;\r\n      v-for=&quot;chip in chips&quot;\r\n      closable&gt;\r\n      {{ \"\\{\\{ chip \\}\\}\" }}}\r\n    &lt;/vs-chip&gt;\r\n  &lt;/vs-chips&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      chips:[\r\n        &apos;Dribbble&apos;,\r\n        &apos;GitHub&apos;,\r\n        &apos;Behance&apos;,\r\n        &apos;Vuejs&apos;,\r\n        &apos;Vuesax&apos;,\r\n      ],\r\n    }\r\n  },\r\n  methods: {\r\n    remove (item) {\r\n      this.chips.splice(this.chips.indexOf(item), 1)\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            chips: [\r\n                'Dribbble',\r\n                'GitHub',\r\n                'Behance',\r\n                'Vuejs',\r\n                'Vuesax',\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        remove(item) {\r\n            this.chips.splice(this.chips.indexOf(item), 1)\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChipAddRemove.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipAddRemove.vue?vue&type=template&id=189827ae&\"\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\",\"remove-icon\":\"delete_forever\"},model:{value:(_vm.chips),callback:function ($$v) {_vm.chips=$$v},expression:\"chips\"}},_vm._l((_vm.chips),function(chip){return _c('vs-chip',{key:chip,attrs:{\"closable\":\"\",\"close-icon\":\"delete\"},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\\\" remove-icon=\\\"delete_forever\\\">\\n    <vs-chip\\n      :key=\\\"chip\\\"\\n      @click=\\\"remove(chip)\\\"\\n      v-for=\\\"chip in chips\\\"\\n      closable\\n      close-icon=\\\"delete\\\">\\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        'Vuesax',\\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 }","<!-- =========================================================================================\r\n    File Name: ChipCustomizeCloseClearChipIcon.vue\r\n    Description: Change icon used for close and clear button\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Customize Close and Clear Chips Icons\" code-toggler>\r\n        \r\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>\r\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>\r\n\r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\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>\r\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>\r\n        </vs-alert>\r\n\r\n        <div class=\"mt-5\">\r\n\r\n            <div class=\"op-block mb-5\"> {{ chips }} </div>\r\n            <vs-chips color=\"rgb(145, 32, 159)\" placeholder=\"New Element\" v-model=\"chips\" remove-icon=\"delete_forever\">\r\n                <vs-chip\r\n                    :key=\"chip\"\r\n                    @click=\"remove(chip)\"\r\n                    v-for=\"chip in chips\"\r\n                    closable\r\n                    close-icon=\"delete\">\r\n                    {{ chip }} \r\n                </vs-chip>\r\n            </vs-chips>\r\n\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;op-block mb-4&quot;&gt; {{ \"\\{\\{ chips \\}\\}\" }} &lt;/div&gt;\r\n  &lt;vs-chips color=&quot;rgb(145, 32, 159)&quot; placeholder=&quot;New Element&quot; v-model=&quot;chips&quot; remove-icon=&quot;delete_forever&quot;&gt;\r\n    &lt;vs-chip\r\n      :key=&quot;chip&quot;\r\n      @click=&quot;remove(chip)&quot;\r\n      v-for=&quot;chip in chips&quot;\r\n      closable\r\n      close-icon=&quot;delete&quot;&gt;\r\n      {{ \"\\{\\{ chip \\}\\}\" }}\r\n    &lt;/vs-chip&gt;\r\n  &lt;/vs-chips&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      chips:[\r\n        &apos;Dribbble&apos;,\r\n        &apos;GitHub&apos;,\r\n        &apos;Behance&apos;,\r\n        &apos;Vuejs&apos;,\r\n        &apos;Vuesax&apos;,\r\n      ],\r\n    }\r\n  },\r\n  methods: {\r\n    remove (item) {\r\n      this.chips.splice(this.chips.indexOf(item), 1)\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            chips: [\r\n                'Dribbble',\r\n                'GitHub',\r\n                'Behance',\r\n                'Vuejs',\r\n                'Vuesax',\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        remove(item) {\r\n            this.chips.splice(this.chips.indexOf(item), 1)\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChipCustomizeCloseClearChipIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChipCustomizeCloseClearChipIcon.vue?vue&type=template&id=38201b38&\"\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","<!-- =========================================================================================\r\n    File Name: Chip.vue\r\n    Description: Chip - Imports all page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"chip-demo\">\r\n        <chip-default></chip-default>\r\n        <chip-color></chip-color>\r\n        <chip-icon></chip-icon>\r\n        <chip-closable></chip-closable>\r\n        <chip-add-remove></chip-add-remove>\r\n        <chip-customize-close-clear-chip-icon></chip-customize-close-clear-chip-icon>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport ChipDefault from './ChipDefault.vue'\r\nimport ChipColor from './ChipColor.vue'\r\nimport ChipIcon from './ChipIcon.vue'\r\nimport ChipClosable from './ChipClosable.vue'\r\nimport ChipAddRemove from './ChipAddRemove.vue'\r\nimport ChipCustomizeCloseClearChipIcon from './ChipCustomizeCloseClearChipIcon.vue'\r\n\r\nexport default{\r\n    components: {\r\n        ChipDefault,\r\n        ChipColor,\r\n        ChipIcon,\r\n        ChipClosable,\r\n        ChipAddRemove,\r\n        ChipCustomizeCloseClearChipIcon,\r\n    }   \r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Chip.vue?vue&type=template&id=3585943c&\"\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":""}