{"version":3,"sources":["webpack:///./src/components/util/ResponsiveGrid.vue?7d54","webpack:///./src/components/util/ResponsiveGridItem.vue?234a","webpack:///./src/components/util/ResponsiveGridItem.vue","webpack:///./src/components/util/ResponsiveGridItem.vue?fa4f","webpack:///./src/components/util/ResponsiveGrid.vue","webpack:///./src/components/util/ResponsiveGrid.vue?557d"],"names":["class","styleClass","clickFunction","griditem","heading","isTimeStampPresent","updated","isContentPreviewPresent","contentPreview","tz","setDefault","props","data","methods","this","$emit","computed","klass","isHeading","timestamp","mounted","format","__exports__","render","gridlist","key","id","$event","gridItem","components","ResponsiveGridItem"],"mappings":"mIAAA,W,kFCAA,W,6ICEMA,MAAM,e,2CAGV,eAGI,KAHDA,MAAM,aAAW,CACnB,eAAuC,WAA9BA,MAAM,YACf,eAA8C,WAArCA,MAAM,UAAS,kB,sDAN1B,eAQM,OARAA,MAAK,eAAE,EAAAC,YAAa,QAAK,8BAAE,EAAAC,eAAA,EAAAA,cAAA,sB,CAChC,eAAiD,KAAjD,EAAiD,eAAvB,EAAAC,SAASC,SAAO,GAChC,EAAAC,oB,iBAAV,eAAuD,OAAzB,YAAS,eAAE,EAAAC,SAAO,I,sBACvC,EAAAC,yB,iBAAT,eAAiE,qBAA7B,EAAAJ,SAASK,gBAAc,I,sBAC3D,G,4BASF,IAAOC,GAAGC,WAAW,OACN,OACdC,MAAM,CAAC,WAAY,SACnBC,KAFc,WAGb,MAAM,CACLN,QAAS,OAGXO,QAAQ,CACPX,cADO,WAENY,KAAKC,MAAM,kBAAmBD,KAAKX,YAGrCa,SAAS,CACRf,WADQ,WAEP,MAAO,YAAmBa,KAAKG,OAEhCC,UAJQ,WAKP,SAAIJ,KAAKX,WAAYW,KAAKX,SAASC,UAIpCC,mBATQ,WAUP,SAAIS,KAAKX,WAAYW,KAAKX,SAASgB,YAKpCZ,wBAfQ,WAgBP,SAAIO,KAAKX,WAAYW,KAAKX,SAASK,kBAMrCY,QAlCc,WAmCTN,KAAKX,UAAYW,KAAKX,SAASgB,YAClCL,KAAKR,QAAU,IAAOQ,KAAKX,SAASgB,WAAWE,OAAO,iB,iCC5CzD,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,4DCRTvB,MAAM,Q,6FAAX,eAMM,MANN,EAMM,E,mBALL,eAIM,2BAJkB,EAAAwB,UAAQ,SAApBrB,G,wBAAZ,eAIM,OAJ6BsB,IAAKtB,EAASuB,I,CAChD,eAE2C,GAFpBvB,SAAUA,EACvB,kBAAe,+BAAE,EAAAD,cAAcyB,KACnCV,MAAO,EAAAA,O,0DAOD,GACdN,MAAO,CAAC,WAAY,SACpBK,SAAS,GAGTH,QAAQ,CACPX,cADO,SACO0B,GACbd,KAAKC,MAAM,kBAAmBa,KAGhCC,WAAW,CACJC,qBAAA,a,iCChBR,MAAMR,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/chunk-2a1f75f8.7915ee48.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ResponsiveGrid.vue?vue&type=style&index=0&id=309b144d&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ResponsiveGridItem.vue?vue&type=style&index=0&id=b2f97cf0&scoped=true&lang=css\"","<template>\r\n\t<div :class=\"styleClass\" @click=\"clickFunction\">\r\n\t\t<h3 class=\"gridheading\">{{griditem.heading}}</h3>\r\n\t\t<h5 v-if=\"isTimeStampPresent\">Updated: {{updated}}</h5>\r\n\t\t<p v-if=\"isContentPreviewPresent\">{{griditem.contentPreview}}</p>\r\n\t\t<p class=\"hovertext\">\r\n\t\t\t<section class=\"visible\">    </section>\r\n\t\t\t<section class=\"hidden\">View Details</section>\r\n\t\t</p>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport moment from 'moment-timezone'\r\nmoment.tz.setDefault('UTC');\r\nexport default {\r\n\tprops:['griditem', 'klass'],\r\n\tdata(){\r\n\t\treturn{\r\n\t\t\tupdated: null\r\n\t\t}\r\n\t},\r\n\tmethods:{\r\n\t\tclickFunction(){\r\n\t\t\tthis.$emit('gridItemClicked', this.griditem);\r\n\t\t}\r\n\t},\r\n\tcomputed:{\r\n\t\tstyleClass(){\r\n\t\t\treturn 'griditem' + ' ' + this.klass;\r\n\t\t},\r\n\t\tisHeading(){\r\n\t\t\tif (this.griditem && this.griditem.heading)\r\n\t\t\t\treturn true;\r\n\t\t\treturn false;\t\r\n\t\t},\r\n\t\tisTimeStampPresent(){\r\n\t\t\tif (this.griditem && this.griditem.timestamp){\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\t\t\treturn false;\t\r\n\t\t},\r\n\t\tisContentPreviewPresent(){\r\n\t\t\tif (this.griditem && this.griditem.contentPreview)\r\n\t\t\t\treturn true;\r\n\t\t\treturn false;\t\r\n\t\t}\r\n\r\n\t},\r\n\tmounted(){\r\n\t\tif (this.griditem && this.griditem.timestamp){\r\n\t\t\tthis.updated = moment(this.griditem.timestamp).format('DD-MM-YYYY');\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\t.gridheading{\r\n\t\tbackground-image: linear-gradient(0deg,rgba(0,0,0,.1),transparent 76%),linear-gradient(\r\n\t90deg,#3B4755 0,#3B4755 74px, #3B4755 0, #3B4755);\r\n\t\t/* opacity: 60%; */\r\n\t\tmargin: 0;\r\n\t\tpadding: 2px;\r\n\t\t/* margin: 3px; */\r\n\t\tborder-radius: 3px;\r\n\t}\r\n\t.griditem{\r\n\t\twhite-space: initial;\r\n\t\t/* background: lightseagreen;\r\n\t\tborder: 1px solid gray; */\r\n\t\tborder-radius: 5px;\r\n\t\tbackground: 323335;\r\n\t}\r\n\r\n\t.griditem:hover {\r\n\t\tcursor: pointer;\r\n\t\t/* border: #725162 1px solid; */\r\n\t\t/* background: #725162; */\r\n\t}\r\n\r\n\t.griditem p, h3{\r\n\t\t/* overflow: auto; */\r\n\t\t/* word-wrap: break-word; */\r\n\t\t/* overflow-wrap: break-word; */\r\n\t\t/* background: white; */\r\n\t\tmargin-left: 2px;\r\n\t\tmargin-right: 2px;\r\n\t\t/* width: 100px; */\r\n\t\t/* white-space: initial; */\r\n\t}\r\n\r\n\t.griditem section{\r\n\t\tdisplay: block;\r\n\t\topacity: 0%;\r\n\t}\r\n\t@media (hover: hover) {\r\n\t\t.griditem span {\r\n\t\t\t/* transform: translateY(10px); */\r\n\t\t\ttransition: 0.2s;\r\n\t\t}\r\n\t\t.griditem:hover section {\r\n\t\t\ttransform: translateY(0);\r\n\t\t\ttransition-delay: 0.0s;\r\n\t\t\t/* background: rgba(0, 0, 0, 0.1); */\r\n\t\t\tbackground: var(--grid-hover-color);\r\n\t\t\topacity: 100%;\r\n\t\t}\r\n\t}\r\n\t/* Extra-wide grid-posts */\r\n\t/* .griditem:nth-child(31n + 1) {\r\n\t\tgrid-column: 1 / -1;\r\n\t}\r\n\t.griditem:nth-child(16n + 2) {\r\n\t\tgrid-column: -3 / -1;\r\n\t}\r\n\t.griditem:nth-child(16n + 10) {\r\n\t\tgrid-column: 1 / -2;\r\n\t} */\r\n</style>","import { render } from \"./ResponsiveGridItem.vue?vue&type=template&id=b2f97cf0&scoped=true\"\nimport script from \"./ResponsiveGridItem.vue?vue&type=script&lang=js\"\nexport * from \"./ResponsiveGridItem.vue?vue&type=script&lang=js\"\n\nimport \"./ResponsiveGridItem.vue?vue&type=style&index=0&id=b2f97cf0&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\TK\\\\LivppyLab\\\\LivppyLab\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-b2f97cf0\"]])\n\nexport default __exports__","<template>\r\n\t<div class=\"grid\">\r\n\t\t<div v-for=\"griditem in gridlist\" :key=\"griditem.id\">\r\n\t\t\t<responsive-grid-item :griditem=\"griditem\" \r\n\t\t\t\t\t\t\t\tv-on:gridItemClicked=\"clickFunction($event)\"\r\n\t\t\t\t\t\t\t\t:klass=\"klass\"></responsive-grid-item>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n<script>\r\nimport ResponsiveGridItem from '@/components/util/ResponsiveGridItem'\r\n\r\nexport default {\r\n\tprops: ['gridlist', 'klass'],\r\n\tcomputed:{\r\n\t\t\r\n\t},\r\n\tmethods:{\r\n\t\tclickFunction(gridItem){\r\n\t\t\tthis.$emit('gridItemClicked', gridItem);\r\n\t\t}\r\n\t},\r\n\tcomponents:{\r\n        ResponsiveGridItem\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\t.grid {\r\n\t\t/* Define the element as a grid container */\r\n\t\tdisplay: grid;\r\n\t\t/* Auto-fit as many items on a row as possible without going under 180px */\r\n\t\tgrid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n\t\t/* A little spacing between articles */\r\n\t\tgrid-gap: 1em;\r\n\t\tmargin-left: .5em;\r\n\t\tmargin-right: .5em;\r\n\t}\r\n\r\n\t/* Single column display for phones */\r\n\t@media (max-width: 459px) {\r\n\t\t.grid {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\t}\r\n</style>","import { render } from \"./ResponsiveGrid.vue?vue&type=template&id=309b144d&scoped=true\"\nimport script from \"./ResponsiveGrid.vue?vue&type=script&lang=js\"\nexport * from \"./ResponsiveGrid.vue?vue&type=script&lang=js\"\n\nimport \"./ResponsiveGrid.vue?vue&type=style&index=0&id=309b144d&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\TK\\\\LivppyLab\\\\LivppyLab\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-309b144d\"]])\n\nexport default __exports__"],"sourceRoot":""}