{"version":3,"sources":["webpack:///./src/views/Elements/Avatars.vue?af16","webpack:///src/views/Elements/Avatars.vue","webpack:///./src/views/Elements/Avatars.vue?f98d","webpack:///./src/views/Elements/Avatars.vue","webpack:///./src/views/Elements/Avatars.vue?975d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","proxy","_l","component","index","class","attrs","componentName","_s","title","_e","tag","staticRenderFns","name","data","componentsList","components","ComponentLayout","ComponentBox","GroupedStacked","CircularAvatars","RoundedAvatars","CircularTopNotification","RoundedTopNotification","CircularBottomNotification","RoundedBottomNotification","CircularAvatarsPlaceholder","CircularInitials","AvatarWithText"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,mBAAmB,CAACE,YAAY,UAAUC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,cAAcC,GAAG,WAAW,MAAO,CAACN,EAAG,IAAI,CAACJ,EAAIW,GAAG,eAAeC,OAAM,GAAM,CAACH,IAAI,YAAYC,GAAG,WAAW,OAAOV,EAAIa,GAAIb,EAAkB,gBAAE,SAASc,EAAUC,GAAO,OAAOX,EAAG,gBAAgB,CAACK,IAAIM,EAAMC,MAAMF,EAAUE,MAAMC,MAAM,CAAC,QAAUH,EAAUI,eAAeX,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACV,EAAIW,GAAG,IAAIX,EAAImB,GAAGL,EAAUM,OAAO,KAAMN,EAAgB,OAAEV,EAAG,OAAO,CAACE,YAAY,wBAAwB,CAACN,EAAIW,GAAG,iBAAiBX,EAAIqB,OAAOT,OAAM,GAAM,CAACH,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACN,EAAGU,EAAUI,cAAc,CAACI,IAAI,gBAAgBV,OAAM,IAAO,MAAK,SAAWA,OAAM,QACxvBW,EAAkB,G,gJCyCtB,GACEC,KAAM,UACNC,KAFF,WAGI,MAAO,CACLC,eAAgB,CACtB,CACQ,MAAR,qCACQ,cAAR,cAEA,CACQ,MAAR,mBACQ,cAAR,cAEA,CACQ,MAAR,kBACQ,cAAR,cAEA,CACQ,MAAR,yCACQ,cAAR,cAEA,CACQ,MAAR,wCACQ,cAAR,cAEA,CACQ,MAAR,4CACQ,cAAR,cAEA,CACQ,MAAR,2CACQ,cAAR,cAEA,CACQ,MAAR,oCACQ,cAAR,cAEA,CACQ,MAAR,iCACQ,cAAR,cAEA,CACQ,MAAR,mBACQ,cAAR,iBAKEC,WAAY,CACVC,gBAAJ,OACIC,aAAJ,aACIC,eAAJ,aACIC,gBAAJ,aACIC,eAAJ,aACIC,wBAAJ,aACIC,uBAAJ,aACIC,2BAAJ,aACIC,0BAAJ,aACIC,2BAAJ,aACIC,iBAAJ,aACIC,eAAJ,eCtGgW,I,wBCQ5VzB,EAAY,eACd,EACAf,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAT,E,sECnBf","file":"js/chunk-280b6420.f960c324.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('component-layout',{staticClass:\"avatars\",scopedSlots:_vm._u([{key:\"page-header\",fn:function(){return [_c('p',[_vm._v(\"Avatars\")])]},proxy:true},{key:\"page-body\",fn:function(){return _vm._l((_vm.componentsList),function(component,index){return _c('component-box',{key:index,class:component.class,attrs:{\"details\":component.componentName},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_vm._v(\" \"+_vm._s(component.title)+\" \"),(component.needJS)?_c('span',{staticClass:\"badge badge-red ml-1\"},[_vm._v(\"requires js\")]):_vm._e()]},proxy:true},{key:\"body\",fn:function(){return [_c(component.componentName,{tag:\"component\"})]},proxy:true}],null,true)})})},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <component-layout class=\"avatars\">\n    <template v-slot:page-header>\n      <p>Avatars</p>\n    </template>\n    <template v-slot:page-body>\n      <!-- Component list -->\n      <component-box\n        v-for=\"(component, index) in componentsList\"\n        :key=\"index\"\n        :class=\"component.class\"\n        :details=\"component.componentName\"\n      >\n        <template v-slot:header>\n          {{ component.title }}\n          <span v-if=\"component.needJS\" class=\"badge badge-red ml-1\"\n            >requires js</span\n          >\n        </template>\n        <template v-slot:body>\n          <component :is=\"component.componentName\"></component>\n        </template>\n      </component-box>\n    </template>\n  </component-layout>\n</template>\n\n<script>\nimport ComponentLayout from \"@v-includes/ComponentLayout.vue\";\nimport ComponentBox from \"@general/ComponentBox.vue\";\n// Avatar components\nimport GroupedStacked from \"@avatars/GroupStacked.vue\";\nimport CircularAvatars from \"@avatars/CircularAvatars.vue\";\nimport RoundedAvatars from \"@avatars/RoundedAvatars.vue\";\nimport CircularTopNotification from \"@avatars/CircularTopNotification.vue\";\nimport RoundedTopNotification from \"@avatars/RoundedTopNotification.vue\";\nimport CircularBottomNotification from \"@avatars/CircularBottomNotification.vue\";\nimport RoundedBottomNotification from \"@avatars/RoundedBottomNotification.vue\";\nimport CircularAvatarsPlaceholder from \"@avatars/CircularAvatarsPlaceholder.vue\";\nimport CircularInitials from \"@avatars/CircularInitials.vue\";\nimport AvatarWithText from \"@avatars/AvatarWithText.vue\";\n\nexport default {\n  name: \"Avatars\",\n  data() {\n    return {\n      componentsList: [\n        {\n          title: \"Avatar Group Stacked Bottom To Top\",\n          componentName: GroupedStacked,\n        },\n        {\n          title: \"Circular Avatars\",\n          componentName: CircularAvatars,\n        },\n        {\n          title: \"Rounded Avatars\",\n          componentName: RoundedAvatars,\n        },\n        {\n          title: \"Circular Avatars With Top Notification\",\n          componentName: CircularTopNotification,\n        },\n        {\n          title: \"Rounded Avatars With Top Notification\",\n          componentName: RoundedTopNotification,\n        },\n        {\n          title: \"Circular Avatars With Bottom Notification\",\n          componentName: CircularBottomNotification,\n        },\n        {\n          title: \"Rounded Avatars With Bottom Notification\",\n          componentName: RoundedBottomNotification,\n        },\n        {\n          title: \"Circular Avatars With Placeholder\",\n          componentName: CircularAvatarsPlaceholder,\n        },\n        {\n          title: \"Circular Avatars With Initials\",\n          componentName: CircularInitials,\n        },\n        {\n          title: \"Avatar With Text\",\n          componentName: AvatarWithText,\n        },\n      ],\n    };\n  },\n  components: {\n    ComponentLayout,\n    ComponentBox,\n    GroupedStacked,\n    CircularAvatars,\n    RoundedAvatars,\n    CircularTopNotification,\n    RoundedTopNotification,\n    CircularBottomNotification,\n    RoundedBottomNotification,\n    CircularAvatarsPlaceholder,\n    CircularInitials,\n    AvatarWithText,\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n/deep/ .component-box-body {\n  > * {\n    max-width: 32rem;\n    padding: 3rem 2rem;\n  }\n}\n</style>\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!./Avatars.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!./Avatars.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Avatars.vue?vue&type=template&id=4bef1d15&scoped=true&\"\nimport script from \"./Avatars.vue?vue&type=script&lang=js&\"\nexport * from \"./Avatars.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Avatars.vue?vue&type=style&index=0&id=4bef1d15&lang=scss&scoped=true&\"\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  \"4bef1d15\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatars.vue?vue&type=style&index=0&id=4bef1d15&lang=scss&scoped=true&\""],"sourceRoot":""}