{"version":3,"sources":["webpack:///./src/views/Typography.vue?5ca9","webpack:///./src/views/Typography.vue?1d65","webpack:///src/views/Typography.vue","webpack:///./src/views/Typography.vue?7170","webpack:///./src/views/Typography.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_l","t","i","key","domProps","_s","tag","class","_e","staticRenderFns","leader","leaderShort","slice","material","small","data","typography","component","VCardText","VCard","VContainer","VFlex","VLayout"],"mappings":"kHAAA,yBAAukB,EAAG,G,2CCA1kB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,cAAc,GAAG,MAAQ,KAAK,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,iBAAiB,GAAG,eAAe,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,gBAAgB,CAACE,MAAM,CAAC,MAAQ,QAAQ,MAAQ,6BAA6B,KAAO,qCAAqC,CAACF,EAAG,cAAc,CAACA,EAAG,KAAK,CAACG,YAAY,0BAA0B,CAACP,EAAIQ,GAAG,gBAAgBJ,EAAG,cAAc,CAACG,YAAY,OAAOD,MAAM,CAAC,eAAe,GAAG,MAAQ,KAAKN,EAAIS,GAAIT,EAAc,YAAE,SAASU,EAAEC,GAAG,OAAOP,EAAG,WAAW,CAACQ,IAAID,EAAEL,MAAM,CAAC,YAAY,GAAG,KAAO,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,IAAM,GAAG,IAAM,KAAK,CAACF,EAAG,OAAO,CAACG,YAAY,WAAWM,SAAS,CAAC,YAAcb,EAAIc,GAAGJ,EAAE,SAASN,EAAG,SAAS,CAACE,MAAM,CAAC,IAAM,KAAK,CAACF,EAAGM,EAAE,GAAG,CAACK,IAAI,YAAYC,MAAML,GAAG,CAAQ,UAANA,EAAe,CAACX,EAAIQ,GAAG,yBAAyBR,EAAIc,GAAGJ,EAAE,IAAI,yBAAyBV,EAAIiB,KAAY,UAANN,EAAeP,EAAG,IAAI,CAACJ,EAAIQ,GAAGR,EAAIc,GAAGJ,EAAE,OAAOV,EAAIiB,KAAY,UAANN,EAAeP,EAAG,QAAQ,CAACJ,EAAIQ,GAAG,0BAA0BR,EAAIiB,KAAY,UAANN,EAAe,CAACP,EAAG,MAAMA,EAAG,QAAQ,CAACJ,EAAIQ,GAAG,sCAAsCR,EAAIiB,MAAM,IAAI,IAAI,MAAK,IAAI,IAAI,IAAI,IAAI,IAAI,IAC9oCC,EAAkB,GCgEtB,MAAMC,EAAS,oRACTC,EAAcD,EAAOE,MAAM,EAAG,KAAO,MACrCC,EAAW,iCACXC,EAAQ,6BAEC,OACbC,KAAM,KAAM,CACVC,WAAY,CACV,YAAa,CAAC,WAAYH,EAAU,MACpC,YAAa,CAAC,WAAYA,EAAU,MACpC,YAAa,CAAC,WAAYA,EAAU,MACpC,YAAa,CAAC,WAAYA,EAAU,MACpC,YAAa,CAAC,WAAYA,EAAU,MACpC,2BAA4B,CAAC,WAAYA,EAAU,MACnD,GAAI,CAAC,YAAaH,EAAQ,KAC1B,MAAS,CAAC,QAASA,EAAQ,cAC3B,iBAAkB,CAAC,aAAcC,EAAa,KAC9C,eAAgB,CAAC,eAAgBA,EAAa,KAC9C,YAAa,CAAC,YAAaA,EAAa,KACxC,eAAgB,CAAC,eAAgBA,EAAa,KAC9C,eAAgB,CAAC,eAAgBA,EAAa,KAC9C,cAAe,CAAC,cAAeA,EAAa,KAC5C,MAAS,CAAC,YAAaG,EAAO,UCvF0N,I,6FCQ1PG,EAAY,eACd,EACA3B,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAQ,EAAiB,QAQhC,IAAkBA,EAAW,CAACC,UAAAC,EAAA,KAAUC,aAAA,KAAWC,QAAA,KAAMC,UAAA,Q","file":"js/chunk-3dfc3faa.8e8944d2.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Typography.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Typography.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fill-height\":\"\",\"fluid\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('material-card',{attrs:{\"color\":\"green\",\"title\":\"Material Dashboard Heading\",\"text\":\"Created using Roboto Font Family\"}},[_c('v-card-text',[_c('h2',{staticClass:\"font-weight-light mb-4\"},[_vm._v(\"Typography\")]),_c('v-container',{staticClass:\"pa-0\",attrs:{\"grid-list-xl\":\"\",\"fluid\":\"\"}},_vm._l((_vm.typography),function(t,i){return _c('v-layout',{key:i,attrs:{\"align-end\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs1\":\"\",\"md3\":\"\"}},[_c('span',{staticClass:\"tim-note\",domProps:{\"textContent\":_vm._s(t[0])}})]),_c('v-flex',{attrs:{\"xs8\":\"\"}},[_c(t[2],{tag:\"component\",class:i},[(i !== 'quote')?[_vm._v(\"\\n                    \"+_vm._s(t[1])+\"\\n                  \")]:_vm._e(),(i === 'quote')?_c('p',[_vm._v(_vm._s(t[1]))]):_vm._e(),(i === 'quote')?_c('small',[_vm._v(\"Kanye West, Musician\")]):_vm._e(),(i === 'small')?[_c('br'),_c('small',[_vm._v(\"Use 'small' tag for the headers\")])]:_vm._e()],2)],1)],1)}),1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container\r\n    fill-height\r\n    fluid\r\n  >\r\n    <v-layout\r\n      justify-center\r\n      align-center\r\n    >\r\n      <v-flex xs12>\r\n        <material-card\r\n          color=\"green\"\r\n          title=\"Material Dashboard Heading\"\r\n          text=\"Created using Roboto Font Family\"\r\n        >\r\n          <v-card-text>\r\n            <h2 class=\"font-weight-light mb-4\">Typography</h2>\r\n\r\n            <v-container\r\n              class=\"pa-0\"\r\n              grid-list-xl\r\n              fluid\r\n            >\r\n              <v-layout\r\n                v-for=\"(t, i) in typography\"\r\n                :key=\"i\"\r\n                align-end\r\n                wrap\r\n              >\r\n                <v-flex\r\n                  xs1\r\n                  md3>\r\n                  <span\r\n                    class=\"tim-note\"\r\n                    v-text=\"t[0]\"\r\n                  />\r\n                </v-flex>\r\n                <v-flex xs8>\r\n                  <component\r\n                    :is=\"t[2]\"\r\n                    :class=\"i\"\r\n                  >\r\n                    <template v-if=\"i !== 'quote'\">\r\n                      {{ t[1] }}\r\n                    </template>\r\n\r\n                    <p v-if=\"i === 'quote'\">{{ t[1] }}</p>\r\n                    <small v-if=\"i === 'quote'\">Kanye West, Musician</small>\r\n\r\n                    <template v-if=\"i === 'small'\">\r\n                      <br>\r\n                      <small>Use 'small' tag for the headers</small>\r\n                    </template>\r\n                  </component>\r\n                </v-flex>\r\n              </v-layout>\r\n            </v-container>\r\n          </v-card-text>\r\n        </material-card>\r\n      </v-flex>\r\n    </v-layout>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nconst leader = 'I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.'\r\nconst leaderShort = leader.slice(0, 105) + '...'\r\nconst material = 'The Life of Material Dashboard'\r\nconst small = 'Header with small subtitle'\r\n\r\nexport default {\r\n  data: () => ({\r\n    typography: {\r\n      'heading-1': ['Header 1', material, 'h1'],\r\n      'heading-2': ['Header 2', material, 'h2'],\r\n      'heading-3': ['Header 3', material, 'h3'],\r\n      'heading-4': ['Header 4', material, 'h4'],\r\n      'heading-5': ['Header 5', material, 'h5'],\r\n      'heading-6 text-uppercase': ['Header 6', material, 'h6'],\r\n      '': ['Paragraph', leader, 'p'],\r\n      'quote': ['Quote', leader, 'blockquote'],\r\n      'text--disabled': ['Muted Text', leaderShort, 'p'],\r\n      'text-primary': ['Primary Text', leaderShort, 'p'],\r\n      'text-info': ['Info Text', leaderShort, 'p'],\r\n      'text-success': ['Success Text', leaderShort, 'p'],\r\n      'text-warning': ['Warning Text', leaderShort, 'p'],\r\n      'text-danger': ['Danger Text', leaderShort, 'p'],\r\n      'small': ['Small Tag', small, 'h2']\r\n    }\r\n  })\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .tim-note {\r\n    bottom: 10px;\r\n    color: #c0c1c2;\r\n    display: block;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 13px;\r\n    left: 0;\r\n    margin-left: 20px;\r\n    width: 260px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Typography.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Typography.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Typography.vue?vue&type=template&id=9c043010&\"\nimport script from \"./Typography.vue?vue&type=script&lang=js&\"\nexport * from \"./Typography.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Typography.vue?vue&type=style&index=0&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCardText,VContainer,VFlex,VLayout})\n"],"sourceRoot":""}