{"version":3,"sources":["webpack:///./src/views/components/vuesax/chip/Chip.vue","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue","webpack:///src/views/components/vuesax/chip/ChipDefault.vue","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue?c9b5","webpack:///./src/views/components/vuesax/chip/ChipDefault.vue?51b0","webpack:///./src/views/components/vuesax/chip/ChipColor.vue","webpack:///src/views/components/vuesax/chip/ChipColor.vue","webpack:///./src/views/components/vuesax/chip/ChipColor.vue?4834","webpack:///./src/views/components/vuesax/chip/ChipColor.vue?0f27","webpack:///./src/views/components/vuesax/chip/ChipTransparent.vue","webpack:///./src/views/components/vuesax/chip/ChipTransparent.vue?9ebd","webpack:///./src/views/components/vuesax/chip/ChipIcon.vue","webpack:///./src/views/components/vuesax/chip/ChipIcon.vue?41e6","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue","webpack:///src/views/components/vuesax/chip/ChipClosable.vue","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue?adf2","webpack:///./src/views/components/vuesax/chip/ChipClosable.vue?5629","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue","webpack:///src/views/components/vuesax/chip/ChipAddRemove.vue","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue?9a80","webpack:///./src/views/components/vuesax/chip/ChipAddRemove.vue?37c1","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue","webpack:///src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue?559d","webpack:///./src/views/components/vuesax/chip/ChipCustomizeCloseClearChipIcon.vue?a94b","webpack:///src/views/components/vuesax/chip/Chip.vue","webpack:///./src/views/components/vuesax/chip/Chip.vue?3b9d","webpack:///./src/views/components/vuesax/chip/Chip.vue?7d01"],"names":["render","_vm","this","_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","concat","components","ChipDefault","ChipColor","ChipTransparent","ChipIcon","ChipClosable","ChipAddRemove","ChipCustomizeCloseClearChipIcon"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,cAAc,CAACF,EAAG,gBAAgBA,EAAG,cAAcA,EAAG,oBAAoBA,EAAG,aAAaA,EAAG,iBAAiBA,EAAG,mBAAmBA,EAAG,yCAAyC,IAErQG,EAAkB,GCFlBN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,UAAU,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,2DAA2DJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,UAAU,CAACF,EAAIM,GAAG,gBAAgBJ,EAAG,UAAU,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,QAAQJ,EAAIM,GAAG,gDAAgD,GAAGJ,EAAG,UAAU,CAACA,EAAG,aAAaF,EAAIM,GAAG,gDAAgD,GAAGJ,EAAG,UAAU,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,IAAM,mDAAmDJ,EAAIM,GAAG,iDAAiD,GAAKN,EAAIQ,UAA6JR,EAAIS,KAAtJP,EAAG,UAAU,CAACE,MAAM,CAAC,SAAW,IAAIM,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIQ,WAAU,KAAQ,CAACR,EAAIM,GAAG,oDAA6D,GAAGJ,EAAG,WAAW,CAACU,KAAK,iBAAiB,CAACZ,EAAIM,GAAG,smBAA+mB,IAE97CD,EAAkB,GC4EP,GACfQ,KAAA,WACA,OACAL,WAAA,KCjFiY,I,YCO7XM,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QClBXf,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,QAAQ,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,6CAA6CJ,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,KAAO,UAAU,OAAS,OAAO,MAAQ,YAAY,CAACF,EAAG,OAAO,CAACF,EAAIM,GAAG,SAASJ,EAAG,SAAS,CAACF,EAAIM,GAAG,SAASN,EAAIM,GAAG,SAASJ,EAAG,SAAS,CAACF,EAAIM,GAAG,SAASN,EAAIM,GAAG,8BAA8BJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,YAAY,CAACJ,EAAIM,GAAG,gDAAgDJ,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,YAAY,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,QAAQJ,EAAIM,GAAG,gDAAgD,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,WAAW,CAACF,EAAG,aAAaF,EAAIM,GAAG,gDAAgD,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,YAAY,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,IAAM,mDAAmDJ,EAAIM,GAAG,iDAAiD,GAAKN,EAAIQ,UAA4KR,EAAIS,KAArKP,EAAG,UAAU,CAACE,MAAM,CAAC,SAAW,GAAG,MAAQ,QAAQM,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIQ,WAAU,KAAQ,CAACR,EAAIM,GAAG,mDAA8DN,EAAIe,WAAyRf,EAAIS,KAAjRP,EAAG,UAAU,CAACE,MAAM,CAAC,SAAW,GAAG,MAAQ,UAAU,aAAa,SAASM,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIe,YAAW,KAAQ,CAACb,EAAG,YAAY,CAACE,MAAM,CAAC,IAAM,oDAAoDJ,EAAIM,GAAG,kDAAkD,IAAa,GAAGJ,EAAG,WAAW,CAACU,KAAK,iBAAiB,CAACZ,EAAIM,GAAG,s6BAAm8B,IAEj7ED,EAAkB,GC4FP,GACfQ,KAAA,WACA,OACAL,WAAA,EACAO,YAAA,KClG+X,ICO3X,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBXhB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,cAAc,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,0CAA0CJ,EAAG,OAAO,CAACF,EAAIM,GAAG,iBAAiBN,EAAIM,GAAG,YAAYJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,UAAU,CAACE,MAAM,CAAC,YAAc,GAAG,MAAQ,YAAY,CAACJ,EAAIM,GAAG,kCAAkCJ,EAAG,UAAU,CAACE,MAAM,CAAC,YAAc,GAAG,MAAQ,YAAY,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,QAAQJ,EAAIM,GAAG,kCAAkC,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,YAAc,GAAG,MAAQ,WAAW,CAACF,EAAG,aAAaF,EAAIM,GAAG,kCAAkC,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,YAAc,GAAG,MAAQ,YAAY,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,IAAM,mDAAmDJ,EAAIM,GAAG,mCAAmC,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,YAAc,GAAG,SAAW,GAAG,MAAQ,SAAS,CAACJ,EAAIM,GAAG,qCAAqCJ,EAAG,UAAU,CAACE,MAAM,CAAC,YAAc,GAAG,SAAW,GAAG,MAAQ,UAAU,aAAa,UAAU,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,IAAM,oDAAoDJ,EAAIM,GAAG,oCAAoC,IAAI,GAAGJ,EAAG,WAAW,CAACU,KAAK,iBAAiB,CAACZ,EAAIM,GAAG,8wBAAoyB,IAE19DD,EAAkB,GCDlBW,EAAS,GAKT,EAAY,eACdA,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCjBXjB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,OAAO,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,iCAAiCJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,UAAU,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,eAAeF,EAAG,OAAO,CAACF,EAAIM,GAAG,mBAAmB,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,YAAY,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,eAAeF,EAAG,OAAO,CAACF,EAAIM,GAAG,gBAAgB,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,YAAY,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,eAAeF,EAAG,OAAO,CAACF,EAAIM,GAAG,sBAAsB,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,WAAW,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,gBAAgBF,EAAG,OAAO,CAACF,EAAIM,GAAG,iBAAiB,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,YAAY,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,kBAAkBF,EAAG,OAAO,CAACF,EAAIM,GAAG,yBAAyB,GAAGJ,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,SAAS,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,YAAY,UAAU,KAAO,eAAeF,EAAG,OAAO,CAACF,EAAIM,GAAG,gBAAgB,IAAI,GAAGJ,EAAG,WAAW,CAACU,KAAK,iBAAiB,CAACZ,EAAIM,GAAG,g0BAAo2B,IAEz8DD,EAAkB,GCDlB,EAAS,GAKT,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCjBXN,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,WAAW,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,gCAAgCJ,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAAsB,GAApBP,EAAIiB,MAAMC,OAAahB,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,UAAUM,GAAG,CAAC,MAAQV,EAAImB,QAAQ,CAACnB,EAAIM,GAAG,iBAAiBN,EAAIS,KAAKT,EAAIoB,GAAIpB,EAAIiB,OAAO,SAASI,EAAKC,GAAO,OAAOpB,EAAG,UAAU,CAACqB,IAAID,EAAMlB,MAAM,CAAC,SAAW,IAAIM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIwB,OAAOH,MAAS,CAACrB,EAAIM,GAAG,IAAIN,EAAIyB,GAAGJ,GAAM,WAAU,GAAGnB,EAAG,WAAW,CAACU,KAAK,iBAAiB,CAACZ,EAAIM,GAAG,0OAAwPN,EAAIyB,GAAG,cAAkB,8fAA6f,IAEp0CpB,EAAkB,GCiEP,GACfQ,KAAA,WACA,OACAI,MAAA,CACA,WACA,SACA,UACA,QACA,WAIAS,QAAA,CACAP,MAAA,WACA,KAAAF,MAAA,CACA,WACA,SACA,UACA,QACA,UAGAO,OAAA,SAAAG,GACA,KAAAV,MAAAW,OAAA,KAAAX,MAAAY,QAAAF,GAAA,MC1FkY,ICO9X,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX5B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,uBAAuB,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,0CAA0CJ,EAAG,OAAO,CAACF,EAAIM,GAAG,cAAcN,EAAIM,GAAG,iDAAiDJ,EAAG,OAAO,CAACF,EAAIM,GAAG,WAAWN,EAAIM,GAAG,yDAAyDJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,iBAAiB,CAACP,EAAIM,GAAG,IAAIN,EAAIyB,GAAGzB,EAAIiB,OAAO,OAAOf,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,oBAAoB,YAAc,eAAe0B,MAAM,CAACC,MAAO/B,EAAIiB,MAAOe,SAAS,SAAUC,GAAMjC,EAAIiB,MAAMgB,GAAKC,WAAW,UAAUlC,EAAIoB,GAAIpB,EAAIiB,OAAO,SAASI,EAAKC,GAAO,OAAOpB,EAAG,UAAU,CAACqB,IAAG,GAAAY,OAAId,EAAI,KAAAc,OAAIb,GAAQlB,MAAM,CAAC,SAAW,IAAIM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIwB,OAAOH,MAAS,CAACrB,EAAIM,GAAG,yBAAyBN,EAAIyB,GAAGJ,GAAM,2BAA0B,IAAI,GAAGnB,EAAG,WAAW,CAACU,KAAK,iBAAiB,CAACZ,EAAIM,GAAG,+CAAiDN,EAAIyB,GAAG,eAAmB,gNAA4NzB,EAAIyB,GAAG,cAAkB,+WAA8W,IAEllDpB,EAAkB,GCoEP,GACfQ,KAAA,WACA,OACAI,MAAA,CACA,WACA,SACA,UACA,QACA,WAIAS,QAAA,CACAF,OAAA,SAAAG,GACA,KAAAV,MAAAW,OAAA,KAAAX,MAAAY,QAAAF,GAAA,MCpFmY,ICO/X,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBX5B,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,wCAAwC,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,+GAA+GJ,EAAG,OAAO,CAACF,EAAIM,GAAG,cAAcN,EAAIM,GAAG,iBAAiBJ,EAAG,IAAI,CAACF,EAAIM,GAAG,qCAAqCJ,EAAG,OAAO,CAACF,EAAIM,GAAG,gBAAgBN,EAAIM,GAAG,iHAAiHJ,EAAG,OAAO,CAACF,EAAIM,GAAG,iBAAiBN,EAAIM,GAAG,eAAeJ,EAAG,WAAW,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,UAAU,KAAO,eAAe,OAAS,SAAS,CAACF,EAAG,IAAI,CAACF,EAAIM,GAAG,yHAAyHJ,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,6BAA6B,OAAS,WAAW,CAACJ,EAAIM,GAAG,yBAAyBN,EAAIM,GAAG,OAAOJ,EAAG,IAAI,CAACF,EAAIM,GAAG,qKAAqKJ,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,iBAAiB,CAACP,EAAIM,GAAG,IAAIN,EAAIyB,GAAGzB,EAAIiB,OAAO,OAAOf,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,oBAAoB,YAAc,cAAc,YAAY,UAAU,cAAc,gBAAgB0B,MAAM,CAACC,MAAO/B,EAAIiB,MAAOe,SAAS,SAAUC,GAAMjC,EAAIiB,MAAMgB,GAAKC,WAAW,UAAUlC,EAAIoB,GAAIpB,EAAIiB,OAAO,SAASI,EAAKC,GAAO,OAAOpB,EAAG,UAAU,CAACqB,IAAG,GAAAY,OAAId,EAAI,KAAAc,OAAIb,GAAQlB,MAAM,CAAC,SAAW,GAAG,YAAY,UAAU,aAAa,gBAAgBM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIwB,OAAOH,MAAS,CAACrB,EAAIM,GAAG,yBAAyBN,EAAIyB,GAAGJ,GAAM,2BAA0B,IAAI,GAAGnB,EAAG,WAAW,CAACU,KAAK,iBAAiB,CAACZ,EAAIM,GAAG,+CAAiDN,EAAIyB,GAAG,eAAmB,2TAA+UzB,EAAIyB,GAAG,cAAkB,8WAA6W,IAE/hFpB,EAAkB,GC8EP,GACfQ,KAAA,WACA,OACAI,MAAA,CACA,WACA,SACA,UACA,QACA,WAIAS,QAAA,CACAF,OAAA,SAAAG,GACA,KAAAV,MAAAW,OAAA,KAAAX,MAAAY,QAAAF,GAAA,MC9FqZ,ICOjZ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCYA,GACfS,WAAA,CACAC,cACAC,YACAC,kBACAC,WACAC,eACAC,gBACAC,oCCtC0X,ICOtX,EAAY,eACd,EACA5C,EACAM,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-2d210f45.5546cc72.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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>\r\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=ef865254\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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>\r\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=3b28e628\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ChipTransparent.vue?vue&type=template&id=22cc0983&lang=html\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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;Vuexy&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;Vuexy&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                'Vuexy',\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                'Vuexy',\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>\r\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=0f0c21cb\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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}-${index}`\"\r\n                    @click=\"remove(chip)\"\r\n                    v-for=\"(chip, index) 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;Vuexy&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                'Vuexy',\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>\r\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=60354074\"\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 render(){var _vm=this,_c=_vm._self._c;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)\n}\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard 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\" icon-pack=\"feather\" remove-icon=\"icon-trash-2\">\r\n                <vs-chip\r\n                    :key=\"`${chip}-${index}`\"\r\n                    @click=\"remove(chip)\"\r\n                    v-for=\"(chip, index) in chips\"\r\n                    closable\r\n                    icon-pack=\"feather\"\r\n                    close-icon=\"icon-trash-2\">\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; icon-pack=&quot;feather&quot; remove-icon=&quot;icon-trash-2&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      icon-pack=&quot;feather&quot;\r\n      close-icon=&quot;icon-trash-2&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;Vuexy&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                'Vuexy',\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>\r\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=5d1e0fb4\"\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: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n  <div id=\"chip-demo\">\r\n    <chip-default />\r\n    <chip-color />\r\n    <chip-transparent />\r\n    <chip-icon />\r\n    <chip-closable />\r\n    <chip-add-remove />\r\n    <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 ChipTransparent                 from './ChipTransparent.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    ChipTransparent,\r\n    ChipIcon,\r\n    ChipClosable,\r\n    ChipAddRemove,\r\n    ChipCustomizeCloseClearChipIcon,\r\n  }\r\n}\r\n\r\n</script>\r\n\r\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=2ddda1d0\"\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":""}