{"version":3,"sources":["webpack:///./src/components/compra/Pages/reporteInventario.vue?2dbe","webpack:///./src/components/compra/Pages/reporteInventario.vue","webpack:///src/components/compra/Pages/reporteInventario.vue","webpack:///./src/components/compra/Pages/reporteInventario.vue?24c1","webpack:///./src/components/compra/Pages/reporteInventario.vue?d18e"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","alert","_v","ref","staticRenderFns","name","components","VuesticModal","VuesticWidget","data","show","methods","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,iBAAiB,CAACG,MAAM,CAAC,cAAc,aAAa,CAACH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,yNAAyNN,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,4PAA4PN,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,mOAAmON,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,mOAAmON,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,mOAAmON,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,mOAAmON,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,mOAAmON,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,mOAAmON,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,MAAQN,EAAIO,QAAQ,CAACP,EAAIQ,GAAG,uOAAuON,EAAG,gBAAgB,CAACO,IAAI,cAAcJ,MAAM,CAAC,OAAQ,IAAO,CAACH,EAAG,IAAI,CAACF,EAAIQ,GAAG,kPAAkP,IAEhjGE,EAAkB,G,wBCsBtB,GACAC,yBACAC,YAAAC,oBAAAC,sBACAC,gBACA,OACAC,UAGAC,SACAV,iBACA,iCClCyX,I,wBCQrXW,EAAY,eACd,EACAnB,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E","file":"js/chunk-44d84b56.0455399f.js","sourcesContent":["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/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./reporteInventario.vue?vue&type=style&index=0&id=27544500&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"css\"},[_c('vuestic-widget',{attrs:{\"header-text\":\"GRID CSS\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"item1 item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut blanditiis eos, et quaerat repellendus unde voluptas voluptates. Accusamus delectus dolores libero magni maiores maxime minus porro quia quo quos!\")]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi consectetur cupiditate deleniti eligendi excepturi laborum minima molestias mollitia necessitatibus, nemo nesciunt nostrum nulla numquam quos reiciendis repudiandae rerum voluptas!\")]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.\")]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.\")]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.\")]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.\")]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.\")]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.\")]),_c('div',{staticClass:\"item\",on:{\"click\":_vm.alert}},[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.\")])])]),_c('vuestic-modal',{ref:\"staticModal\",attrs:{\"force\":true}},[_c('p',[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias aliquam commodi dicta dolore, dolorum excepturi fugit impedit labore neque officia perspiciatis quia rem repellendus similique suscipit tempora tenetur unde.\")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"css\">\n        <vuestic-widget header-text=\"GRID CSS\">\n            <div class=\"container\">\n                <div class=\"item1 item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut blanditiis eos, et quaerat repellendus unde voluptas voluptates. Accusamus delectus dolores libero magni maiores maxime minus porro quia quo quos!</div>\n                <div class=\"item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi consectetur cupiditate deleniti eligendi excepturi laborum minima molestias mollitia necessitatibus, nemo nesciunt nostrum nulla numquam quos reiciendis repudiandae rerum voluptas!</div>\n                <div class=\"item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.</div>\n                <div class=\"item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.</div>\n                <div class=\"item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.</div>\n                <div class=\"item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.</div>\n                <div class=\"item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.</div>\n                <div class=\"item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.</div>\n                <div class=\"item\" @click=\"alert\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at quas qui rerum temporibus voluptate voluptatem? Ad assumenda consectetur id illo iure minus nihil, nostrum obcaecati, quasi rem temporibus voluptatem.</div>\n            </div>\n        </vuestic-widget>\n        <vuestic-modal :force=\"true\" ref=\"staticModal\">\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias aliquam commodi dicta dolore, dolorum excepturi fugit impedit labore neque officia perspiciatis quia rem repellendus similique suscipit tempora tenetur unde.</p>\n        </vuestic-modal>\n    </div>\n</template>\n\n<script>\n    import VuesticWidget from \"../../../vuestic-theme/vuestic-components/vuestic-widget/VuesticWidget\";\n    import VuesticModal from \"../../../vuestic-theme/vuestic-components/vuestic-modal/VuesticModal\";\n    export default {\n        name: \"reporteInventario\",\n        components: {VuesticModal, VuesticWidget},\n        data(){\n            return{\n                show:true,\n            }\n        },\n        methods:{\n            alert(){\n                this.$refs.staticModal.open()\n            }\n        }\n    }\n</script>\n\n<style scoped lang=\"scss\">\n    .container {\n        display: grid;\n        /*grid-template-columns: 200px 200px 200px;*/\n        /*column-gap: 20px;*/\n        grid-gap: 20px;\n        /*grid-template-columns: 4fr 4fr 4fr;*/\n        grid-template-columns: repeat(3, 2fr);\n        grid-template-rows: 1fr 1fr;\n        grid-auto-rows: 1fr;\n    }\n    .item{\n        background: #555555;\n        padding: 10px;\n        font-weight: bold;\n        color:black;\n        text-align: center;\n        width: 100%;\n        border-radius: 10px;\n        transition: all .2s ease-out;\n        position: relative;\n\n        &:hover{\n            /*background: rgba(0,0,100,0.3);*/\n            cursor: pointer;\n            /*color: #000;*/\n            transform: scale(.8);\n            /*box-shadow:  15px 10px 5px 3px rgba(0,0,0,0.4);*/\n        }\n    }\n</style>\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!./reporteInventario.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!./reporteInventario.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./reporteInventario.vue?vue&type=template&id=27544500&scoped=true&\"\nimport script from \"./reporteInventario.vue?vue&type=script&lang=js&\"\nexport * from \"./reporteInventario.vue?vue&type=script&lang=js&\"\nimport style0 from \"./reporteInventario.vue?vue&type=style&index=0&id=27544500&prod&scoped=true&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  \"27544500\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}