{"version":3,"sources":["webpack://multicontent-widget/resources/js/src/components/FlexWrapperGrid.vue","webpack://multicontent-widget/./node_modules/core-js/internals/regexp-get-flags.js","webpack://multicontent-widget/./node_modules/core-js/modules/es.regexp.to-string.js","webpack://multicontent-widget/./resources/js/src/components/FlexWrapperGrid.vue?996b","webpack://multicontent-widget/./resources/js/src/components/FlexWrapperGrid.vue","webpack://multicontent-widget/./resources/js/src/components/FlexWrapperGrid.vue?e5c1","webpack://multicontent-widget/./resources/js/src/components/FlexWrapperGrid.vue?1c72","webpack://multicontent-widget/./resources/js/src/components/FlexWrapperGrid.vue?ca21"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;EACA;IACA;IAAA;IACA;MACA;MACA;QACA;UAAA;UAAA;QAAA;MACA;IACA;EACA;EACA;IACA;MAAA;MAAA;IAAA;IACA;MAAA;MAAA;IAAA;IACA;MAAA;MAAA;IAAA;IACA;MAAA;MAAA;IAAA;IACA;MAAA;MAAA;IAAA;IACA;MAAA;IAAA;IACA;MAAA;MAAA;IAAA;EACA;EACA;IACA;MACA;MACA;MACA;IACA;EACA;EACA;IACA;MACA;QACA;UACA;QACA;MACA;QACA;MACA;IACA;EACA;EACA;IACA;IACA;EACA;EACA;IACA;EACA;EAEA;IACA;MACA;QACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;MACA;QACA;QACA;QACA;MACA;QACA;QACA;QACA;MACA;QACA;QACA;QACA;MACA;QACA;QACA;QACA;UACA;QACA;UACA;QACA;MACA;IACA;IACA;MACA;QACA;QACA;QACA;MACA;QACA;QACA;QACA;MACA;QACA;QACA;QACA;MACA;QACA;QACA;QACA;UACA;QACA;UACA;QACA;MACA;IACA;EACA;AACA,G;;;;;;;;;;ACxHA,WAAW,mBAAO,CAAC,qFAA4B;AAC/C,aAAa,mBAAO,CAAC,2FAA+B;AACpD,oBAAoB,mBAAO,CAAC,uGAAqC;AACjE,kBAAkB,mBAAO,CAAC,mFAA2B;;AAErD;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACXa;AACb,2BAA2B,iHAA4C;AACvE,oBAAoB,mBAAO,CAAC,yFAA8B;AAC1D,eAAe,mBAAO,CAAC,6EAAwB;AAC/C,gBAAgB,mBAAO,CAAC,6EAAwB;AAChD,YAAY,mBAAO,CAAC,qEAAoB;AACxC,qBAAqB,mBAAO,CAAC,2FAA+B;;AAE5D;AACA;AACA;;AAEA,qCAAqC,yBAAyB,0BAA0B,YAAY,EAAE;AACtG;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG,GAAG,eAAe;AACrB;;;;;;;;;;;;;;;;;ACzBA;AAC+H;AAC7B;AAClG,8BAA8B,mFAA2B,CAAC,wGAAqC;AAC/F;AACA,2EAA2E,yDAAyD,6CAA6C,GAAG,qCAAqC,oCAAoC,8DAA8D,mCAAmC,GAAG,WAAW,8GAA8G,MAAM,WAAW,WAAW,KAAK,MAAM,WAAW,WAAW,WAAW,mSAAmS,mBAAmB,wFAAwF,iBAAiB,0DAA0D,kFAAkF,uCAAuC,uDAAuD,kDAAkD,mBAAmB,KAAK,aAAa,oBAAoB,2BAA2B,qBAAqB,2BAA2B,sBAAsB,2BAA2B,qBAAqB,4BAA4B,wBAAwB,gCAAgC,gBAAgB,gBAAgB,mBAAmB,kCAAkC,KAAK,cAAc,cAAc,uEAAuE,KAAK,gBAAgB,kBAAkB,kCAAkC,kBAAkB,+DAA+D,SAAS,OAAO,mBAAmB,SAAS,OAAO,KAAK,iBAAiB,+FAA+F,uBAAuB,8DAA8D,iBAAiB,2BAA2B,6CAA6C,mEAAmE,0BAA0B,mEAAmE,OAAO,oEAAoE,OAAO,oBAAoB,sCAAsC,0IAA0I,oCAAoC,0IAA0I,oCAAoC,0IAA0I,OAAO,2IAA2I,2EAA2E,kDAAkD,+EAA+E,SAAS,OAAO,sBAAsB,yBAAyB,0IAA0I,uBAAuB,0IAA0I,oCAAoC,0IAA0I,OAAO,2IAA2I,2EAA2E,kDAAkD,+EAA+E,SAAS,OAAO,KAAK,GAAG,qDAAqD,6DAA6D,iDAAiD,OAAO,0BAA0B,wCAAwC,kEAAkE,uCAAuC,OAAO,iCAAiC;AACniJ;AACA,+DAAe,uBAAuB,EAAC;;;;;;;;;;;;;;;;;ACPmE;AACvC;AACL;AAC9D,CAAmG;;;AAGnG;AACgG;AAChG,gBAAgB,oGAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACA,+DAAe,iB;;;;;;;;;;;;;ACvC4K,CAAC,+DAAe,iLAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACA/M;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,gBAAgB,uBAAuB;AACvC,gBAAgB,cAAc;AAC9B,OAAO;AACP,KAAK;AACL;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvBA;;AAEA;AACA,cAAc,mBAAO,CAAC,shBAA0Q;AAChS;AACA;AACA;AACA;AACA,UAAU,8JAAoF;AAC9F,+CAA+C;AAC/C;AACA,GAAG,KAAU,EAAE,E","file":"chunks/multicontent-6.js","sourcesContent":["<template>\n  <div\n    class=\"d-flex flex-wrap\"\n    :class=\"[ spacingBetween ? 'mw-flex-gap' : '']\"\n    :style=\"cssVars\"\n  >\n    <flex-item\n      v-for=\"(item, index) in $slots.items\"\n      :key=\"index\"\n      :class=\"extraClass\"\n      :style=\"{ width: widthItem }\"\n      :vnode=\"item\"\n    />\n  </div>\n</template>\n\n<script>\n\nexport default {\n  components: {\n    FlexItem: // Componente funcional\n                {\n                  functional: true,\n                  render: (h, context) => {\n                    return h('div', { style: context.data.style, class: context.data.class }, [context.data.attrs.vnode])\n                  }\n                }\n  },\n  props: {\n    itemsMobile: { type: Number, default: 2 },\n    itemsTablet: { type: Number, default: 4 },\n    itemsDesktop: { type: Number, default: 4 },\n    spacingSize: { type: Number, default: 10 },\n    spacingBetween: { type: Boolean, default: false },\n    isItem: { type: Boolean },\n    itemClass: { type: String, default: 'd-flex' }\n  },\n  data () {\n    return {\n      display: '',\n      widthItem: '',\n      extraClass: ''\n    }\n  },\n  computed: {\n    cssVars () {\n      if (this.spacingBetween) {\n        return {\n          '--spacing-gap': this.spacingSize + 'px'\n        }\n      } else {\n        return {}\n      }\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\n  methods: {\n    setItemWidth (size) {\n      if (size === 'sm' || size === 'xs') {\n        return (100 / this.itemsMobile).toString() + '%'\n      } else if (size === 'md') {\n        return (100 / this.itemsTablet).toString() + '%'\n      } else {\n        return (100 / this.itemsDesktop).toString() + '%'\n      }\n    },\n    onResize () {\n      if (window.innerWidth > 992) {\n        this.display = 'lg'\n        this.widthItem = this.setItemWidth(this.display)\n        this.extraClass = this.itemClass\n      } else if (window.innerWidth > 768) {\n        this.display = 'md'\n        this.widthItem = this.setItemWidth(this.display)\n        this.extraClass = this.itemClass\n      } else if (window.innerWidth > 576) {\n        this.display = 'sm'\n        this.widthItem = this.setItemWidth(this.display)\n        this.extraClass = this.itemClass\n      } else {\n        this.display = 'xs'\n        this.widthItem = this.setItemWidth(this.display)\n        if (this.isItem && this.itemsMobile > 1) {\n          this.extraClass = 'columns-mobile ' + this.itemClass\n        } else if (this.isItem && this.itemsMobile === 1) {\n          this.extraClass = 'single-column-item ' + this.itemClass\n        }\n      }\n    },\n    onInit (size) {\n      if (size > 992) {\n        this.display = 'lg'\n        this.widthItem = this.setItemWidth(this.display)\n        this.extraClass = this.itemClass\n      } else if (size > 768) {\n        this.display = 'md'\n        this.widthItem = this.setItemWidth(this.display)\n        this.extraClass = this.itemClass\n      } else if (window.innerWidth > 576) {\n        this.display = 'sm'\n        this.widthItem = this.setItemWidth(this.display)\n        this.extraClass = this.itemClass\n      } else {\n        this.display = 'xs'\n        this.widthItem = this.setItemWidth(this.display)\n        if (this.isItem && this.itemsMobile > 1) {\n          this.extraClass = 'columns-mobile ' + this.itemClass\n        } else if (this.isItem && this.itemsMobile === 1) {\n          this.extraClass = 'single-column-item ' + this.itemClass\n        }\n      }\n    }\n  }\n}\n\n</script>\n\n<style scoped>\n\n    .mw-flex-gap {\n        padding: var(--spacing-gap) 0 0 var(--spacing-gap);\n        margin: calc(0px - var(--spacing-gap));\n    }\n\n    .mw-flex-gap > * {\n\n        border: 0 solid transparent;\n        border-width: 0 var(--spacing-gap) var(--spacing-gap) 0;\n        background-clip: padding-box;\n    }\n\n</style>\n","var call = require('../internals/function-call');\nvar hasOwn = require('../internals/has-own-property');\nvar isPrototypeOf = require('../internals/object-is-prototype-of');\nvar regExpFlags = require('../internals/regexp-flags');\n\nvar RegExpPrototype = RegExp.prototype;\n\nmodule.exports = function (R) {\n  var flags = R.flags;\n  return flags === undefined && !('flags' in RegExpPrototype) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype, R)\n    ? call(regExpFlags, R) : flags;\n};\n","'use strict';\nvar PROPER_FUNCTION_NAME = require('../internals/function-name').PROPER;\nvar defineBuiltIn = require('../internals/define-built-in');\nvar anObject = require('../internals/an-object');\nvar $toString = require('../internals/to-string');\nvar fails = require('../internals/fails');\nvar getRegExpFlags = require('../internals/regexp-get-flags');\n\nvar TO_STRING = 'toString';\nvar RegExpPrototype = RegExp.prototype;\nvar n$ToString = RegExpPrototype[TO_STRING];\n\nvar NOT_GENERIC = fails(function () { return n$ToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });\n// FF44- RegExp#toString has a wrong name\nvar INCORRECT_NAME = PROPER_FUNCTION_NAME && n$ToString.name != TO_STRING;\n\n// `RegExp.prototype.toString` method\n// https://tc39.es/ecma262/#sec-regexp.prototype.tostring\nif (NOT_GENERIC || INCORRECT_NAME) {\n  defineBuiltIn(RegExp.prototype, TO_STRING, function toString() {\n    var R = anObject(this);\n    var pattern = $toString(R.source);\n    var flags = $toString(getRegExpFlags(R));\n    return '/' + pattern + '/' + flags;\n  }, { unsafe: true });\n}\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\\n.mw-flex-gap[data-v-288777b0] {\\n    padding: var(--spacing-gap) 0 0 var(--spacing-gap);\\n    margin: calc(0px - var(--spacing-gap));\\n}\\n.mw-flex-gap > *[data-v-288777b0] {\\n\\n    border: 0 solid transparent;\\n    border-width: 0 var(--spacing-gap) var(--spacing-gap) 0;\\n    background-clip: padding-box;\\n}\\n\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./resources/js/src/components/FlexWrapperGrid.vue\"],\"names\":[],\"mappings\":\";AA8HA;IACA,kDAAA;IACA,sCAAA;AACA;AAEA;;IAEA,2BAAA;IACA,uDAAA;IACA,4BAAA;AACA\",\"sourcesContent\":[\"<template>\\n  <div\\n    class=\\\"d-flex flex-wrap\\\"\\n    :class=\\\"[ spacingBetween ? 'mw-flex-gap' : '']\\\"\\n    :style=\\\"cssVars\\\"\\n  >\\n    <flex-item\\n      v-for=\\\"(item, index) in $slots.items\\\"\\n      :key=\\\"index\\\"\\n      :class=\\\"extraClass\\\"\\n      :style=\\\"{ width: widthItem }\\\"\\n      :vnode=\\\"item\\\"\\n    />\\n  </div>\\n</template>\\n\\n<script>\\n\\nexport default {\\n  components: {\\n    FlexItem: // Componente funcional\\n                {\\n                  functional: true,\\n                  render: (h, context) => {\\n                    return h('div', { style: context.data.style, class: context.data.class }, [context.data.attrs.vnode])\\n                  }\\n                }\\n  },\\n  props: {\\n    itemsMobile: { type: Number, default: 2 },\\n    itemsTablet: { type: Number, default: 4 },\\n    itemsDesktop: { type: Number, default: 4 },\\n    spacingSize: { type: Number, default: 10 },\\n    spacingBetween: { type: Boolean, default: false },\\n    isItem: { type: Boolean },\\n    itemClass: { type: String, default: 'd-flex' }\\n  },\\n  data () {\\n    return {\\n      display: '',\\n      widthItem: '',\\n      extraClass: ''\\n    }\\n  },\\n  computed: {\\n    cssVars () {\\n      if (this.spacingBetween) {\\n        return {\\n          '--spacing-gap': this.spacingSize + 'px'\\n        }\\n      } else {\\n        return {}\\n      }\\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\\n  methods: {\\n    setItemWidth (size) {\\n      if (size === 'sm' || size === 'xs') {\\n        return (100 / this.itemsMobile).toString() + '%'\\n      } else if (size === 'md') {\\n        return (100 / this.itemsTablet).toString() + '%'\\n      } else {\\n        return (100 / this.itemsDesktop).toString() + '%'\\n      }\\n    },\\n    onResize () {\\n      if (window.innerWidth > 992) {\\n        this.display = 'lg'\\n        this.widthItem = this.setItemWidth(this.display)\\n        this.extraClass = this.itemClass\\n      } else if (window.innerWidth > 768) {\\n        this.display = 'md'\\n        this.widthItem = this.setItemWidth(this.display)\\n        this.extraClass = this.itemClass\\n      } else if (window.innerWidth > 576) {\\n        this.display = 'sm'\\n        this.widthItem = this.setItemWidth(this.display)\\n        this.extraClass = this.itemClass\\n      } else {\\n        this.display = 'xs'\\n        this.widthItem = this.setItemWidth(this.display)\\n        if (this.isItem && this.itemsMobile > 1) {\\n          this.extraClass = 'columns-mobile ' + this.itemClass\\n        } else if (this.isItem && this.itemsMobile === 1) {\\n          this.extraClass = 'single-column-item ' + this.itemClass\\n        }\\n      }\\n    },\\n    onInit (size) {\\n      if (size > 992) {\\n        this.display = 'lg'\\n        this.widthItem = this.setItemWidth(this.display)\\n        this.extraClass = this.itemClass\\n      } else if (size > 768) {\\n        this.display = 'md'\\n        this.widthItem = this.setItemWidth(this.display)\\n        this.extraClass = this.itemClass\\n      } else if (window.innerWidth > 576) {\\n        this.display = 'sm'\\n        this.widthItem = this.setItemWidth(this.display)\\n        this.extraClass = this.itemClass\\n      } else {\\n        this.display = 'xs'\\n        this.widthItem = this.setItemWidth(this.display)\\n        if (this.isItem && this.itemsMobile > 1) {\\n          this.extraClass = 'columns-mobile ' + this.itemClass\\n        } else if (this.isItem && this.itemsMobile === 1) {\\n          this.extraClass = 'single-column-item ' + this.itemClass\\n        }\\n      }\\n    }\\n  }\\n}\\n\\n</script>\\n\\n<style scoped>\\n\\n    .mw-flex-gap {\\n        padding: var(--spacing-gap) 0 0 var(--spacing-gap);\\n        margin: calc(0px - var(--spacing-gap));\\n    }\\n\\n    .mw-flex-gap > * {\\n\\n        border: 0 solid transparent;\\n        border-width: 0 var(--spacing-gap) var(--spacing-gap) 0;\\n        background-clip: padding-box;\\n    }\\n\\n</style>\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { render, staticRenderFns } from \"./FlexWrapperGrid.vue?vue&type=template&id=288777b0&scoped=true&\"\nimport script from \"./FlexWrapperGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./FlexWrapperGrid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FlexWrapperGrid.vue?vue&type=style&index=0&id=288777b0&scoped=true&lang=css&\"\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  \"288777b0\",\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('288777b0')) {\n      api.createRecord('288777b0', component.options)\n    } else {\n      api.reload('288777b0', component.options)\n    }\n    module.hot.accept(\"./FlexWrapperGrid.vue?vue&type=template&id=288777b0&scoped=true&\", function () {\n      api.rerender('288777b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/components/FlexWrapperGrid.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!./FlexWrapperGrid.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!./FlexWrapperGrid.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 _c(\n    \"div\",\n    {\n      staticClass: \"d-flex flex-wrap\",\n      class: [_vm.spacingBetween ? \"mw-flex-gap\" : \"\"],\n      style: _vm.cssVars,\n    },\n    _vm._l(_vm.$slots.items, function (item, index) {\n      return _c(\"flex-item\", {\n        key: index,\n        class: _vm.extraClass,\n        style: { width: _vm.widthItem },\n        attrs: { vnode: item },\n      })\n    }),\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlexWrapperGrid.vue?vue&type=style&index=0&id=288777b0&scoped=true&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"812a5f7e\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlexWrapperGrid.vue?vue&type=style&index=0&id=288777b0&scoped=true&lang=css&\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlexWrapperGrid.vue?vue&type=style&index=0&id=288777b0&scoped=true&lang=css&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}"],"sourceRoot":""}