{"version":3,"sources":["webpack:///./node_modules/core-js/modules/web.dom-collections.for-each.js","webpack:///./node_modules/core-js/internals/array-for-each.js","webpack:///./node_modules/core-js/modules/es.array.filter.js","webpack:///./src/components/CustomerDetailsPanel.vue?b20d","webpack:///./src/components/EditableParagraph.vue?a5de","webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./node_modules/@babel/runtime/helpers/esm/objectSpread2.js","webpack:///src/components/EditableParagraph.vue","webpack:///./src/components/EditableParagraph.vue?ba65","webpack:///./src/components/EditableParagraph.vue","webpack:///src/components/CustomerDetailsPanel.vue","webpack:///./src/components/CustomerDetailsPanel.vue?1207","webpack:///./src/components/CustomerDetailsPanel.vue","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./src/components/CustomerDetailsPanel.vue?1e15","webpack:///./node_modules/core-js/modules/es.object.get-own-property-descriptors.js","webpack:///./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"],"names":["global","DOMIterables","DOMTokenListPrototype","forEach","createNonEnumerableProperty","handlePrototype","CollectionPrototype","error","COLLECTION_NAME","prototype","$forEach","arrayMethodIsStrict","STRICT_METHOD","module","exports","callbackfn","this","arguments","length","undefined","$","$filter","filter","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","target","proto","forced","render","_vm","_h","$createElement","_c","_self","addressOnly","_e","staticClass","_m","_v","_s","fullname","class","isEditable","attrs","model","value","user","address","callback","$$v","$set","expression","staticRenderFns","_g","ref","listeners","_defineProperty","obj","key","Object","defineProperty","enumerable","configurable","writable","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","sym","getOwnPropertyDescriptor","push","apply","_objectSpread2","i","source","getOwnPropertyDescriptors","defineProperties","props","type","String","default","computed","mounted","$refs","editable","innerText","methods","onInput","$emit","e","component","name","components","EditableParagraph","Boolean","data","forename","surname","fails","METHOD_NAME","argument","method","call","DESCRIPTORS","toIndexedObject","getOwnPropertyDescriptorModule","createProperty","stat","sham","descriptor","O","f","result","index","nativeGetOwnPropertyDescriptor","FAILS_ON_PRIMITIVES","FORCED","it"],"mappings":"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","file":"js/chunk-263017ea.c9263fc7.js","sourcesContent":["var global = require('../internals/global');\nvar DOMIterables = require('../internals/dom-iterables');\nvar DOMTokenListPrototype = require('../internals/dom-token-list-prototype');\nvar forEach = require('../internals/array-for-each');\nvar createNonEnumerableProperty = require('../internals/create-non-enumerable-property');\n\nvar handlePrototype = function (CollectionPrototype) {\n  // some Chrome versions have non-configurable methods on DOMTokenList\n  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {\n    createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);\n  } catch (error) {\n    CollectionPrototype.forEach = forEach;\n  }\n};\n\nfor (var COLLECTION_NAME in DOMIterables) {\n  if (DOMIterables[COLLECTION_NAME]) {\n    handlePrototype(global[COLLECTION_NAME] && global[COLLECTION_NAME].prototype);\n  }\n}\n\nhandlePrototype(DOMTokenListPrototype);\n","'use strict';\nvar $forEach = require('../internals/array-iteration').forEach;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar STRICT_METHOD = arrayMethodIsStrict('forEach');\n\n// `Array.prototype.forEach` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.foreach\nmodule.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {\n  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n// eslint-disable-next-line es/no-array-prototype-foreach -- safe\n} : [].forEach;\n","'use strict';\nvar $ = require('../internals/export');\nvar $filter = require('../internals/array-iteration').filter;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');\n\n// `Array.prototype.filter` method\n// https://tc39.es/ecma262/#sec-array.prototype.filter\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  filter: function filter(callbackfn /* , thisArg */) {\n    return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.addressOnly)?_c('div',{staticClass:\"row\"},[_vm._m(0),_c('div',{staticClass:\"column-2\"},[_c('p',[_vm._v(_vm._s(_vm.fullname))])])]):_vm._e(),_c('div',{staticClass:\"row\"},[_vm._m(1),_c('div',{staticClass:\"column-2\"},[_c('EditableParagraph',{class:_vm.isEditable ? 'edit' : null,attrs:{\"contentEditable\":_vm.isEditable},model:{value:(_vm.user.address.line1),callback:function ($$v) {_vm.$set(_vm.user.address, \"line1\", $$v)},expression:\"user.address.line1\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"column-1\"}),_c('div',{staticClass:\"column-2\"},[_c('EditableParagraph',{class:_vm.isEditable ? 'edit' : null,attrs:{\"contentEditable\":_vm.isEditable},model:{value:(_vm.user.address.line2),callback:function ($$v) {_vm.$set(_vm.user.address, \"line2\", $$v)},expression:\"user.address.line2\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"column-1\"}),_c('div',{staticClass:\"column-2\"},[_c('EditableParagraph',{class:_vm.isEditable ? 'edit' : null,attrs:{\"contentEditable\":_vm.isEditable},model:{value:(_vm.user.address.line3),callback:function ($$v) {_vm.$set(_vm.user.address, \"line3\", $$v)},expression:\"user.address.line3\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"column-1\"}),_c('div',{staticClass:\"column-2\"},[_c('EditableParagraph',{class:_vm.isEditable ? 'edit' : null,attrs:{\"contentEditable\":_vm.isEditable},model:{value:(_vm.user.address.line4),callback:function ($$v) {_vm.$set(_vm.user.address, \"line4\", $$v)},expression:\"user.address.line4\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"column-1\"}),_c('div',{staticClass:\"column-2\"},[_c('EditableParagraph',{class:_vm.isEditable ? 'edit' : null,attrs:{\"contentEditable\":_vm.isEditable},model:{value:(_vm.user.address.postcode),callback:function ($$v) {_vm.$set(_vm.user.address, \"postcode\", $$v)},expression:\"user.address.postcode\"}})],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column-1\"},[_c('p',[_vm._v(\"Name\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"column-1\"},[_c('p',[_vm._v(\"Address\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',_vm._g({ref:\"editable\"},_vm.listeners))}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}","import defineProperty from \"./defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    enumerableOnly && (symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    })), keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nexport default function _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = null != arguments[i] ? arguments[i] : {};\n    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n      defineProperty(target, key, source[key]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n    });\n  }\n\n  return target;\n}","<template>\r\n  <p\r\n    ref=\"editable\"\r\n    v-on=\"listeners\"\r\n  ></p>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    value: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  computed: {\r\n    listeners() {\r\n      return { ...this.$listeners, input: this.onInput };\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$refs.editable.innerText = this.value;\r\n  },\r\n  methods: {\r\n    onInput(e) {\r\n      this.$emit('input', e.target.innerText);\r\n    },\r\n  },\r\n};\r\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditableParagraph.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditableParagraph.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditableParagraph.vue?vue&type=template&id=20fcffa0&\"\nimport script from \"./EditableParagraph.vue?vue&type=script&lang=js&\"\nexport * from \"./EditableParagraph.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\nexport default component.exports","<template>\r\n  <div>\r\n    <div v-if=\"!addressOnly\" class=\"row\">\r\n      <div class=\"column-1\">\r\n        <p>Name</p>\r\n      </div>\r\n      <div class=\"column-2\">\r\n          <p>{{fullname}}</p>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"column-1\">\r\n        <p>Address</p>\r\n      </div>\r\n      <div class=\"column-2\">\r\n        <EditableParagraph :class=\"isEditable ? 'edit' : null\" :contentEditable=\"isEditable\" v-model=\"user.address.line1\"/>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"column-1\"></div>\r\n      <div class=\"column-2\">\r\n        <EditableParagraph :class=\"isEditable ? 'edit' : null\" :contentEditable=\"isEditable\" v-model=\"user.address.line2\"/>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"column-1\"></div>\r\n      <div class=\"column-2\">\r\n        <EditableParagraph :class=\"isEditable ? 'edit' : null\" :contentEditable=\"isEditable\" v-model=\"user.address.line3\"/>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"column-1\"></div>\r\n      <div class=\"column-2\">\r\n        <EditableParagraph :class=\"isEditable ? 'edit' : null\" :contentEditable=\"isEditable\" v-model=\"user.address.line4\"/>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"column-1\"></div>\r\n      <div class=\"column-2\">\r\n        <EditableParagraph :class=\"isEditable ? 'edit' : null\" :contentEditable=\"isEditable\" v-model=\"user.address.postcode\"/>\r\n      </div>\r\n    </div>\r\n    <!-- <p @click=\"isEditable = !isEditable\">Edit</p> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EditableParagraph from \"@/components/EditableParagraph\";\r\n\r\nexport default {\r\n  name: \"CustomerDetailsPanel\",\r\n  components:{\r\n    EditableParagraph\r\n  },\r\n  props: {\r\n    user: Object,\r\n    editable: Boolean,\r\n    addressOnly: Boolean\r\n  },\r\n  data(){\r\n    return {\r\n      isEditable: this.editable\r\n    }\r\n  },\r\n  computed:{\r\n    fullname(){\r\n      return this.user.forename + \" \" + this.user.surname;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.row {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n@media only screen and (max-width: 745px) {\r\n  .column-2 {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n.column-2 {\r\n  flex: 80%;\r\n  margin-left: 5px;\r\n}\r\n\r\n.column-1 {\r\n  flex: 20%;\r\n}\r\n\r\np {\r\n  margin: 0;\r\n}\r\n\r\n.edit{\r\n  border: 1px solid rgba(0,0,0,0.1);\r\n  margin:4px;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomerDetailsPanel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomerDetailsPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomerDetailsPanel.vue?vue&type=template&id=7b7742f8&scoped=true&\"\nimport script from \"./CustomerDetailsPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomerDetailsPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomerDetailsPanel.vue?vue&type=style&index=0&id=7b7742f8&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  \"7b7742f8\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call,no-throw-literal -- required for testing\n    method.call(null, argument || function () { throw 1; }, 1);\n  });\n};\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomerDetailsPanel.vue?vue&type=style&index=0&id=7b7742f8&scoped=true&lang=css&\"","var $ = require('../internals/export');\nvar DESCRIPTORS = require('../internals/descriptors');\nvar ownKeys = require('../internals/own-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar getOwnPropertyDescriptorModule = require('../internals/object-get-own-property-descriptor');\nvar createProperty = require('../internals/create-property');\n\n// `Object.getOwnPropertyDescriptors` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptors\n$({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {\n  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {\n    var O = toIndexedObject(object);\n    var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;\n    var keys = ownKeys(O);\n    var result = {};\n    var index = 0;\n    var key, descriptor;\n    while (keys.length > index) {\n      descriptor = getOwnPropertyDescriptor(O, key = keys[index++]);\n      if (descriptor !== undefined) createProperty(result, key, descriptor);\n    }\n    return result;\n  }\n});\n","var $ = require('../internals/export');\nvar fails = require('../internals/fails');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar nativeGetOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar DESCRIPTORS = require('../internals/descriptors');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeGetOwnPropertyDescriptor(1); });\nvar FORCED = !DESCRIPTORS || FAILS_ON_PRIMITIVES;\n\n// `Object.getOwnPropertyDescriptor` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor\n$({ target: 'Object', stat: true, forced: FORCED, sham: !DESCRIPTORS }, {\n  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(it, key) {\n    return nativeGetOwnPropertyDescriptor(toIndexedObject(it), key);\n  }\n});\n"],"sourceRoot":""}