{"remainingRequest":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/or_gordin/Documents/or-avatars/src/Avataaars.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/or_gordin/Documents/or-avatars/src/Avataaars.vue","mtime":1568985786843},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport { mouthTypes } from './mouth'\nimport { eyeTypes } from './eyes'\nimport { eyebrowTypes } from './eyebrows'\nimport { clothesType } from './clothes'\nimport { topTypes } from './top'\nimport { accessoriesTypes } from './accessories'\nimport { facialHairTypes } from './facial-hair'\n\n\nexport default {\n     props: {\n        random: {\n            type: Boolean,\n            default: true\n        },\n         circleColor: {\n            type: String,\n             default: '#6fb8e0'\n        },\n        identifier: { type: String, default: '' },\n        topType: { type: String, default: '' },\n        accessoriesType: { type: String, default: '' },\n        facialHairType: { type: String, default: '' },\n        clotheType: { type: String, default: '' },\n        eyeType: { type: String, default: '' },\n        eyebrowType: { type: String, default: '' },\n        mouthType: { type: String, default: '' },\n        skinColor: { type: String, default: '' },\n     },\n    methods: {\n      getRandomChoice (items) {\n          const itemsLength = Object.entries(items).length\n          return Object.entries(items)[Math.floor((Math.random()*(itemsLength)))][1]\n      }\n    },\n    data () {\n        return {\n            mouthTypes: mouthTypes,\n            eyeTypes: eyeTypes,\n            topTypes: topTypes,\n            clothesType: clothesType,\n            eyebrowTypes: eyebrowTypes,\n            facialHairTypes: facialHairTypes,\n            accessoriesTypes: accessoriesTypes,\n            hatColors: {\n                Black: \"#262E33\",\n                Blue01: \"#65C9FF\",\n                Blue02: \"#5199E4\",\n                Blue03: \"#25557C\",\n                Gray01: \"#E6E6E6\",\n                Gray02: \"#929598\",\n                Heather: \"#3C4F5C\",\n                PastelBlue: \"#B1E2FF\",\n                PastelGreen: \"#A7FFC4\",\n                PastelOrange: \"#FFDEB5\",\n                PastelRed: \"#FFAFB9\",\n                PastelYellow: \"#FFFFB1\",\n                Pink: \"#FF488E\",\n                Red: \"#FF5C5C\",\n                White: \"#FFFFFF\"\n            },\n            hairColors: {\n                Auburn: \"#A55728\",\n                Black: \"#2C1B18\",\n                Blonde: \"#B58143\",\n                BlondeGolden: \"#D6B370\",\n                Brown: \"#724133\",\n                BrownDark: \"#4A312C\",\n                PastelPink: \"#F59797\",\n                Platinum: \"#ECDCBF\",\n                Red: \"#C93305\",\n                SilverGray: \"#E8E1E1\"\n            },\n            skinColors: {\n                Tanned: \"#FD9841\",\n                Yellow: \"#F8D25C\",\n                Pale: \"#FFDBB4\",\n                Light: \"#EDB98A\",\n                Brown: \"#D08B5B\",\n                DarkBrown: \"#AE5D29\",\n                Black: \"#614335\"\n            }\n        }\n    },\n    computed: {\n        cssVars () {\n          return {\n            '--avataaar-hair-color': this.getRandomChoice(this.hairColors),\n            '--avataaar-facial-hair-color': this.getRandomChoice(this.hairColors),\n            '--avataaar-hat-color': this.getRandomChoice(this.hatColors)\n\n          }\n        }\n    }\n}\n",{"version":3,"sources":["Avataaars.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"Avataaars.vue","sourceRoot":".","sourcesContent":["<template>\n<svg\n    viewBox='0 0 264 280'\n    version='1.1'\n    xmlns='http://www.w3.org/2000/svg'\n    xmlns:xlink='http://www.w3.org/1999/xlink'>\n    <desc>Created with getavataaars.com</desc>\n    <defs>\n      <circle id='path-1' cx='120' cy='120' r='120'></circle>\n      <path\n        d='M12,160 C12,226.27417 65.72583,280 132,280 C198.27417,280 252,226.27417 252,160 L264,160 L264,-1.42108547e-14 L-3.19744231e-14,-1.42108547e-14 L-3.19744231e-14,160 L12,160 Z'\n        id='path-2'></path>\n      <path\n        d='M124,144.610951 L124,163 L128,163 L128,163 C167.764502,163 200,195.235498 200,235 L200,244 L0,244 L0,235 C-4.86974701e-15,195.235498 32.235498,163 72,163 L72,163 L76,163 L76,144.610951 C58.7626345,136.422372 46.3722246,119.687011 44.3051388,99.8812385 C38.4803105,99.0577866 34,94.0521096 34,88 L34,74 C34,68.0540074 38.3245733,63.1180731 44,62.1659169 L44,56 L44,56 C44,25.072054 69.072054,5.68137151e-15 100,0 L100,0 L100,0 C130.927946,-5.68137151e-15 156,25.072054 156,56 L156,62.1659169 C161.675427,63.1180731 166,68.0540074 166,74 L166,88 C166,94.0521096 161.51969,99.0577866 155.694861,99.8812385 C153.627775,119.687011 141.237365,136.422372 124,144.610951 Z'\n        id='path-silhouette'></path>\n    </defs>\n    <g\n      id='Avataaar'\n      stroke='none'\n      stroke-width='1'\n      fill='none'\n      fill-rule='evenodd'>\n      <g\n        transform='translate(-825.000000, -1100.000000)'\n        id='Avataaar/Circle'>\n        <g transform='translate(825.000000, 1100.000000)'>\n            <g\n              id='Circle'\n              stroke-width='1'\n              fill-rule='evenodd'\n              transform='translate(12.000000, 40.000000)'>\n              <mask id='mask-1' fill='white'>\n                <use xlink:href='#path-1'></use>\n              </mask>\n              <use\n                id='Circle-Background'\n                fill='#E6E6E6'\n                xlink:href='#path-1'></use>\n              <g\n                id='Color/Palette/Blue-01'\n                mask='url(#mask-1)'\n                :fill=circleColor>\n                <rect id='🖍Color' x='0' y='0' width='240' height='240'></rect>\n              </g>\n            </g>\n            <mask id='mask-2' fill='white'>\n              <use xlink:href='#path-2' />\n            </mask>\n          <g id='Mask' />\n          <g\n            id='Avataaar'\n            stroke-width='1'\n            fill-rule='evenodd'\n            fill='black'\n            mask='url(#mask-2)'>\n            <g id='Body' transform='translate(32.000000, 36.000000)'>\n              <mask id='mask-silhouette' fill='white'>\n                <use xlink:href='#path-silhouette'></use>\n              </mask>\n              <use :fill='getRandomChoice(skinColors)' xlink:href='#path-silhouette'></use>\n              <path\n                d='M156,79 L156,102 C156,132.927946 130.927946,158 100,158 C69.072054,158 44,132.927946 44,102 L44,79 L44,94 C44,124.927946 69.072054,150 100,150 C130.927946,150 156,124.927946 156,94 L156,79 Z'\n                id='Neck-Shadow'\n                fill-opacity=\"0.100000001\"\n                fill='#000000'\n                mask='url(#mask-silhouette)'></path>\n            </g>\n            <svg v-html=\"random ? getRandomChoice(eyeTypes) : eyeTypes[eyeType]\"></svg>\n            <svg v-html=\"random ? getRandomChoice(mouthTypes) : mouthTypes[mouthType]\"></svg>\n            <svg v-html=\"random ? getRandomChoice(eyebrowTypes) : eyeTypes[eyebrowType]\"></svg>\n            <svg v-html=\"random ? getRandomChoice(clothesType) : clothesType[clotheType]\"></svg>\n            <svg>\n                <g fill='black' transform='translate(76.000000, 82.000000)'>\n                    <g\n                      id='Nose/Default'\n                      transform='translate(28.000000, 40.000000)'\n                      opacity='0.16'>\n                      <path\n                        d='M16,8 C16,12.418278 21.372583,16 28,16 L28,16 C34.627417,16 40,12.418278 40,8'\n                        id='Nose'>\n\n                      </path>\n                    </g>\n                </g>\n            </svg>\n            <svg :style=\"cssVars\" v-html=\"random ? getRandomChoice(topTypes) : topTypes[topType]\"></svg>\n            <svg v-html=\"random ? getRandomChoice(accessoriesTypes) : accessoriesTypes[accessoriesType]\"></svg>\n            <svg :style=\"cssVars\" v-html=\"random ? getRandomChoice(facialHairTypes) : facialHairTypes[facialHairType]\"></svg>\n          </g>\n        </g>\n      </g>\n    </g>\n</svg>\n</template>\n\n<script>\nimport { mouthTypes } from './mouth'\nimport { eyeTypes } from './eyes'\nimport { eyebrowTypes } from './eyebrows'\nimport { clothesType } from './clothes'\nimport { topTypes } from './top'\nimport { accessoriesTypes } from './accessories'\nimport { facialHairTypes } from './facial-hair'\n\n\nexport default {\n     props: {\n        random: {\n            type: Boolean,\n            default: true\n        },\n         circleColor: {\n            type: String,\n             default: '#6fb8e0'\n        },\n        identifier: { type: String, default: '' },\n        topType: { type: String, default: '' },\n        accessoriesType: { type: String, default: '' },\n        facialHairType: { type: String, default: '' },\n        clotheType: { type: String, default: '' },\n        eyeType: { type: String, default: '' },\n        eyebrowType: { type: String, default: '' },\n        mouthType: { type: String, default: '' },\n        skinColor: { type: String, default: '' },\n     },\n    methods: {\n      getRandomChoice (items) {\n          const itemsLength = Object.entries(items).length\n          return Object.entries(items)[Math.floor((Math.random()*(itemsLength)))][1]\n      }\n    },\n    data () {\n        return {\n            mouthTypes: mouthTypes,\n            eyeTypes: eyeTypes,\n            topTypes: topTypes,\n            clothesType: clothesType,\n            eyebrowTypes: eyebrowTypes,\n            facialHairTypes: facialHairTypes,\n            accessoriesTypes: accessoriesTypes,\n            hatColors: {\n                Black: \"#262E33\",\n                Blue01: \"#65C9FF\",\n                Blue02: \"#5199E4\",\n                Blue03: \"#25557C\",\n                Gray01: \"#E6E6E6\",\n                Gray02: \"#929598\",\n                Heather: \"#3C4F5C\",\n                PastelBlue: \"#B1E2FF\",\n                PastelGreen: \"#A7FFC4\",\n                PastelOrange: \"#FFDEB5\",\n                PastelRed: \"#FFAFB9\",\n                PastelYellow: \"#FFFFB1\",\n                Pink: \"#FF488E\",\n                Red: \"#FF5C5C\",\n                White: \"#FFFFFF\"\n            },\n            hairColors: {\n                Auburn: \"#A55728\",\n                Black: \"#2C1B18\",\n                Blonde: \"#B58143\",\n                BlondeGolden: \"#D6B370\",\n                Brown: \"#724133\",\n                BrownDark: \"#4A312C\",\n                PastelPink: \"#F59797\",\n                Platinum: \"#ECDCBF\",\n                Red: \"#C93305\",\n                SilverGray: \"#E8E1E1\"\n            },\n            skinColors: {\n                Tanned: \"#FD9841\",\n                Yellow: \"#F8D25C\",\n                Pale: \"#FFDBB4\",\n                Light: \"#EDB98A\",\n                Brown: \"#D08B5B\",\n                DarkBrown: \"#AE5D29\",\n                Black: \"#614335\"\n            }\n        }\n    },\n    computed: {\n        cssVars () {\n          return {\n            '--avataaar-hair-color': this.getRandomChoice(this.hairColors),\n            '--avataaar-facial-hair-color': this.getRandomChoice(this.hairColors),\n            '--avataaar-hat-color': this.getRandomChoice(this.hatColors)\n\n          }\n        }\n    }\n}\n</script>\n\n<style>\n</style>\n"]}]}