{"version":3,"sources":["webpack:///./src/views/Typography.vue?1446","webpack:///src/views/Typography.vue","webpack:///./src/views/Typography.vue?538e","webpack:///./src/views/Typography.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","_l","ref","i","name","text","component","domProps","_s","tag","class","_e","staticRenderFns","typography","material","leader","blockquote","leaderShort","small","VCardText","VCard","VCol","VContainer","VRow"],"mappings":"2HAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,kBAAkB,MAAQ,GAAG,IAAM,YAAY,CAACF,EAAG,aAAa,CAACE,MAAM,CAAC,QAAU,aAAa,KAAO,uBAAuBF,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,SAAS,QAAU,WAAW,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,gBAAgB,CAACE,MAAM,CAAC,MAAQ,UAAU,cAAc,IAAIC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACN,EAAG,MAAM,CAACO,YAAY,oBAAoB,CAACP,EAAG,MAAM,CAACO,YAAY,6BAA6B,CAACX,EAAIY,GAAG,kCAAkCR,EAAG,MAAM,CAACO,YAAY,mBAAmB,CAACX,EAAIY,GAAG,gDAAgDC,OAAM,MAAS,CAACT,EAAG,cAAc,CAACO,YAAY,iBAAiBX,EAAIc,GAAId,EAAc,YAAE,SAASe,EAAIN,EAAIO,GAChyB,IAAIC,EAAOF,EAAI,GACXG,EAAOH,EAAI,GACXI,EAAYJ,EAAI,GACpB,OAAOX,EAAG,QAAQ,CAACK,IAAIO,EAAEV,MAAM,CAAC,MAAQ,WAAW,CAACF,EAAG,QAAQ,CAACO,YAAY,6CAA6CL,MAAM,CAAC,KAAO,IAAI,GAAK,KAAKc,SAAS,CAAC,YAAcpB,EAAIqB,GAAGJ,MAASb,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACF,EAAGe,EAAU,CAACG,IAAI,YAAYC,MAAMd,GAAK,CAAwBL,EAAd,eAARK,EAAyB,OAAmD,IAA5C,CAACW,SAAS,CAAC,YAAcpB,EAAIqB,GAAGH,MAAkE,UAART,EAAiB,CAACL,EAAG,MAAMA,EAAG,QAAQ,CAACJ,EAAIY,GAAG,sCAAsCZ,EAAIwB,MAAM,IAAI,IAAI,MAAK,IAAI,IAAI,IAAI,IAAI,IAC1fC,EAAkB,GCwEtB,sRACA,uBACA,mCACA,+BAEA,GACE,KAAF,iBAEE,KAAF,WAAI,MAAJ,CACMC,WAAY,CACV,UAAW,CAAC,YAAaC,EAAU,MACnC,UAAW,CAAC,YAAaA,EAAU,MACnC,UAAW,CAAC,YAAaA,EAAU,MACnC,UAAW,CAAC,YAAaA,EAAU,MACnC,UAAW,CAAC,YAAaA,EAAU,MACnC,UAAW,CAAC,YAAaA,EAAU,MACnC,GAAI,CAAC,YAAaC,EAAQ,KAC1BC,WAAY,CAAC,QAASD,EAAQ,cAC9B,kBAAmB,CAAC,aAAcE,EAAa,KAC/C,gBAAiB,CAAC,eAAgBA,EAAa,KAC/C,aAAc,CAAC,YAAaA,EAAa,KACzC,gBAAiB,CAAC,eAAgBA,EAAa,KAC/C,gBAAiB,CAAC,eAAgBA,EAAa,KAC/C,cAAe,CAAC,aAAcA,EAAa,KAC3CC,MAAO,CAAC,YAAaA,EAAO,UCrGgT,I,iFCOhVZ,EAAY,eACd,EACApB,EACA0B,GACA,EACA,KACA,KACA,MAIa,aAAAN,EAAiB,QAQhC,IAAkBA,EAAW,CAACa,UAAAC,EAAA,KAAUC,OAAA,KAAKC,aAAA,KAAWC,OAAA","file":"js/views-Typography.a6424699.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"typography-view\",\"fluid\":\"\",\"tag\":\"section\"}},[_c('view-intro',{attrs:{\"heading\":\"Typography\",\"link\":\"styles/typography\"}}),_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('material-card',{attrs:{\"color\":\"success\",\"full-header\":\"\"},scopedSlots:_vm._u([{key:\"heading\",fn:function(){return [_c('div',{staticClass:\"pa-6 white--text\"},[_c('div',{staticClass:\"text-h4 font-weight-light\"},[_vm._v(\" Material Dashboard Heading \")]),_c('div',{staticClass:\"text-subtitle-1\"},[_vm._v(\" Created using the Roboto Font Family \")])])]},proxy:true}])},[_c('v-card-text',{staticClass:\"text--primary\"},_vm._l((_vm.typography),function(ref,key,i){\nvar name = ref[0];\nvar text = ref[1];\nvar component = ref[2];\nreturn _c('v-row',{key:i,attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"caption font-weight-regular text--disabled\",attrs:{\"cols\":\"1\",\"md\":\"3\"},domProps:{\"textContent\":_vm._s(name)}}),_c('v-col',{attrs:{\"cols\":\"8\"}},[_c(component,{tag:\"component\",class:key},[(key !== 'blockquote')?_c('span',{domProps:{\"textContent\":_vm._s(text)}}):_c('p',{domProps:{\"textContent\":_vm._s(text)}}),(key === 'small')?[_c('br'),_c('small',[_vm._v(\"Use 'small' tag for the headers\")])]:_vm._e()],2)],1)],1)}),1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    id=\"typography-view\"\n    fluid\n    tag=\"section\"\n  >\n    <view-intro\n      heading=\"Typography\"\n      link=\"styles/typography\"\n    />\n\n    <v-row\n      align=\"center\"\n      justify=\"center\"\n    >\n      <v-col cols=\"12\">\n        <material-card\n          color=\"success\"\n          full-header\n        >\n          <template #heading>\n            <div class=\"pa-6 white--text\">\n              <div class=\"text-h4 font-weight-light\">\n                Material Dashboard Heading\n              </div>\n\n              <div class=\"text-subtitle-1\">\n                Created using the Roboto Font Family\n              </div>\n            </div>\n          </template>\n\n          <v-card-text class=\"text--primary\">\n            <v-row\n              v-for=\"([name, text, component], key, i) in typography\"\n              :key=\"i\"\n              align=\"center\"\n            >\n              <v-col\n                cols=\"1\"\n                md=\"3\"\n                class=\"caption font-weight-regular text--disabled\"\n                v-text=\"name\"\n              />\n\n              <v-col cols=\"8\">\n                <component\n                  :is=\"component\"\n                  :class=\"key\"\n                >\n                  <span\n                    v-if=\"key !== 'blockquote'\"\n                    v-text=\"text\"\n                  />\n\n                  <p\n                    v-else\n                    v-text=\"text\"\n                  />\n\n                  <template v-if=\"key === 'small'\">\n                    <br>\n\n                    <small>Use 'small' tag for the headers</small>\n                  </template>\n                </component>\n              </v-col>\n            </v-row>\n          </v-card-text>\n        </material-card>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\n  // Data\n  const 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.'\n  const leaderShort = leader.slice(0, 105) + '...'\n  const material = 'The Life of Material Dashboard'\n  const small = 'Header with small subtitle'\n\n  export default {\n    name: 'TypographyView',\n\n    data: () => ({\n      typography: {\n        'text-h1': ['Heading 1', material, 'h1'],\n        'text-h2': ['Heading 2', material, 'h2'],\n        'text-h3': ['Heading 3', material, 'h3'],\n        'text-h4': ['Heading 4', material, 'h4'],\n        'text-h5': ['Heading 5', material, 'h5'],\n        'text-h6': ['Heading 6', material, 'h6'],\n        '': ['Paragraph', leader, 'p'],\n        blockquote: ['Quote', leader, 'blockquote'],\n        'text--secondary': ['Muted Text', leaderShort, 'p'],\n        'primary--text': ['Primary Text', leaderShort, 'p'],\n        'info--text': ['Info Text', leaderShort, 'p'],\n        'success--text': ['Success Text', leaderShort, 'p'],\n        'warning--text': ['Warning Text', leaderShort, 'p'],\n        'error--text': ['Error Text', leaderShort, 'p'],\n        small: ['Small Tag', small, 'h2'],\n      },\n    }),\n  }\n</script>\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!./Typography.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!./Typography.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Typography.vue?vue&type=template&id=03fa3fa9&\"\nimport script from \"./Typography.vue?vue&type=script&lang=js&\"\nexport * from \"./Typography.vue?vue&type=script&lang=js&\"\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCardText,VCol,VContainer,VRow})\n"],"sourceRoot":""}