{"version":3,"sources":["webpack:///./src/views/components/vuesax/chip/Chip.vue?b545","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue?01ff","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?038d","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?2fe6","webpack:///./src/views/components/vuesax/chip/ChipIcon.vue","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue?9252","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?2e78","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?db1a","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","staticRenderFns","_v","staticClass","isDeleted","_e","on","$event","slot","component","isDeleted2","script","chips","length","reset","_l","chip","index","key","remove","_s","model","value","callback","$$v","expression"],"mappings":"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","file":"js/chunk-2d210f45.cc47fe40.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":""}