{"version":3,"sources":["webpack://multicontent-widget/resources/js/src/components/ResponsiveContainer.vue","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?3c16"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAOA;EACA;IACA;MAAA;IAAA;IACA;MAAA;MAAA;IAAA;IACA;MAAA;MAAA;IAAA;IACA;MAAA;MAAA;IAAA;EACA;EACA;IACA;MACA;MACA;IACA;EACA;EACA;IACA;IACA;EACA;EACA;IACA;EACA;EACA;IACA;MACA;QACA;UACA;QACA,OACA;UACA;QACA,OACA;UACA;QACA;UACA;QACA;MACA;QACA;UACA;QACA,OACA;UACA;QACA;UACA;QACA;MACA;IACA;IACA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;IACA;IACA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;IACA;EACA;AACA,G;;;;;;;;;;;;;;;ACnFkG;AAC3B;AACL;;;AAGlE;AACA,CAAgG;AAChG,gBAAgB,oGAAU;AAC1B,EAAE,sFAAM;AACR,EAAE,2FAAM;AACR,EAAE,oGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACA,+DAAe,iB;;;;;;;;;;;;;ACtCgL,CAAC,+DAAe,qLAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAnN;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"chunks/multicontent-28.js","sourcesContent":["<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 { 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","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&\"","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 }"],"sourceRoot":""}