{"version":3,"sources":["webpack:///./node_modules/core-js/internals/whitespaces.js","webpack:///./node_modules/core-js/internals/string-trim.js","webpack:///./src/components/ProductItem/ProductItem.vue?a326","webpack:///./node_modules/core-js/internals/inherit-if-required.js","webpack:///./node_modules/core-js/modules/es.array.find.js","webpack:///./node_modules/core-js/modules/es.number.constructor.js","webpack:///./src/views/ProductDetailPage.vue?f3ae","webpack:///./src/components/ProductItem/ProductItem.vue?a005","webpack:///src/components/ProductItem/ProductItem.vue","webpack:///./src/components/ProductItem/ProductItem.vue?f575","webpack:///./src/components/ProductItem/ProductItem.vue?4dc3","webpack:///src/views/ProductDetailPage.vue","webpack:///./src/views/ProductDetailPage.vue?e369","webpack:///./src/views/ProductDetailPage.vue"],"names":["module","exports","requireObjectCoercible","toString","whitespaces","whitespace","ltrim","RegExp","rtrim","createMethod","TYPE","$this","string","replace","start","end","trim","isObject","setPrototypeOf","dummy","Wrapper","NewTarget","NewTargetPrototype","constructor","prototype","$","$find","find","addToUnscopables","FIND","SKIPS_HOLES","Array","target","proto","forced","callbackfn","this","arguments","length","undefined","DESCRIPTORS","global","isForced","redefine","has","classof","inheritIfRequired","isSymbol","toPrimitive","fails","create","getOwnPropertyNames","f","getOwnPropertyDescriptor","defineProperty","NUMBER","NativeNumber","NumberPrototype","BROKEN_CLASSOF","toNumber","argument","TypeError","first","third","radix","maxCode","digits","index","code","it","charCodeAt","NaN","slice","parseInt","key","NumberWrapper","value","valueOf","call","keys","split","j","render","_vm","_h","$createElement","_c","_self","staticRenderFns","staticClass","_v","_s","product","name","price","attrs","image","quantityInCart","_e","description","isItemInCart","id","on","$event","preventDefault","removeFromCart","apply","addToCart","_m","staticStyle","router","store","data","methods","$store","dispatch","cartItemToBeRemoved","computed","component","components"],"mappings":"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","file":"js/ProductDetailPage.0b644885.js","sourcesContent":["// a string of all valid unicode whitespaces\nmodule.exports = '\\u0009\\u000A\\u000B\\u000C\\u000D\\u0020\\u00A0\\u1680\\u2000\\u2001\\u2002' +\n  '\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF';\n","var requireObjectCoercible = require('../internals/require-object-coercible');\nvar toString = require('../internals/to-string');\nvar whitespaces = require('../internals/whitespaces');\n\nvar whitespace = '[' + whitespaces + ']';\nvar ltrim = RegExp('^' + whitespace + whitespace + '*');\nvar rtrim = RegExp(whitespace + whitespace + '*$');\n\n// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation\nvar createMethod = function (TYPE) {\n  return function ($this) {\n    var string = toString(requireObjectCoercible($this));\n    if (TYPE & 1) string = string.replace(ltrim, '');\n    if (TYPE & 2) string = string.replace(rtrim, '');\n    return string;\n  };\n};\n\nmodule.exports = {\n  // `String.prototype.{ trimLeft, trimStart }` methods\n  // https://tc39.es/ecma262/#sec-string.prototype.trimstart\n  start: createMethod(1),\n  // `String.prototype.{ trimRight, trimEnd }` methods\n  // https://tc39.es/ecma262/#sec-string.prototype.trimend\n  end: createMethod(2),\n  // `String.prototype.trim` method\n  // https://tc39.es/ecma262/#sec-string.prototype.trim\n  trim: createMethod(3)\n};\n","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!./ProductItem.vue?vue&type=style&index=0&lang=scss&\"","var isObject = require('../internals/is-object');\nvar setPrototypeOf = require('../internals/object-set-prototype-of');\n\n// makes subclassing work correct for wrapped built-ins\nmodule.exports = function ($this, dummy, Wrapper) {\n  var NewTarget, NewTargetPrototype;\n  if (\n    // it can work only with native `setPrototypeOf`\n    setPrototypeOf &&\n    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this\n    typeof (NewTarget = dummy.constructor) == 'function' &&\n    NewTarget !== Wrapper &&\n    isObject(NewTargetPrototype = NewTarget.prototype) &&\n    NewTargetPrototype !== Wrapper.prototype\n  ) setPrototypeOf($this, NewTargetPrototype);\n  return $this;\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.es/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","'use strict';\nvar DESCRIPTORS = require('../internals/descriptors');\nvar global = require('../internals/global');\nvar isForced = require('../internals/is-forced');\nvar redefine = require('../internals/redefine');\nvar has = require('../internals/has');\nvar classof = require('../internals/classof-raw');\nvar inheritIfRequired = require('../internals/inherit-if-required');\nvar isSymbol = require('../internals/is-symbol');\nvar toPrimitive = require('../internals/to-primitive');\nvar fails = require('../internals/fails');\nvar create = require('../internals/object-create');\nvar getOwnPropertyNames = require('../internals/object-get-own-property-names').f;\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar defineProperty = require('../internals/object-define-property').f;\nvar trim = require('../internals/string-trim').trim;\n\nvar NUMBER = 'Number';\nvar NativeNumber = global[NUMBER];\nvar NumberPrototype = NativeNumber.prototype;\n\n// Opera ~12 has broken Object#toString\nvar BROKEN_CLASSOF = classof(create(NumberPrototype)) == NUMBER;\n\n// `ToNumber` abstract operation\n// https://tc39.es/ecma262/#sec-tonumber\nvar toNumber = function (argument) {\n  if (isSymbol(argument)) throw TypeError('Cannot convert a Symbol value to a number');\n  var it = toPrimitive(argument, 'number');\n  var first, third, radix, maxCode, digits, length, index, code;\n  if (typeof it == 'string' && it.length > 2) {\n    it = trim(it);\n    first = it.charCodeAt(0);\n    if (first === 43 || first === 45) {\n      third = it.charCodeAt(2);\n      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix\n    } else if (first === 48) {\n      switch (it.charCodeAt(1)) {\n        case 66: case 98: radix = 2; maxCode = 49; break; // fast equal of /^0b[01]+$/i\n        case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i\n        default: return +it;\n      }\n      digits = it.slice(2);\n      length = digits.length;\n      for (index = 0; index < length; index++) {\n        code = digits.charCodeAt(index);\n        // parseInt parses a string to a first unavailable symbol\n        // but ToNumber should return NaN if a string contains unavailable symbols\n        if (code < 48 || code > maxCode) return NaN;\n      } return parseInt(digits, radix);\n    }\n  } return +it;\n};\n\n// `Number` constructor\n// https://tc39.es/ecma262/#sec-number-constructor\nif (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {\n  var NumberWrapper = function Number(value) {\n    var it = arguments.length < 1 ? 0 : value;\n    var dummy = this;\n    return dummy instanceof NumberWrapper\n      // check on 1..constructor(foo) case\n      && (BROKEN_CLASSOF ? fails(function () { NumberPrototype.valueOf.call(dummy); }) : classof(dummy) != NUMBER)\n        ? inheritIfRequired(new NativeNumber(toNumber(it)), dummy, NumberWrapper) : toNumber(it);\n  };\n  for (var keys = DESCRIPTORS ? getOwnPropertyNames(NativeNumber) : (\n    // ES3:\n    'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +\n    // ES2015 (in case, if modules with ES2015 Number statics required before):\n    'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' +\n    'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger,' +\n    // ESNext\n    'fromString,range'\n  ).split(','), j = 0, key; keys.length > j; j++) {\n    if (has(NativeNumber, key = keys[j]) && !has(NumberWrapper, key)) {\n      defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));\n    }\n  }\n  NumberWrapper.prototype = NumberPrototype;\n  NumberPrototype.constructor = NumberWrapper;\n  redefine(global, NUMBER, NumberWrapper);\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ProductItem')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ProductItem\"},[(_vm.product)?_c('div',[_c('div',{staticClass:\"p-4 p-md-5 text-white bg-dark\"},[_c('div',{staticClass:\"col-md-6 px-0\"},[_c('h2',{staticClass:\"display-2\"},[_vm._v(_vm._s(_vm.product.name))]),_c('h3',{staticClass:\"display-4\"},[_vm._v(\"$ \"+_vm._s(_vm.product.price))])])]),_c('div',{staticClass:\"bg-light rounded-3 px-4 py-3 mb-5\"},[_c('div',{staticClass:\"px-lg-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-7 pe-lg-0\"},[_c('div',[_c('div',[_c('div',{attrs:{\"id\":\"first\"}},[_c('img',{staticClass:\"img-fluid\",attrs:{\"alt\":_vm.product.name,\"src\":_vm.product.image}})])])])]),_c('div',{staticClass:\"col-lg-5 pt-4 pt-lg-0\"},[_c('div',{staticClass:\"product-details ms-auto pb-3\"},[_c('div',{staticClass:\"mb-3\"},[_c('span',{staticClass:\"h3 fw-normal text-accent me-1\"},[_vm._v(_vm._s(_vm.product.name)+\" \"),(_vm.quantityInCart(_vm.product) > 0)?_c('span',{staticClass:\"badge rounded-pill badge-add badge-add-product-item\"},[_vm._v(_vm._s(_vm.quantityInCart(_vm.product)))]):_vm._e()])]),_c('div',{staticClass:\"mb-3\"},[_c('span',{staticClass:\"h3 fw-normal text-accent me-1\"},[_vm._v(\"$\"+_vm._s(_vm.product.price))])]),_c('div',{staticClass:\"mb-3\"},[_c('span',{staticClass:\"h4 fw-normal text-accent me-1\"},[_vm._v(_vm._s(_vm.product.description))])]),_c('form',{staticClass:\"mb-grid-gutter\",attrs:{\"method\":\"post\"}},[(_vm.isItemInCart(_vm.product.id))?_c('div',{staticClass:\"mb-3 d-flex align-items-center\"},[_c('button',{staticClass:\"btn btn-danger btn-shadow d-block w-100\",attrs:{\"id\":\"remove-cart\"},on:{\"click\":function($event){$event.preventDefault();return _vm.removeFromCart.apply(null, arguments)}}},[_vm._v(\" Remove item from cart \")])]):_c('div',{staticClass:\"mb-3 d-flex align-items-center\"},[_c('button',{staticClass:\"btn btn-primary btn-shadow d-block w-100\",attrs:{\"id\":\"add-cart\"},on:{\"click\":function($event){$event.preventDefault();return _vm.addToCart.apply(null, arguments)}}},[_c('i',{staticClass:\"ci-cart fs-lg me-2\"}),_vm._v(\"Add to Cart \")])])]),_vm._m(0)])])])])])]):_c('div',[_vm._m(1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"accordion mb-4\",attrs:{\"id\":\"productPanels\"}},[_c('div',{staticClass:\"accordion-item\"},[_c('h3',{staticClass:\"accordion-header\"},[_c('a',{staticClass:\"accordion-button\",attrs:{\"aria-controls\":\"productInfo\",\"aria-expanded\":\"true\",\"data-bs-toggle\":\"collapse\",\"href\":\"#productInfo\",\"role\":\"button\"}},[_c('i',{staticClass:\"ci-announcement text-muted fs-lg align-middle mt-n1 me-2\"}),_vm._v(\"Product info\")])]),_c('div',{staticClass:\"accordion-collapse collapse show\",attrs:{\"id\":\"productInfo\",\"data-bs-parent\":\"#productPanels\"}},[_c('div',{staticClass:\"accordion-body\"},[_c('h6',{staticClass:\"fs-sm mb-2\"},[_vm._v(\"Nutritional Value per 100g\")]),_c('ul',{staticClass:\"fs-sm ps-4\"},[_c('li',[_vm._v(\"Calories: 800 kcal\")]),_c('li',[_vm._v(\"Carbohydrates: 20g\")]),_c('li',[_vm._v(\"Fats: 20g\")])])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex justify-content-center w3-margin-top\"},[_c('div',{staticClass:\"spinner-border\",staticStyle:{\"width\":\"5rem\",\"height\":\"5rem\"},attrs:{\"role\":\"status\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ProductItem\">\n    <div v-if=\"product\">\n      <div class=\"p-4 p-md-5 text-white bg-dark\">\n        <div class=\"col-md-6 px-0\">\n          <h2 class=\"display-2\">{{ product.name }}</h2>\n          <h3 class=\"display-4\">$ {{ product.price }}</h3>\n        </div>\n      </div>\n      <div class=\"bg-light rounded-3 px-4 py-3 mb-5\">\n        <div class=\"px-lg-3\">\n          <div class=\"row\">\n            <!-- Product gallery-->\n            <div class=\"col-lg-7 pe-lg-0\">\n              <div>\n                <div>\n                  <div id=\"first\" class=\"\"><img :alt=\"product.name\" :src=\"product.image\" class=\"img-fluid\"/></div>\n                </div>\n              </div>\n            </div>\n            <!-- Product details-->\n            <div class=\"col-lg-5 pt-4 pt-lg-0\">\n              <div class=\"product-details ms-auto pb-3\">\n                <div class=\"mb-3\">\n                  <span class=\"h3 fw-normal text-accent me-1\"\n                  >{{ product.name }}\n                    <span\n                      v-if=\"quantityInCart(product) > 0\"\n                      class=\"badge rounded-pill badge-add badge-add-product-item\"\n                    >{{ quantityInCart(product) }}</span\n                    ></span\n                  >\n                </div>\n                <div class=\"mb-3\">\n                  <span class=\"h3 fw-normal text-accent me-1\">${{ product.price }}</span>\n                </div>\n                <div class=\"mb-3\">\n                  <span class=\"h4 fw-normal text-accent me-1\">{{ product.description }}</span>\n                </div>\n                <form class=\"mb-grid-gutter\" method=\"post\">\n                  <!--                  <div v-if=\"isItemInCart\" class=\"mb-3 d-flex align-items-center\">-->\n                  <!--                    <button class=\"btn btn-secondary btn-shadow d-block w-100 itemInCart\" @click.prevent=\"\">-->\n                  <!--                      This item is in your cart-->\n                  <!--                    </button>-->\n                  <!--                  </div>-->\n                  <div v-if=\"isItemInCart(product.id)\" class=\"mb-3 d-flex align-items-center\">\n                    <button id=\"remove-cart\" class=\"btn btn-danger btn-shadow d-block w-100\"\n                            @click.prevent=\"removeFromCart\">\n                      Remove item from cart\n                    </button>\n                  </div>\n                  <div v-else class=\"mb-3 d-flex align-items-center\">\n                    <button id=\"add-cart\" class=\"btn btn-primary btn-shadow d-block w-100\" @click.prevent=\"addToCart\">\n                      <i class=\"ci-cart fs-lg me-2\"></i>Add to Cart\n                    </button>\n                  </div>\n                </form>\n                <!-- Product panels-->\n                <div id=\"productPanels\" class=\"accordion mb-4\">\n                  <div class=\"accordion-item\">\n                    <h3 class=\"accordion-header\">\n                      <a\n                        aria-controls=\"productInfo\"\n                        aria-expanded=\"true\"\n                        class=\"accordion-button\"\n                        data-bs-toggle=\"collapse\"\n                        href=\"#productInfo\"\n                        role=\"button\"\n                      ><i class=\"ci-announcement text-muted fs-lg align-middle mt-n1 me-2\"></i>Product info</a\n                      >\n                    </h3>\n                    <div id=\"productInfo\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#productPanels\">\n                      <div class=\"accordion-body\">\n                        <h6 class=\"fs-sm mb-2\">Nutritional Value per 100g</h6>\n                        <ul class=\"fs-sm ps-4\">\n                          <li>Calories: 800 kcal</li>\n                          <li>Carbohydrates: 20g</li>\n                          <li>Fats: 20g</li>\n                        </ul>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else>\n      <div class=\"d-flex justify-content-center w3-margin-top\">\n        <div class=\"spinner-border\" role=\"status\" style=\"width: 5rem; height: 5rem\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport router from \"@/router\";\nimport store from \"@/store\";\n\nexport default {\n  name: \"ProductItem\",\n  router,\n  store,\n  data() {\n    return {\n      product: {},\n    };\n  },\n  async created() {\n    await this.$store.dispatch(\"getPizzasAction\");\n    this.product = this.$store.state.products.find((product) => product.id === Number(this.$route.params.id));\n  },\n  methods: {\n    addToCart() {\n      this.$store.dispatch(\"addToCartAction\", this.product.id);\n    },\n    removeFromCart() {\n      //find product in cart where pizza_id =\n      const cartItemToBeRemoved = this.$store.state.cartItems.find((cartItem) => cartItem.pizza_id === this.product.id);\n      this.$store.dispatch(\"removeItemAction\", cartItemToBeRemoved);\n    },\n  },\n  computed: {\n    isItemInCart() {\n      return (item) => this.$store.getters.isItemInCartGetter(item);\n    },\n    quantityInCart() {\n      return (item) => this.$store.getters.quantityInCartGetter(item);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"ProductItem\";\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!./ProductItem.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!./ProductItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductItem.vue?vue&type=template&id=5c17cc0e&\"\nimport script from \"./ProductItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductItem.vue?vue&type=style&index=0&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","<template>\n  <ProductItem/>\n</template>\n\n<script>\nimport ProductItem from \"@/components/ProductItem/ProductItem\";\n\nexport default {\n  name: \"ProductDetailPage\",\n  components: { ProductItem },\n};\n</script>\n\n<style scoped></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!./ProductDetailPage.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!./ProductDetailPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductDetailPage.vue?vue&type=template&id=b20a9064&scoped=true&\"\nimport script from \"./ProductDetailPage.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductDetailPage.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  \"b20a9064\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}