\n
${itemTitle(item)}
\n
${formattedAmount(item.total, currency)}
\n \n `;\n};\n\nconst cartDiscounts = (discounts, currency) => {\n return html`\n ${discounts.items.map((discount) => {\n return html`\n
\n
${discount.label} (${formattedDiscountRate(discount.rate)})
\n
\n ${formattedDiscountValue(discount.value, currency)}\n
\n
\n `;\n })}\n `;\n};\n\nclass CartOverview extends LitElement {\n static get properties() {\n return {\n currency: String,\n discounts: Array,\n discounted_total: Number,\n empty: Boolean,\n i18n: Object,\n items: Array,\n loadingId: Number,\n loading: Boolean,\n present: Boolean,\n total: Number,\n vat_amount: Number,\n };\n }\n\n constructor() {\n super();\n this.loadingId = null;\n this.loading = false;\n this.empty = false;\n this.discounts = false;\n this.items = [];\n this.active = false;\n this.modal = Boolean(this.getAttribute(\"modal\"));\n this.payment = Boolean(this.getAttribute(\"payment\"));\n this.layout = this.defineLayout();\n this.loadData();\n }\n\n createRenderRoot() {\n return this;\n }\n\n defineLayout() {\n if (this.modal) {\n return \"modal\";\n } else if (this.payment) {\n return \"payment\";\n } else {\n return \"overview\";\n }\n }\n\n async loadData() {\n this.loading = true;\n const response = await useFetchJson(\"/api/orders\", false, \"GET\");\n this.updateValues(response);\n this.loading = false;\n }\n\n updateValues(response) {\n const { currency, i18n, shopping_cart, present } = response;\n this.present = present;\n this.items = shopping_cart?.items || [];\n this.total = shopping_cart?.total || 0;\n this.shipping_cost = shopping_cart?.shipping_cost || 0;\n this.total_with_shipping = shopping_cart?.total_with_shipping || 0;\n this.discounted_total = shopping_cart?.discounted_total || this.total;\n this.discounts =\n shopping_cart.discounts && shopping_cart.discounts.items.length\n ? shopping_cart.discounts\n : false;\n this.vat_amount = shopping_cart?.vat_amount || 0;\n this.discounted_vat_amount =\n shopping_cart?.discounted_vat_amount || this.vat_amount;\n this.empty = shopping_cart?.empty;\n this.i18n = i18n;\n this.currency = currency;\n const counter = document.getElementById(\"item-count\");\n if (counter) {\n counter.innerHTML = this.items.length;\n }\n }\n\n updateCart(e) {\n const { id, response } = e.detail;\n this.updateValues(response);\n this.requestUpdate();\n }\n\n async removeItem(id) {\n if (this.loadingId) {\n return;\n } else {\n this.loadingId = id;\n const response = await useFetchJson(\n `/api/order_items/${id}`,\n {},\n \"DELETE\"\n );\n this.updateValues(response);\n this.loadingId = null;\n }\n }\n\n renderShippingCost(shipping_cost) {\n return html`\n
\n
\n ${this.i18n.shipping_cost}\n ${formattedAmount(shipping_cost, this.currency)} \n
\n
\n `\n }\n\n renderTotal(total_with_shipping) {\n return html`\n
\n Total\n ${formattedAmount(total_with_shipping, this.currency)}\n
\n
\n ${this.i18n.shipping_method_hint}\n \n `;\n }\n\n renderCartTotal(amount, vat_amount) {\n return html`\n
\n
\n ${formattedAmount(amount, this.currency)} \n
\n
\n ${this.i18n.incl_vat} ${formattedAmount(vat_amount, this.currency)}\n
\n
\n `;\n }\n\n cartTable() {\n let itemsHtml;\n if (this.layout === \"payment\") {\n itemsHtml = this.items.map((item) => staticCartItemRow(item, this.currency));\n } else {\n itemsHtml = html`
${this.items.map((item) =>\n interactiveCartItemRow(\n item,\n this.currency,\n this.updateCart,\n () => this.removeItem(item.id),\n this.modal\n )\n )}
`\n }\n return html`\n
\n ${itemsHtml}\n ${this.discounts ? cartDiscounts(this.discounts, this.currency) : null}\n ${this.renderCartTotal(this.discounted_total, this.discounted_vat_amount)}\n
\n `;\n }\n\n renderDiscounts() {\n if (this.discounts) {\n return html`\n
\n \n \n ${this.i18n.discounts}\n
\n \n
\n `\n } else {\n return null\n }\n }\n\n renderCartContent() {\n if (this.empty || this.items.length === 0) {\n return html`
`;\n } else {\n let button = false;\n switch (this.layout) {\n case \"modal\":\n button = moreBtton(\n this.i18n.checkout_path,\n this.i18n.checkout_link_text,\n this.empty,\n \"more\"\n );\n break;\n case \"overview\":\n button = moreBtton(\n this.i18n.addresses_path,\n this.i18n.addresses_link_text,\n this.empty,\n \"border\"\n );\n break;\n }\n\n return html`
\n ${this.cartTable()}\n ${this.renderShippingCost(this.shipping_cost)}\n ${this.renderTotal(this.total_with_shipping)}\n ${button\n ? html`
${button}
`\n : null}\n
`;\n }\n }\n\n render() {\n return this.loading ? loadingSpinner : this.renderCartContent();\n }\n}\n\nwindow.customElements.define(\"cart-overview\", CartOverview);\n","\"use strict\";\n\nvar isOldIE = function isOldIE() {\n var memo;\n return function memorize() {\n if (typeof memo === 'undefined') {\n // Test for IE <= 9 as proposed by Browserhacks\n // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n // Tests for existence of standard globals is to allow style-loader\n // to operate correctly into non-standard environments\n // @see https://github.com/webpack-contrib/style-loader/issues/177\n memo = Boolean(window && document && document.all && !window.atob);\n }\n\n return memo;\n };\n}();\n\nvar getTarget = function getTarget() {\n var memo = {};\n return function memorize(target) {\n if (typeof memo[target] === 'undefined') {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDom.length; i++) {\n if (stylesInDom[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var index = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3]\n };\n\n if (index !== -1) {\n stylesInDom[index].references++;\n stylesInDom[index].updater(obj);\n } else {\n stylesInDom.push({\n identifier: identifier,\n updater: addStyle(obj, options),\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction insertStyleElement(options) {\n var style = document.createElement('style');\n var attributes = options.attributes || {};\n\n if (typeof attributes.nonce === 'undefined') {\n var nonce = typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;\n\n if (nonce) {\n attributes.nonce = nonce;\n }\n }\n\n Object.keys(attributes).forEach(function (key) {\n style.setAttribute(key, attributes[key]);\n });\n\n if (typeof options.insert === 'function') {\n options.insert(style);\n } else {\n var target = getTarget(options.insert || 'head');\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n }\n\n return style;\n}\n\nfunction removeStyleElement(style) {\n // istanbul ignore if\n if (style.parentNode === null) {\n return false;\n }\n\n style.parentNode.removeChild(style);\n}\n/* istanbul ignore next */\n\n\nvar replaceText = function replaceText() {\n var textStore = [];\n return function replace(index, replacement) {\n textStore[index] = replacement;\n return textStore.filter(Boolean).join('\\n');\n };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n /* istanbul ignore if */\n\n if (style.styleSheet) {\n style.styleSheet.cssText = replaceText(index, css);\n } else {\n var cssNode = document.createTextNode(css);\n var childNodes = style.childNodes;\n\n if (childNodes[index]) {\n style.removeChild(childNodes[index]);\n }\n\n if (childNodes.length) {\n style.insertBefore(cssNode, childNodes[index]);\n } else {\n style.appendChild(cssNode);\n }\n }\n}\n\nfunction applyToTag(style, options, obj) {\n var css = obj.css;\n var media = obj.media;\n var sourceMap = obj.sourceMap;\n\n if (media) {\n style.setAttribute('media', media);\n } else {\n style.removeAttribute('media');\n }\n\n if (sourceMap && typeof btoa !== 'undefined') {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n while (style.firstChild) {\n style.removeChild(style.firstChild);\n }\n\n style.appendChild(document.createTextNode(css));\n }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n var style;\n var update;\n var remove;\n\n if (options.singleton) {\n var styleIndex = singletonCounter++;\n style = singleton || (singleton = insertStyleElement(options));\n update = applyToSingletonTag.bind(null, style, styleIndex, false);\n remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n } else {\n style = insertStyleElement(options);\n update = applyToTag.bind(null, style, options);\n\n remove = function remove() {\n removeStyleElement(style);\n };\n }\n\n update(obj);\n return function updateStyle(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n return;\n }\n\n update(obj = newObj);\n } else {\n remove();\n }\n };\n}\n\nmodule.exports = function (list, options) {\n options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of