{"version":3,"sources":["webpack:///./src/components/section.vue?e3d0","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","className","buttonsWrap","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":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wBAAwBC,MAAM,CAACL,EAAIM,UAAW,CAAE,kBAAmBN,EAAIO,cAAeC,MAAOR,EAAIS,QAASC,MAAM,CAAC,eAAeV,EAAIW,YAAYX,EAAIY,GAAIZ,EAAIa,WAAW,SAASC,GAAO,OAAOZ,EAAG,qBAAqB,CAACa,IAAID,EAAME,GAAGX,MAAM,UAAUL,EAAIiB,WAAWH,uBAA2BJ,MAAM,CAAC,UAAYV,EAAIW,UAAU,MAAQG,EAAM,cAAgBd,EAAIkB,eAAeC,GAAG,CAAC,oBAAoBnB,EAAIoB,cAAa,IAE9eC,EAAkB,G,4CCoBP,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,KAIAtC,YAAA,CACAoB,KAAAM,SAEA3B,UAAAuB,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,oBClGgV,I,wBCQ5UQ,EAAY,eACd,EACA9D,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAwC,E","file":"js/chunk-1ba10406.d0a8b606.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=0c1135fd&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section-container row\",class:[_vm.className, { 'buttons-wrapper': _vm.buttonsWrap }],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\n    class=\"section-container row\"\n    :class=\"[className, { 'buttons-wrapper': buttonsWrap }]\"\n    :data-section=\"sectionId\"\n    :style=\"cssVars\"\n  >\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    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 scoped lang=\"scss\">\n.buttons-wrapper {\n  justify-content: center;\n  margin: auto;\n  @media (max-width: 767px) {\n    flex-direction: column-reverse !important;\n  }\n}\n.button-section-2{\n  display: flex;\n  justify-content: center !important;\n  align-items: center;\n  @media( max-width: 450px){\n    justify-content: center;\n    flex-direction: column-reverse !important;\n  }\n}\n.mobile-only, mobile-only-flex {\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    &-flex {\n      display: flex !important;\n    }\n  }\n}\n.center{\n  justify-content: center;\n}\n.dm-btn-section {\n  justify-content: flex-start;\n  @media (max-width: 767px) {\n    justify-content: center;\n  }\n}\n\n.button-section {\n  justify-content: space-between;\n  margin: 40px auto 0 auto;\n  padding-bottom: 40px;\n  max-width: 1200px;\n  @media (max-width: 1199px) {\n    max-width: 71%;\n  }\n  @media (max-width: 575px) {\n    max-width: 100%;\n    flex-direction: column;\n  }\n  @media (max-width: 425px) {\n    margin: 35px auto 0 auto;\n    padding-bottom: 30px;\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=0c1135fd&scoped=true\"\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=0c1135fd&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  \"0c1135fd\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}