{"version":3,"sources":["webpack:///./src/views/Classes.vue?7d8d","webpack:///./src/components/Nav.vue","webpack:///./src/components/Nav.vue?269c","webpack:///./src/views/Classes.vue","webpack:///./src/views/Classes.vue?afe2","webpack:///./src/views/Classes.vue?254e"],"names":["class","id","name","render","href","backgroundCover","classes","index","key","showClass","showCards","classData","proficiencies","spellCasting","desc","components","Banner","Nav","setup","state","Array","a","get","data","results","spellcasting","info","element","document","getElementById","classList","remove"],"mappings":"kHAAA,W,uDCEYA,MAAM,Q,GACPA,MAAM,0C,GACJA,MAAM,I,GACJA,MAAM,+C,GAEPC,GAAG,YACHD,MAAM,mD,GAGJA,MAAM,2D,gDAVpB,eAmBM,YAlBJ,eAiBS,SAjBT,EAiBS,CAhBP,eAeM,MAfN,EAeM,CAdJ,eAaM,MAbN,EAaM,CAZJ,eAWM,MAXN,EAWM,CAVJ,eASM,MATN,EASM,CALJ,eAIM,MAJN,EAIM,CADJ,eAAa,kCAWd,OACbE,KAAM,OCtBR,EAAOC,OAASA,EAED,U,+FCJRH,MAAM,e,EAKP,eAAkB,WAAb,WAAO,G,GAKTI,KAAK,gB,GASLH,GAAG,cAAcD,MAAM,sB,GAEnBA,MAAM,kD,GAEPA,MAAM,oE,GAGDA,MAAM,8C,GACLA,MAAM,oC,EAKV,eAEI,KAFDA,MAAM,2CAA0C,mBAEnD,G,EAUA,eAEI,KAFDA,MAAM,2CAA0C,qBAEnD,G,GAMMA,MAAM,4B,uGApDxB,eA4DM,MA5DN,EA4DM,CA1DJ,eAIS,GAHNK,gBAAiB,yFAAuF,C,wBAEzG,iBAAkB,CAAlB,M,MAIF,eAOM,Q,wBANJ,iBAKI,CALJ,eAKI,IALJ,EAKI,E,mBAJF,eAGS,2BAHyB,EAAAC,SAAO,YAAb,IAAXC,EAAW,EAAXA,MAAOL,EAAI,EAAJA,K,wBAAxB,eAGS,UAHmCM,IAAKD,EAAQ,QAAK,YAAE,EAAAE,UAAUF,GAAO,EAAAG,aAC/EV,MAAM,8L,eACHE,GAAI,kB,kBAMb,eAwCM,MAxCN,EAwCM,CAvCJ,eAsCM,YArCJ,eAoCM,MApCN,EAoCM,CAnCJ,eAkCM,MAlCN,EAkCM,CA9BJ,eA6BM,MA7BN,EA6BM,CA5BJ,eAEK,KAFL,EAEK,eADA,EAAAS,UAAUT,MAAI,GAInB,G,mBAGA,eAMI,2BALwB,EAAAS,UAAUC,eAAa,YAA7B,IAAXL,EAAW,EAAXA,MAAOL,EAAI,EAAJA,K,wBADlB,eAMI,KAJDM,IAAKD,EACNP,MAAM,iB,eAEHE,GAAI,M,MAIT,G,mBAGA,eAOM,2BANqB,EAAAW,cAAY,YAAlB,IAAVC,EAAU,EAAVA,KAAMZ,EAAI,EAAJA,K,wBADjB,eAOM,OALHM,IAAKN,EACNF,MAAM,iB,CAEN,eAAoD,KAApD,EAAoD,eAAZE,GAAI,GAC5C,eAAoB,wBAAdY,EAAK,IAAD,Q,uGChDX,iBAAgB,CAC7BC,WAAY,CAAEC,SAAA,KAAQC,MAAA,MACtBC,MAF6B,WAG3B,IAAMC,EAAQ,eAAS,CACrBb,QAASc,MACTT,UAAWS,MACXP,aAAcO,QAGhB,eAAS,wCAAC,sHACe,EAAAC,EAAMC,IAAI,uCADzB,gBACAC,EADA,EACAA,KAERJ,EAAMb,QAAUiB,EAAKC,QAHb,4CAMV,IAAMf,EAAS,yDAAG,WAAOF,GAAP,yGACO,EAAAc,EAAMC,IAAN,8CACkBf,IAFzB,gBACRgB,EADQ,EACRA,KAIRJ,EAAMR,UAAYY,EAClBJ,EAAMN,aAAeU,EAAKE,aAAaC,KANvB,2CAAH,sDASf,SAAShB,IACP,IAAIiB,EAAUC,SAASC,eAAe,eACtCF,EAASG,UAAUC,OAAO,UAG5B,wCAAY,eAAOZ,IAAnB,IAA2BV,YAAWC,iB,UC9B1C,EAAOP,OAASA,EAED","file":"js/chunk-01bc9ade.ac4db896.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Classes.vue?vue&type=style&index=0&id=6d730228&lang=css\"","<template>\n  <div>\n    <header class=\"mt-2\">\n      <div class=\"py-4 px-2 lg:mx-4 xl:mx-12 text-center\">\n        <div class=\"\">\n          <nav class=\"flex items-center justify-between flex-wrap\">\n            <div\n              id=\"main-nav2\"\n              class=\"w-full flex-grow lg:flex items-center lg:w-auto\"\n            >\n              <div\n                class=\"text-sm lg:flex-grow mt-2 animated jackinthebox xl:mx-8\"\n              >\n                <slot></slot>\n              </div>\n            </div>\n          </nav>\n        </div>\n      </div>\n    </header>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Nav\",\n};\n</script>\n\n<style>\n</style>","import { render } from \"./Nav.vue?vue&type=template&id=1aa08438\"\nimport script from \"./Nav.vue?vue&type=script&lang=js\"\nexport * from \"./Nav.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n  <div class=\"classes m-2\">\n    <!-- Banner -->\n    <Banner\n      :backgroundCover=\"'bg-cover bg-dnd-cube lg:bg-center sm:bg-top h-auto text-white py-24 px-10 object-fill'\"\n    >\n      <div>Classes</div>\n    </Banner>\n    <!-- Banner End -->\n\n    <Nav>\n      <a href=\"#class-cards\">\n        <button v-for=\"{ index, name } in classes\" :key=\"index\" @click=\"showClass(index);showCards();\"\n          class=\"block lg:inline-block text-md font-bold text-orange-500 sm:hover:border-indigo-400 hover:text-orange-500 mx-2 focus:text-blue-500 p-1 hover:bg-gray-300 sm:hover:bg-transparent rounded-lg\">\n          {{ name }}\n        </button>\n      </a>\n    </Nav>\n\n    <!-- Class Cards -->\n    <div id=\"class-cards\" class=\"class-cards hidden\">\n      <div>\n        <div class=\"bg-gray-100 lg:py-12 lg:flex lg:justify-center\">\n          <div\n            class=\"bg-white lg:mx-8 lg:flex lg:max-w-5xl lg:shadow-lg lg:rounded-lg\"\n          >\n            <!-- Name -->\n            <div class=\"py-12 px-6 max-w-xl lg:max-w-5xl lg:w-full\">\n              <h2 class=\"text-3xl text-gray-800 font-bold\">\n                {{ classData.name }}\n              </h2>\n\n              <!-- Proficiencies -->\n              <p class=\"text-blue-900 mt-4 font-semibold italic\">\n                Proficiencies\n              </p>\n              <p\n                v-for=\"{ index, name } in classData.proficiencies\"\n                :key=\"index\"\n                class=\"text-gray-600\"\n              >\n                {{ name }}\n              </p>\n\n              <!-- Spell Casting -->\n              <p class=\"text-blue-900 mt-4 font-semibold italic\">\n                Class Abilities\n              </p>\n              <div\n                v-for=\"{ desc, name } in spellCasting\"\n                :key=\"name\"\n                class=\"text-gray-600\"\n              >\n                <h3 class=\"font-semibold text-black\">{{ name }}</h3>\n                <p>{{ desc[0] }}</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport Banner from \"../components/Banner.vue\";\nimport Nav from \"../components/Nav.vue\";\nimport { defineComponent, reactive, onMounted, toRefs } from \"vue\";\nimport axios from \"axios\";\n\nexport default defineComponent({\n  components: { Banner, Nav },\n  setup() {\n    const state = reactive({\n      classes: Array,\n      classData: Array,\n      spellCasting: Array,\n    });\n\n    onMounted(async () => {\n      const { data } = await axios.get(\"https://www.dnd5eapi.co/api/classes\");\n\n      state.classes = data.results;\n    });\n\n    const showClass = async (index: string) => {\n      const { data } = await axios.get(\n        `https://www.dnd5eapi.co/api/classes/${index}`\n      );\n\n      state.classData = data;\n      state.spellCasting = data.spellcasting.info;\n    };\n\n    function showCards() {\n      var element = document.getElementById(\"class-cards\");\n      element!.classList.remove(\"hidden\");\n    }\n\n    return { ...toRefs(state), showClass, showCards };\n  },\n});\n</script>\n\n<style >\nhtml {\n  scroll-behavior: smooth;\n}\n</style>","\nimport Banner from \"../components/Banner.vue\";\nimport Nav from \"../components/Nav.vue\";\nimport { defineComponent, reactive, onMounted, toRefs } from \"vue\";\nimport axios from \"axios\";\n\nexport default defineComponent({\n  components: { Banner, Nav },\n  setup() {\n    const state = reactive({\n      classes: Array,\n      classData: Array,\n      spellCasting: Array,\n    });\n\n    onMounted(async () => {\n      const { data } = await axios.get(\"https://www.dnd5eapi.co/api/classes\");\n\n      state.classes = data.results;\n    });\n\n    const showClass = async (index: string) => {\n      const { data } = await axios.get(\n        `https://www.dnd5eapi.co/api/classes/${index}`\n      );\n\n      state.classData = data;\n      state.spellCasting = data.spellcasting.info;\n    };\n\n    function showCards() {\n      var element = document.getElementById(\"class-cards\");\n      element!.classList.remove(\"hidden\");\n    }\n\n    return { ...toRefs(state), showClass, showCards };\n  },\n});\n","import { render } from \"./Classes.vue?vue&type=template&id=6d730228\"\nimport script from \"./Classes.vue?vue&type=script&lang=ts\"\nexport * from \"./Classes.vue?vue&type=script&lang=ts\"\n\nimport \"./Classes.vue?vue&type=style&index=0&id=6d730228&lang=css\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}