{"version":3,"sources":["webpack:///./src/views/Index.vue?876c","webpack:///./src/components/LandingCard.vue?a562","webpack:///./src/components/MiniFooter.vue","webpack:///./src/components/MiniFooter.vue?a7ee","webpack:///./src/views/Index.vue","webpack:///./src/components/LandingCard.vue","webpack:///./src/components/LandingCard.vue?f50d","webpack:///./src/views/Index.vue?297c"],"names":["class","href","target","script","render","ref","src","alt","appear","name","startQuiz","methods","$store","dispatch","$router","push","__scopeId","components","LandingCard","MiniFooter"],"mappings":"kHAAA,W,oCCAA,W,sDCEQ,eASM,OATDA,MAAM,gDAA8C,CACrD,eAOI,KAPDA,MAAM,iEAA+D,C,eAAC,gCAErE,eAA8G,KAA3GC,KAAK,8BAA8BC,OAAO,SAASF,MAAM,iCAAgC,kB,eAAkB,uBAE9G,eAEI,KAFDC,KAAK,yCAAyCC,OAAO,SAASF,MAAM,iCAAgC,mB,eAEnG,U,2CARhB,eAWM,YAVF,ICDR,MAAMG,EAAS,GACfA,EAAOC,OAASA,EAED,U,qFCFNJ,MAAM,yB,0WAcMA,MAAM,Y,GACFA,MAAM,qC,GACEK,IAAI,a,mHAhBjC,eAwBM,MAxBN,EAwBM,CAvBF,EAWA,eAWO,aAVH,eASM,YARF,eAMM,MANN,EAMM,CALF,eAIM,MAJN,EAIM,CAHE,eAEM,MAFN,EAEM,CADE,eAAc,I,SAIlC,eAAa,S,iFCrBpBL,MAAM,wD,EACP,eAGM,OAHDA,MAAM,oBAAkB,CAC7B,eAA4N,OAAvNA,MAAM,6BAA6BM,IAAI,8JAA8JC,IAAI,cAC9M,eAAiE,OAA5DP,MAAM,wD,MAENA,MAAM,yD,EACX,eAGK,MAHDA,MAAM,8EAA4E,CAClF,eAAkE,QAA5DA,MAAM,oBAAmB,gCAC/B,eAAwD,QAAlDA,MAAM,yBAAwB,mB,KAExC,eAWI,KAXDA,MAAM,wFAAsF,C,eAAC,4CAE5F,eAGI,KAHDC,KAAK,oHACLC,OAAO,UAAS,0F,eAEf,uGAEA,eAAI,qBAAI,M,eAAA,yCAC4B,eAAI,M,eAAA,4EACxC,eAAI,M,eAAA,qD,MAGPF,MAAM,kE,GACFA,MAAM,4E,wEAxBnB,eAgCa,QAhCDQ,OAAA,GAAOC,KAAK,Q,YACxB,iBA8BM,CA9BN,eA8BM,MA9BN,EA8BM,CA7BF,EAIA,eAwBM,MAxBN,EAwBM,CAvBN,EAIA,EAYA,eAMM,MANN,EAMM,CALF,eAIM,MAJN,EAIM,CAHN,eAES,UAFA,QAAK,8BAAE,EAAAC,WAAA,EAAAA,UAAA,qBAAWV,MAAM,8KAA6K,qC,qBAU3M,G,UAAA,CACXW,QAAU,CACAD,UADA,WACa,wKACT,EAAKE,OAAOC,SAAS,kBADZ,OAEf,EAAKC,QAAQC,KAAK,CAAEN,KAAM,SAFX,iD,UCjC3B,EAAOL,OAAS,EAChB,EAAOY,UAAY,kBAEJ,Q,YFoCA,GACXC,WAAY,CAMRC,cACAC,aAAA,O,UG/CR,EAAOf,OAASA,EAED,gB","file":"js/chunk-3f8c354c.b4e9c071.js","sourcesContent":["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-v16/dist/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-v16/dist/index.js??ref--0-1!./Index.vue?vue&type=style&index=0&id=c949d25e&lang=scss\"","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-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-loader-v16/dist/index.js??ref--0-1!./LandingCard.vue?vue&type=style&index=0&id=70e7e45c&scoped=true&lang=css\"","<template>\n    <div>\n        <div class=\"max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8\">\n            <p class=\"text-center text-sm font-semibold text-gray-500 tracking-wide\">\n                Built by the people behind \n                <a href=\"https://www.metricrule.com/\" target=\"_blank\" class=\"font-semibold text-indigo-900\"> 📏 Metricrule</a>\n                based on Google's \n                <a href=\"https://research.google/pubs/pub46555/\" target=\"_blank\" class=\"font-semibold text-indigo-900\">\n                ML Test Score\n                </a>.\n            </p>\n        </div>\n    </div>\n</template>","import { render } from \"./MiniFooter.vue?vue&type=template&id=91641ff2\"\nconst script = {}\nscript.render = render\n\nexport default script","<!-- This example requires Tailwind CSS v2.0+ -->\n<template>\n    <div class=\"min-h-screen bg-white\">\n        <header>\n            <div class=\"flex justify-between items-center max-w-7xl mx-auto px-4 py-6 sm:px-6 md:justify-start md:space-x-10 lg:px-8\">\n                <div class=\"flex justify-start lg:w-0 lg:flex-1\">\n                <a href=\"https://metricrule.com\" target=\"_blank\">\n                    <span class=\"sr-only\">Metricrule</span>\n                    <h2 class=\"font-semibold\">📏 Metricrule</h2>\n                </a>\n                </div>\n            </div>\n        </header>\n\n        <main>\n            <div>\n                <div class=\"relative\">\n                    <div class=\"max-w-7xl mx-auto sm:px-6 lg:px-8\">\n                            <div ref=\"container\">\n                                    <LandingCard/>\n                            </div>\n                    </div>\n                </div>\n                <MiniFooter/>\n            </div>\n        </main>\n    </div>\n</template>\n\n<script>\n// import { Popover, PopoverButton, PopoverPanel } from '@headlessui/vue'\nimport LandingCard from \"@/components/LandingCard\"\nimport MiniFooter from \"@/components/MiniFooter\"\n// import FinalCard from \"@/components/FinalCard\"\n// import QuestionCard from \"@/components/QuestionCard\";\n// import ResultCard from \"@/components/ResultCard\";\n// import FinalCard from \"@/components/FinalCard\"\n\n// import {\n//   MenuIcon,\n//   XIcon,\n// } from '@heroicons/vue/outline'\n// import {defineComponent,createApp} from 'vue'\n\nexport default {\n    components: {\n        // Popover,\n        // PopoverButton,\n        // PopoverPanel,\n        // MenuIcon,\n        // XIcon,\n        LandingCard,\n        MiniFooter\n    }\n    // computed: {\n    //     // @Todo: Need another watcher to switch between questions\n    //     quizStatus () {\n    //         return this.$store.state.quiz.quizStatus\n    //     }\n    // },\n    // watch: {\n    //     async quizStatus() {\n    //         switch(this.quizStatus) {\n    //             case 1:\n    //                 this.showQuestionCard()\n    //                 break;\n    //             case 2:\n    //                 this.showResultCard()\n    //                 break;\n    //             case 3:\n    //                 this.showFinalCard()\n    //                 break;\n    //             default:\n    //                 this.showLandingCard()\n    //         }\n    //     },\n    // },\n    // methods : {\n    //     // @Todo: Simplify code below\n    //     showQuestionCard () {\n    //         let questionViewContainer = this.$refs.container;\n    //         if (questionViewContainer.hasChildNodes()) {\n    //             questionViewContainer.innerHTML = \"\";\n    //         }\n    //         let questionView = defineComponent({\n    //             extends: QuestionCard\n    //         })\n    //         createApp(questionView).mount(questionViewContainer)\n    //     },\n    //     showResultCard () {\n    //         let resultViewContainer = this.$refs.container;\n    //         if (resultViewContainer.hasChildNodes()) {\n    //             resultViewContainer.innerHTML = \"\";\n    //         }\n    //         let resultView = defineComponent({\n    //             extends: ResultCard\n    //         })\n    //         createApp(resultView).mount(resultViewContainer)\n    //     },\n    //     showLandingCard () {\n    //         let landingViewContainer = this.$refs.container;\n    //         if (landingViewContainer.hasChildNodes()) {\n    //             landingViewContainer.innerHTML = \"\";\n    //         }\n    //         let landingView = defineComponent({\n    //             extends: LandingCard\n    //         })\n    //         createApp(landingView).mount(landingViewContainer)\n    //     },\n    //     showFinalCard() {\n    //         let finalViewContainer = this.$refs.container;\n    //         if (finalViewContainer.hasChildNodes()) {\n    //             finalViewContainer.innerHTML = \"\";\n    //         }\n    //         let finalView = defineComponent({\n    //             extends: FinalCard\n    //         })\n    //         createApp(finalView).mount(finalViewContainer)\n    //     }\n    // }\n}\n</script>\n<style lang=\"scss\">\n.result-text {\n    a {\n        font-weight: bold;\n        text-decoration: underline;\n    }\n}\n</style>\n","<template>\n    <transition appear name=\"fade\">\n    <div class=\"relative shadow-xl sm:rounded-2xl sm:overflow-hidden\">\n        <div class=\"absolute inset-0\">\n        <img class=\"h-full w-full object-cover\" src=\"https://images.unsplash.com/photo-1561816273-56c6232d3990?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2830&q=80\" alt=\"Dashboard\" />\n        <div class=\"absolute inset-0 bg-indigo-700 mix-blend-multiply\" />\n        </div>\n        <div class=\"relative px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8\">\n        <h1 class=\"text-center text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl\">\n            <span class=\"block text-white\">Evaluate your ML system with</span>\n            <span class=\"block text-indigo-200\">ML Test Score</span>\n        </h1>\n        <p class=\"mt-6 max-w-lg mx-auto text-center text-xl text-indigo-100 sm:max-w-3xl font-semibold\">\n            Practitioners at Google have published \n            <a href=\"https://storage.googleapis.com/pub-tools-public-publication-data/pdf/aad9f93b86b7addfea4c419b9100c6cdd26cacea.pdf\"\n               target=\"_blank\">\n                The ML Test Score: A Rubric for ML Production Readiness and Technical Debt Reduction\n            </a>\n                with a comprehensive checklist, scoring system and a roadmap for improving production ML systems.\n                <br><br>\n                The scoring is across 4 categories -<br>Features and Data, Model Development, ML Infrastructure and Monitoring.\n                <br>\n                Find out how production ready your system is:\n        </p>\n        <div class=\"mt-10 max-w-sm mx-auto sm:max-w-none sm:flex sm:justify-center\">\n            <div class=\"space-y-4 sm:space-y-0 sm:mx-auto sm:inline-grid sm:grid-cols-1 sm:gap-5\">\n            <button @click=\"startQuiz\" class=\"w-full flex items-center justify-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-indigo-700 bg-white hover:bg-indigo-50 sm:px-8\">\n                Start Questionnaire\n            </button>\n            </div>\n        </div>\n        </div>\n    </div>\n    </transition>\n</template>\n<script>\nexport default {\n    methods : {\n        async startQuiz () {\n            await this.$store.dispatch(\"quiz/startQuiz\")\n            this.$router.push({ name: 'Quiz' })\n\n        }\n    }\n}\n</script>\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n    transition: opacity 1s ease-in;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n    opacity: 0;\n}\na {\n        font-weight: bold;\n        text-decoration: underline;\n    }\n</style>","import { render } from \"./LandingCard.vue?vue&type=template&id=70e7e45c&scoped=true\"\nimport script from \"./LandingCard.vue?vue&type=script&lang=js\"\nexport * from \"./LandingCard.vue?vue&type=script&lang=js\"\n\nimport \"./LandingCard.vue?vue&type=style&index=0&id=70e7e45c&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-70e7e45c\"\n\nexport default script","import { render } from \"./Index.vue?vue&type=template&id=c949d25e\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=c949d25e&lang=scss\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}