{"version":3,"sources":["webpack://multicontent-widget/./resources/js/src/components/ResponsiveContainer.vue?3c16","webpack://multicontent-widget/resources/js/src/components/ResponsiveContainer.vue","webpack://multicontent-widget/./resources/js/src/components/ResponsiveContainer.vue?a66c","webpack://multicontent-widget/./resources/js/src/components/ResponsiveContainer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","showItem","_t","_e","_withStripped","component","options","__file"],"mappings":"2KAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOF,EAAIM,SAAWF,EAAG,MAAO,CAACJ,EAAIO,GAAG,YAAa,GAAKP,EAAIQ,IAChE,EAEAT,EAAOU,eAAgB,ECAvB,ICPgM,EDOhM,CACA,OACA,6BACA,qCACA,qCACA,uCAEA,gBACA,OACA,WACA,YAEA,EACA,mBACA,+BACA,+CACA,EACA,yBACA,kDACA,EACA,SACA,wBACA,4CACA,SACA,oBAEA,SACA,gBAEA,SACA,gBAEA,iBAGA,mBACA,gBAEA,SACA,gBAEA,gBAGA,EACA,oBACA,uBACA,kBACA,8CACA,uBACA,kBACA,8CACA,uBACA,kBACA,+CAEA,kBACA,6CAEA,EACA,mBACA,OACA,kBACA,8CACA,OACA,kBACA,8CACA,uBACA,kBACA,+CAEA,kBACA,6CAEA,IE1EIC,GAAY,E,QAAA,GACd,EACAX,EHHoB,IGKpB,EACA,KACA,KACA,MAuBFW,EAAUC,QAAQC,OAAS,sDAC3B,MAAeF,E","file":"chunks/multicontent-40.min.js","sourcesContent":["var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.showItem ? _c(\"div\", [_vm._t(\"content\")], 2) : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"showItem\">\n    <slot name=\"content\"></slot>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    showExtraSmall: { required: false },\n    showMobile: { type: Boolean, default: true },\n    showTablet: { type: Boolean, default: true },\n    showDesktop: { type: Boolean, default: true }\n  },\n  data () {\n    return {\n      display: '',\n      showItem: false\n    }\n  },\n  mounted () {\n    this.onInit(window.innerWidth)\n    window.addEventListener('resize', this.onResize)\n  },\n  beforeDestroy () {\n    window.removeEventListener('resize', this.onResize)\n  },\n  methods: {\n    setShowItem (size) {\n      if(typeof this.showExtraSmall == 'boolean' ){\n        if (size === 'xs') {\n          return this.showExtraSmall\n        }\n        else if (size === 'sm') {\n          return this.showMobile\n        }\n        else if (size === 'md') {\n          return this.showTablet\n        } else {\n          return this.showDesktop\n        }\n      }else{\n        if (size === 'sm' || size === 'xs') {\n          return this.showMobile\n        }\n        else if (size === 'md') {\n          return this.showTablet\n        } else {\n          return this.showDesktop\n        }\n      }\n    },\n    onResize () {\n      if (window.innerWidth > 992) {\n        this.display = 'lg'\n        this.showItem = this.setShowItem(this.display)\n      } else if (window.innerWidth > 768) {\n        this.display = 'md'\n        this.showItem = this.setShowItem(this.display)\n      } else if (window.innerWidth > 576) {\n        this.display = 'sm'\n        this.showItem = this.setShowItem(this.display)\n      } else {\n        this.display = 'xs'\n        this.showItem = this.setShowItem(this.display)\n      }\n    },\n    onInit (size) {\n      if (size > 992) {\n        this.display = 'lg'\n        this.showItem = this.setShowItem(this.display)\n      } else if (size > 768) {\n        this.display = 'md'\n        this.showItem = this.setShowItem(this.display)\n      } else if (window.innerWidth > 576) {\n        this.display = 'sm'\n        this.showItem = this.setShowItem(this.display)\n      } else {\n        this.display = 'xs'\n        this.showItem = this.setShowItem(this.display)\n      }\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResponsiveContainer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResponsiveContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResponsiveContainer.vue?vue&type=template&id=3d17d99d&\"\nimport script from \"./ResponsiveContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./ResponsiveContainer.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/nsierrar/Projects/PlentyMarkets/Repo-GitHub/MultiContentWidget/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3d17d99d')) {\n      api.createRecord('3d17d99d', component.options)\n    } else {\n      api.reload('3d17d99d', component.options)\n    }\n    module.hot.accept(\"./ResponsiveContainer.vue?vue&type=template&id=3d17d99d&\", function () {\n      api.rerender('3d17d99d', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/components/ResponsiveContainer.vue\"\nexport default component.exports"],"sourceRoot":""}