{"version":3,"sources":["webpack:///./src/components/section.vue?26de","webpack:///./src/components/section.vue","webpack:///src/components/section.vue","webpack:///./src/components/section.vue?e374","webpack:///./src/components/section.vue?faf8"],"names":["render","_vm","this","_c","_self","staticClass","class","buttonsWrap","container","className","style","cssVars","attrs","sectionId","_l","getFields","field","key","id","getColumns","isFromBuilder","on","updated","staticRenderFns","data","isSuccess","components","componentRenderer","props","type","Number","String","required","fields","Array","Boolean","grid","Object","default","columns","marginTop","marginRight","marginBottom","marginLeft","paddingTop","paddingRight","paddingBottom","paddingLeft","mounted","$eventHub","$on","beforeDestroy","$off","computed","filter","properties","onSuccess","methods","updatedField","_","find","fld","fieldId","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wBAAwBC,MAAM,CAAC,CAAC,kBAAmBL,EAAIM,aAAc,CAAC,UAAaN,EAAIO,WAAYP,EAAIQ,WAAWC,MAAOT,EAAIU,QAASC,MAAM,CAAC,eAAeX,EAAIY,YAAYZ,EAAIa,GAAIb,EAAIc,WAAW,SAASC,GAAO,OAAOb,EAAG,qBAAqB,CAACc,IAAID,EAAME,GAAGZ,MAAM,UAAUL,EAAIkB,WAAWH,uBAA2BJ,MAAM,CAAC,UAAYX,EAAIY,UAAU,MAAQG,EAAM,cAAgBf,EAAImB,eAAeC,GAAG,CAAC,oBAAoBpB,EAAIqB,cAAa,IAE1gBC,EAAkB,G,4CCeP,GACfC,OACA,OACAC,WAAA,IAGAC,WAAA,CACAC,gCAEAC,MAAA,CACAf,UAAA,CACAgB,KAAA,CAAAC,OAAAC,QACAC,UAAA,GAEAC,OAAA,CACAJ,KAAAK,MACAF,UAAA,GAEAZ,cAAA,CACAS,KAAAM,QACAH,UAAA,GAEAI,KAAA,CACAP,KAAAQ,OACAL,UAAA,EACAM,aACA,CACAC,QAAA,GACAC,UAAA,EACAC,YAAA,EACAC,aAAA,EACAC,WAAA,EACAC,WAAA,EACAC,aAAA,EACAC,cAAA,EACAC,YAAA,KAIAxC,YAAA,CACAsB,KAAAM,SAEA3B,UAAA2B,QACA1B,UAAAsB,QAEAiB,UACA,KAAAC,UAAAC,IAAA,2BAAAzB,WAAA,IAEA0B,gBACA,KAAAF,UAAAG,KAAA,oBAEAC,SAAA,CACAtC,YACA,gBAAAU,GAAA,KACA,YAAAQ,OAAAqB,OAAAtC,IACAA,EAAAuC,aAAAvC,EAAAuC,WAAAC,YACA,SAAAxC,EAAAuC,WAAAC,UAAA/B,EACA,SAAAT,EAAAuC,WAAAC,YAAA/B,MAQAgC,QAAA,CACAtC,WAAAH,GACA,OAAAA,EAAAuC,YAAAvC,EAAAuC,WAAAnB,KACApB,EAAAuC,WAAAnB,KAAAG,QACA,IAEAjB,QAAAN,EAAAuC,GACA,IAAAG,EAAA,KAAAC,EAAAC,KAAA,KAAA3B,QAAA,SAAA4B,GACA,OAAAA,EAAAC,UAAA9C,EAAA8C,WAIAJ,EAAAH,WAAA,IAAAG,EAAAH,oBC9FgV,I,wBCQ5UQ,EAAY,eACd,EACA/D,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAwC,E","file":"js/chunk-3fb7f4c6.7501e83a.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./section.vue?vue&type=style&index=0&id=3100b718&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section-container row\",class:[{'buttons-wrapper': _vm.buttonsWrap}, {'container': _vm.container}, _vm.className],style:(_vm.cssVars),attrs:{\"data-section\":_vm.sectionId}},_vm._l((_vm.getFields),function(field){return _c('component-renderer',{key:field.id,class:`col-lg-${_vm.getColumns(field)} component-wrapper`,attrs:{\"sectionId\":_vm.sectionId,\"field\":field,\"isFromBuilder\":_vm.isFromBuilder},on:{\"component-updated\":_vm.updated}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"section-container row\" :class=\"[{'buttons-wrapper': buttonsWrap}, {'container': container}, className]\" :data-section=\"sectionId\" :style=\"cssVars\">\n    <component-renderer\n      v-for=\"field in getFields\"\n      v-bind:key=\"field.id\"\n      :class=\"`col-lg-${getColumns(field)} component-wrapper` \"\n      v-bind:sectionId=\"sectionId\"\n      :field=\"field\"\n      v-on:component-updated=\"updated\"\n      :isFromBuilder=\"isFromBuilder\"\n    />\n  </div>\n</template>\n\n<script>\nimport componentRenderer from \"@/components/component-renderer\";\n\nexport default {\n  data () {\n    return {\n      isSuccess: false\n    }\n  },\n  components: {\n    componentRenderer\n  },\n  props: {\n    sectionId: {\n      type: [Number, String],\n      required: false\n    },\n    fields: {\n      type: Array,\n      required: true\n    },\n    isFromBuilder: {\n      type: Boolean,\n      required: false\n    },\n    grid: {\n      type: Object,\n      required: false,\n      default: () => {\n        return {\n          columns: 12,\n          marginTop: 0,\n          marginRight: 0,\n          marginBottom: 0,\n          marginLeft: 0,\n          paddingTop: 0,\n          paddingRight: 0,\n          paddingBottom: 0,\n          paddingLeft: 0\n        };\n      }\n    },\n    buttonsWrap: {\n      type: Boolean\n    },\n    container: Boolean,\n    className: String\n  },\n  mounted () {\n    this.$eventHub.$on('display-success', () => this.isSuccess = true)\n  },\n  beforeDestroy () {\n    this.$eventHub.$off('display-success')\n  },\n  computed: {\n    getFields () {\n      const { isSuccess } = this;\n      return this.fields.filter((field) => {\n        if (field.properties && field.properties.onSuccess) {\n          return field.properties.onSuccess === 'show' ? isSuccess :\n            field.properties.onSuccess === 'hide' ? !isSuccess :\n              true;\n        } else {\n          return true;\n        }\n      })\n    }\n  },\n  methods: {\n    getColumns (field) {\n      return field.properties && field.properties.grid\n        ? field.properties.grid.columns\n        : 12;\n    },\n    updated (field, properties) {\n      let updatedField = this._.find(this.fields, function (fld) {\n        return fld.fieldId === field.fieldId;\n      });\n      // field.properties.text = properties.text;\n      // updatedField.properties.text= \"Hello\"\n      updatedField.properties = { ...updatedField.properties, ...properties };\n\n      // console.log(\n      //   \"UPDATED:::\",\n      //   field,\n      //   \"properties\",\n      //   properties,\n      //   \"updatedField\",\n      //   updatedField\n      // );\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.buttons-wrapper {\n  justify-content: space-around;\n  margin: auto;\n  @media (max-width: 767px) {\n    flex-direction: column-reverse;\n  }\n}\n.mobile-only {\n  display: none !important;\n}\n.desktop-none {\n  display: none !important;\n}\n@media (max-width: 991px) {\n  .desktop-only {\n    display: none !important;\n  }\n  .desktop-none {\n    display: initial !important;\n  }\n}\n@media (max-width: 991px) {\n  .mobile-none {\n    display: none !important;\n  }\n  .mobile-only {\n    display: grid !important;\n  }\n}\n.container {\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n.buttons-section {\n  justify-content: flex-start;\n  @media (max-width: 767px) {\n    flex-wrap: nowrap;\n    justify-content: center;\n    flex-direction: column;\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!./section.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!./section.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./section.vue?vue&type=template&id=3100b718\"\nimport script from \"./section.vue?vue&type=script&lang=js\"\nexport * from \"./section.vue?vue&type=script&lang=js\"\nimport style0 from \"./section.vue?vue&type=style&index=0&id=3100b718&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}