@covet-pics/covet-pics-widget 0.178.1 → 0.178.3

package/dist/cjs/covet-pics-checkbox_9.cjs.entry.js

@@ -4,17 +4,18 @@
 'use strict';
 
 var index = require('./index-CgoVQsIV.js');
-var utils = require('./utils-CkIicOF2.js');
-var popup = require('./popup-BVFSZKpR.js');
-var shopcart = require('./shopcart-CCGo88U5.js');
-var getters = require('./getters-QyYi8Ngl.js');
-var storeUtils = require('./storeUtils-sFXfLcFp.js');
+var utils = require('./utils-BAxT9Oy2.js');
+var popup = require('./popup-rW3mI8Bp.js');
+var shopcart = require('./shopcart-61IYQW_5.js');
+var getters = require('./getters-Bflb753X.js');
+var storeUtils = require('./storeUtils-hM8egDhh.js');
 var funcComponents = require('./funcComponents-BpB42VvA.js');
 var index$1 = require('./index-BMdsVEom.js');
 var popupFuncComponents = require('./popupFuncComponents-C-BjCf1Q.js');
 var slider = require('./slider-Yd_vzJhP.js');
 var a11y = require('./a11y-BaxqETeA.js');
 var navigation = require('./navigation-CvIgF3Cf.js');
+require('./redux-toolkit.modern-w9CXZaGb.js');
 
 const covetPicsCheckboxCss = () => `:host{display:block;border:1px solid #000000;padding:8px;font-weight:700;background-color:#FFFFFF;color:#000000;margin-top:4px;cursor:pointer;transition:color 0.25s ease, background-color 0.25s ease;box-sizing:border-box;overflow:hidden;max-width:calc(100% - 8px);min-width:0}:host .input{position:absolute;width:0;height:0;top:0;left:0;opacity:0}:host .label{display:block;font-size:16px;cursor:pointer;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([aria-checked=true]){color:#FFFFFF;background-color:#000000}`;
 
@@ -403,16 +404,16 @@ const CovetPicsDirectBuy = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '5603b487d303360622ef74aff54e1bb12b19ea66', style: this.itemCSSVariables }, index.h("button", { key: '1ae30e4f4cf2aef951886b3f8348a6a43817c146', class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h(funcComponents.IconDirectBuyClose, { key: '014f5bf3fa89264ce22e0580c714e46bcf25e604', iconClass: "icon-close" })), index.h("div", { key: '34101569450f8941f7826a373bc8f4dcf1b04079', class: "wrap" }, this.product && (index.h("div", { key: '4cbb213a08415d4372049392e3beac3c6ec5db59', class: "main" }, index.h("h2", { key: 'ca0635ddb304dca9496b7be107f3067aca69b208', class: "title" }, index.h("a", { key: '2c23a464a048974f7d77a6b6890b1ca1265180b0', class: "link-title", href: this.product.onlineStoreUrl, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("div", { key: 'b000f4a98863d44bf7b5a1f7b0bcd13004cf22c4', class: "product-preview" }, index.h("div", { key: '53caff63a226992456b3956c457d70447b793340', class: "preview-slide active" }, ((_a = this.selectedVariant) === null || _a === void 0 ? void 0 : _a.image)
+        return (index.h(index.Host, { key: '364f386a7d757506fd3da8172a29a5822ef1d313', style: this.itemCSSVariables }, index.h("button", { key: '4358200e2abe9adf5c1e00bf2374c736c5331072', class: "close", onClick: this.closeClickHandler, tabindex: "0", "aria-label": "Direct buy close", type: "button" }, index.h(funcComponents.IconDirectBuyClose, { key: 'a7c4feab241744e025f0a61ffc4266ba45832372', iconClass: "icon-close" })), index.h("div", { key: 'bb10ead2d02deb597664483d5392da88467a3edd', class: "wrap" }, this.product && (index.h("div", { key: 'b26439a37a3801133ffe052aecc206546182c184', class: "main" }, index.h("h2", { key: 'ee8295e7b04e0b020228e444d9d7c7bfbedd7b33', class: "title" }, index.h("a", { key: '895e44aec734cd95e38dd6cb63323a0d40f9683d', class: "link-title", href: this.product.onlineStoreUrl, target: "_blank", "aria-label": `Link to '${this.product.title}'` }, this.product.title)), index.h("div", { key: 'd25af476cbfde1f5f38cb742d072d25e7e2a9398', class: "product-preview" }, index.h("div", { key: 'f0ada16577c6d3493d2283d3bb92a56308107c95', class: "preview-slide active" }, ((_a = this.selectedVariant) === null || _a === void 0 ? void 0 : _a.image)
             ? index.h("img", { src: this.selectedVariant.image.url, alt: this.selectedVariant.image.altText, class: "image" })
             : index.h("img", { src: (_b = this.product.images.nodes[0]) === null || _b === void 0 ? void 0 : _b.url, alt: (_c = this.product.images.nodes[0]) === null || _c === void 0 ? void 0 : _c.altText, class: "image" }))), this.renderProductSlider(), this.selectedVariant &&
-            index.h("div", { key: '2112489e865bf5a380d135f0719bdc80a691e6a1', class: "options" }, this.options.map((option) => {
+            index.h("div", { key: '0b7ca9092bede6988a6bfe34e25ddc0f4e15cc4a', class: "options" }, this.options.map((option) => {
                 if (option.optionValues.length < 2)
                     return null;
                 return option.optionValues.length < 4 ? this.renderCheckbox(option) : this.renderSelect(option);
             })))), this.product &&
-            index.h("div", { key: '2046595ce59e48f876711d17cdcd798d9ea3271b', class: "footer" }, this.selectedVariant &&
-                index.h("div", { key: '957319ea668b7c9dacb5e6a85b2cfe5bdbfce8c6', class: "price-wrap" }, index.h("label", { key: '2de800e4e7bc4ed1d537d9e1a88f7b008da131a8', class: "price-label" }, this.settings.price_label_caption), index.h("p", { key: '583656692e034fdc1281da84a9fdad8a3a95d660', class: "price-text" }, utils.formatMoneyNew(this.selectedVariant.price, `${this.shopCartState.locale.language}-${this.shopCartState.locale.country}`))), index.h("button", { key: '9f3798160977538025523184d9c24a2b8cc03582', onClick: this.addToCartClickHandler, class: `btn-buy btn-add-to-cart ${this.settings._buyButtonStyle}`, "aria-label": "Add to cart", innerHTML: this.selectedVariant ? this.settings.add_to_cart_button_caption : "out of stock", disabled: !this.isAvailableForSale || !this.selectedVariant, type: "button" })))));
+            index.h("div", { key: '6bf8cc133bfc7a5a5b01e97367cc3bf7e22b9386', class: "footer" }, this.selectedVariant &&
+                index.h("div", { key: '21427f89745e2615e0a4c916bebc6c44bcac2e8b', class: "price-wrap" }, index.h("label", { key: '3ff68ac8c6e83c8b02f3c56753ef7d6738e81a42', class: "price-label" }, this.settings.price_label_caption), index.h("p", { key: '21a44c1152b02a495d11a0e4dbd49f43018c977f', class: "price-text" }, utils.formatMoneyNew(this.selectedVariant.price, `${this.shopCartState.locale.language}-${this.shopCartState.locale.country}`))), index.h("button", { key: 'c126a2d392066704f06171e1f5fdd3bc69a22448', onClick: this.addToCartClickHandler, class: `btn-buy btn-add-to-cart ${this.settings._buyButtonStyle}`, "aria-label": "Add to cart", innerHTML: this.selectedVariant ? this.settings.add_to_cart_button_caption : "out of stock", disabled: !this.isAvailableForSale || !this.selectedVariant, type: "button" })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -3763,8 +3764,8 @@ const CovetPicsHotspots = class {
     }
     getPositionForLink(link) {
         return {
-            "left": (link.position_x * 100).toString() + "%",
-            "top": (link.position_y * 100).toString() + "%"
+            "left": (Number(link.position_x) * 100).toString() + "%",
+            "top": (Number(link.position_y) * 100).toString() + "%"
         };
     }
     initTooltips() {
@@ -3776,7 +3777,7 @@ const CovetPicsHotspots = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'd148e6374868f82300a42619a07cdc2dc1e33e3e', class: { "show-hotspot-numbers": this.showNumbers }, style: this.getItemCSSVariables() }, this.links.map(link => index.h("a", { class: "hotspot", tabindex: "0", href: link.link, target: "_top", style: this.getPositionForLink(link), "data-link-id": link.id, "data-tippy-content": `<span class="product-title">${link.title}</span><span class="price">${link.prices ? link.prices.price_label : ""} &gt;</span>`, "aria-label": `Hotspot link to '${link.title}'` }, index.h("span", { class: "pulse" })))));
+        return (index.h(index.Host, { key: 'bee7c020f10546f7d5d6e99c15c9853d5d134547', class: { "show-hotspot-numbers": this.showNumbers }, style: this.getItemCSSVariables() }, this.links.map(link => index.h("a", { class: "hotspot", tabindex: "0", href: link.link, target: "_top", style: this.getPositionForLink(link), "data-link-id": link.id, "data-tippy-content": `<span class="product-title">${link.title}</span><span class="price">${link.prices ? link.prices.price_label : ""} &gt;</span>`, "aria-label": `Hotspot link to '${link.title}'` }, index.h("span", { class: "pulse" })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -3872,7 +3873,7 @@ const CovetPicsPopupLinks = class {
         // TODO: check buttonStyle this old todo (style-3 -> not implanted yet)
         const buttonStyle = this.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-");
         const linkStyle = this.settings.popup_products_view_type.replace("_view", "");
-        return (index.h("ul", { key: 'b71b2486c4017ea9e8571ea3e9efa59cef7779c5', class: `links ${linkStyle} ${this.greyBorderClass} links-${this.links.length.toString()}`, style: this.getItemCSSVariables(), role: "list" }, this.links.map((link, idx) => index.h("li", { class: "product", "data-link-id": link.id, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, role: "listitem" }, index.h("a", { class: "product-link", target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, href: link.link, "aria-label": this.getProductLinkLabel(link), role: "link" }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("div", { class: "product-details" }, index.h("span", { class: "product-title" }, link.title), this.settings.show_price_in_popup && link.prices &&
+        return (index.h("ul", { key: 'fe57f16f2ca9ea699a3ad76171e9702efc679e61', class: `links ${linkStyle} ${this.greyBorderClass} links-${this.links.length.toString()}`, style: this.getItemCSSVariables(), role: "list" }, this.links.map((link, idx) => index.h("li", { class: "product", "data-link-id": link.id, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, role: "listitem" }, index.h("a", { class: "product-link", target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, href: link.link, "aria-label": this.getProductLinkLabel(link), role: "link" }, index.h("div", { class: "img-wrap" }, this.renderLinkImage(link, idx, this.links.length)), index.h("div", { class: "product-details" }, index.h("span", { class: "product-title" }, link.title), this.settings.show_price_in_popup && link.prices &&
             index.h("span", { class: "product-price", innerHTML: link.prices.price_label }), this.settings.show_price_in_popup && link.prices && link.prices.is_on_sale &&
             index.h("span", { class: "product-price product-sale", innerHTML: link.prices.sale_price }))), index.h("a", { class: `btn-buy ${buttonStyle}`, href: link.link, target: link.new_tab ? "_blank" : "_top", "data-ga-campaign": link.title, onClick: this.buyButtonClickHandler, "data-product-id": link.shopify_product_id, "aria-label": "Link to direct buy", role: "link" }, buttonStyle === "style-5" &&
             index.h("svg", { class: "icon-buy", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M0 0h14v14H0z" }), index.h("path", { class: "dynamic-fill", d: "M6.855 1.575c1.323 0 2.405 1.03 2.405 2.315v.352h1.57l.95 8.24H1.896l.95-8.24H4.45V3.89c0-1.23.994-2.229 2.241-2.31zM9.94 5.242h-.68l.001.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262H5.45v.262a.5.5 0 01-.41.492l-.09.008a.5.5 0 01-.5-.5v-.262h-.714l-.72 6.24h7.643l-.72-6.24zM6.855 2.575c-.781 0-1.405.594-1.405 1.315v.352h2.81V3.89c0-.679-.552-1.245-1.269-1.31z", fill: "#FFF", "fill-rule": "nonzero" }))), index.h("span", { class: "btn-title" }, this.getLinkLabel(link)))))));
@@ -3926,7 +3927,7 @@ const CovetPicsPopupReviewElement = class {
         const starOnlyClass = this.caption === null ? "star-only" : "";
         const starOnly = this.caption === null && this.itemType === "text";
         const verifiedClass = this.verified ? "verified" : "";
-        return (index.h(index.Host, { key: '6688215ae912942aed0596fa2f5127f0b4f9abeb', class: `popup-review ${starOnlyClass}`, style: this.reviewCSS }, index.h(funcComponents.StarRatingPopupRewiw, { key: 'bdaf28c4c5d98152401cff83c98a2aa0679ed6ad', rating: this.rating, starOnlyClass: starOnlyClass }), index.h("p", { key: 'eea579d0426e7c235162e5ceafb3fc2db2929b09', class: `review-caption ${starOnlyClass} ${verifiedClass}`, innerHTML: this.caption }, this.verified && starOnly && this.renderVerified()), index.h("div", { key: '12d2c88685e196fbffffaf7258f0226035bdbc08', class: `review-bottom  ${starOnlyClass}` }, index.h("p", { key: '548bbf43066a0b548b7a62333d30e31de19905c8', class: "username" }, this.username), this.createdTime && index.h("span", { key: '5cca2597454125e6e85b7176ac845ed70eca324e', class: "slash" }, "/"), index.h("span", { key: 'c740c779a6c6a817e55d0df691e57d3287a62598', class: "created-time" }, index$1.format(this.createdTime)), this.verified && !starOnly && this.renderVerified())));
+        return (index.h(index.Host, { key: '3d60da0c55049aedaa4365a1457ea41ff0612128', class: `popup-review ${starOnlyClass}`, style: this.reviewCSS }, index.h(funcComponents.StarRatingPopupRewiw, { key: 'e69dcd4bee66dc77087b399e3e26c20a7971944f', rating: this.rating, starOnlyClass: starOnlyClass }), index.h("p", { key: 'c214ad4f5f393d62cc141b6da0b62cafa6a73c15', class: `review-caption ${starOnlyClass} ${verifiedClass}`, innerHTML: this.caption }, this.verified && starOnly && this.renderVerified()), index.h("div", { key: 'c1de4203f60f7d60f3bb4592bc72f03f899da5b0', class: `review-bottom  ${starOnlyClass}` }, index.h("p", { key: '5adbc5a4a0c27ce305cb2fa2ad199e10bd0f9427', class: "username" }, this.username), this.createdTime && index.h("span", { key: 'b49678718189143cd88154aa50e7f0a775a4874e', class: "slash" }, "/"), index.h("span", { key: '8aa068fbacac7e1f4c0f1630788363d2fbd1a889', class: "created-time" }, index$1.format(this.createdTime)), this.verified && !starOnly && this.renderVerified())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -4122,9 +4123,9 @@ const CovetPicsPopupSlider = class {
             : `post image, created ${utils.getDateFromTimestamp(createdTime)}${carouselAlt}`;
     }
     render() {
-        return (index.h("div", { key: 'af0b2dc79e0570fd31bbf29166aa8745b46cdfb2', id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { key: '0df9978ad900dd99f299403ded7ae1ac24261a66', class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
+        return (index.h("div", { key: '0f5135c05a21ca0d43dc912bd0f33d07e8090288', id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { key: '10b11343b2bc40552a9236a38e7b63a762fd4ff9', class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
             index.h("img", { src: media_item.standard_resolution, alt: this.imgAltTag(media_item.alt_tag, this.item.caption, idx, this.item.carousel_media.length, this.item.created_time), onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }), media_item.type === "video" &&
-            index.h("div", { class: "post-video-element", onClick: this.playPauseVideoClickHandler, onKeyDown: this.playPauseVideoKeyboardClickHandler, tabindex: "0" }, index.h("video", { playsinline: true, muted: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution, onCanPlay: this.videoLoadedHandler }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })))))), index.h("div", { key: '4b258ccf8e8d1b4d3f52525e3595ddc37d3284ae', class: "swiper-pagination swiper-pagination-white" }), index.h("button", { key: 'afaad36b486f9d086882c2c0c220bad9f405ef8f', class: "swiper-button-next", type: "button" }, index.h(funcComponents.IconArrowPrev, { key: 'c3b71e2b1aa14c972915b903f290d6551c4bb472' })), index.h("button", { key: 'a219ff0c5732e1c0f4d99b6ae93b4bcaa304db40', class: "swiper-button-prev", type: "button" }, index.h(funcComponents.IconArrowNext, { key: '7559c8b70acc1f75379281fe09371eb29bfe751b' }))));
+            index.h("div", { class: "post-video-element", onClick: this.playPauseVideoClickHandler, onKeyDown: this.playPauseVideoKeyboardClickHandler, tabindex: "0" }, index.h("video", { playsinline: true, muted: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution, onCanPlay: this.videoLoadedHandler }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })))))), index.h("div", { key: 'c951a3f4d6fca6e82256eec44694d95a98f2c3ae', class: "swiper-pagination swiper-pagination-white" }), index.h("button", { key: '2f632d513f427858479e50ed7c35872b4ab990ed', class: "swiper-button-next", type: "button" }, index.h(funcComponents.IconArrowPrev, { key: 'fcd69886b0ecefeb00f96ae18276e3122f00455f' })), index.h("button", { key: '4f154b0005ba39f685157661298443d7f6667829', class: "swiper-button-prev", type: "button" }, index.h(funcComponents.IconArrowNext, { key: '60c94d46922582e30999786fd4ecbd0baa226363' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -4138,7 +4139,8 @@ const CovetPicsSelect = class {
         this.labelClickHandler = (event) => {
             event.preventDefault();
             event.stopPropagation();
-            if (event.type === "keydown" && event.keyCode !== 13 && event.keyCode !== 32)
+            const keyCode = event.keyCode;
+            if (event.type === "keydown" && keyCode !== 13 && keyCode !== 32)
                 return false;
             if (this.el.classList.contains("opened")) {
                 return;
@@ -4166,7 +4168,7 @@ const CovetPicsSelect = class {
         requestAnimationFrame(() => this.el.classList.add("hover-enable")); // prevent border flickering on first render
     }
     render() {
-        return (index.h(index.Host, { key: 'e042174961b14407fee853cfe481c5f1dc260a6f', class: "options", id: this.selectId }, index.h("label", { key: '5ab9266368a951949b3b4244df898df85c232ed7', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, index.h("span", { key: 'dc694ff1e224e547071ec880da553fe02f493657', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), index.h("span", { key: '023ec6de103767ac81db834805190c85426b6b14', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), index.h("div", { key: '0886ebd0e8c0f587ce3ed5cff524f4994b1527ff', class: "options-container" }, this.optionData.optionValues.map((option) => index.h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
+        return (index.h(index.Host, { key: 'f1337646b759d2010e5b8cbc174c914b0831bb88', class: "options", id: this.selectId }, index.h("label", { key: '0c0964d93af6f8c4c60f4407073dde53a83af769', onClick: this.labelClickHandler, onKeyDown: this.labelClickHandler, tabindex: "0" }, index.h("span", { key: 'a32a76882032f68757802f6255559f9de253c12e', class: "option-name", title: this.optionData["name"] }, this.optionData["name"]), index.h("span", { key: 'f9c3cd6d7b7bff9ccd0feeb066e43d7d10b15c32', class: { "selected-option": true, "empty": this.label === "" } }, this.label)), index.h("div", { key: '60d55f2d94310738aa6fee33e860a1fe1c3a80f6', class: "options-container" }, this.optionData.optionValues.map((option) => index.h("div", { class: { "option-value": true, "selected": option.name === this.selectedValue, "disabled": option.disabled }, "data-value": option.name, "data-disabled": `${option.disabled}`, onClick: this.selectVariantHandler, onKeyDown: this.selectVariantHandler, tabindex: "0" }, index.h("div", { class: "selected-indic" }), index.h("div", { class: "value-text", innerHTML: option.name, title: option.name }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -4260,8 +4262,8 @@ const CovetPicsShopCart = class {
         return (index.h("article", { class: "product", key: product.key }, index.h("div", { class: "img-wrap is-loading" }, index.h("img", { class: "img", src: (_a = product.featured_image) === null || _a === void 0 ? void 0 : _a.url, alt: ((_b = product.featured_image) === null || _b === void 0 ? void 0 : _b.alt) || "product image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler })), index.h("div", { class: "description" }, index.h("div", { class: "top" }, index.h("h3", { class: "title" }, product.product_title), index.h("p", { class: "price" }, utils.formatCurrency(product.final_line_price / 100, this.appState.shopcart.currency, `${this.appState.shopcart.locale.language}-${this.appState.shopcart.locale.country}`))), index.h("h4", { class: "text" }, product.variant_title), index.h("div", { class: "bottom" }, index.h("div", { class: "change-count" }, index.h("button", { class: "btn-update", onClick: this.onUpdateLine, "data-line-id": product.key, "data-line-quantity": product.quantity - 1 }, "-"), index.h("span", { class: "count" }, product.quantity), index.h("button", { class: "btn-update", onClick: this.onUpdateLine, "data-line-id": product.key, "data-line-quantity": product.quantity + 1, "data-action": "add", disabled: this.notAvaliableForSaleKeys.includes(product.key) }, "+")), index.h("button", { class: "btn-delete", onClick: this.onRemoveLine, "data-line-id": product.key }, index.h("svg", { class: "icon-basket" }, index.h("path", { d: "M6.31 7.18c0-.51-.4-.92-.9-.92s-.9.41-.9.92v4.63c0 .51.4.93.9.93s.9-.42.9-.93V7.18z", style: { transform: "translateX(3px)" } }), index.h("path", { d: "M6.31 7.18c0-.51-.4-.92-.9-.92s-.9.41-.9.92v4.63c0 .51.4.93.9.93s.9-.42.9-.93V7.18z" }), index.h("path", { d: "m7 0c-1.634 0-2.965 1.33-3.021 2.993H.902C.404 2.993 0 3.407 0 3.918c0 .511.404.926.902.926h.689v5.828c0 .91 0 1.599.044 2.148.043.551.132.971.314 1.338.315.635.818 1.151 1.437 1.474.358.187.766.278 1.303.323.535.045 1.207.045 2.094.045h.434c.887 0 1.558 0 2.093-.045.537-.045.946-.136 1.304-.323a3.3 3.3 0 0 0 1.437-1.474c.182-.367.27-.787.314-1.338.044-.55.044-1.239.044-2.148V4.844h.69c.497 0 .901-.415.901-.926 0-.511-.404-.925-.901-.925h-3.078C9.965 1.33 8.634 0 7 0zm-1.326 3.102h2.652a1.54 1.54 0 0 0-.387-.961c.215.222.357.521.383.852.002.036.004.073.004.109H5.674zM7 1.85c.638 0 1.161.503 1.215 1.143H5.785C5.839 2.353 6.362 1.85 7 1.85zM3.394 4.844h7.212v5.823c0 .943-.001 1.545-.038 2.003-.035.436-.093.585-.124.648a2.42 2.42 0 0 1-.649.666c-.061.032-.206.091-.632.127-.445.037-1.032.039-1.951.039h-.424c-.919 0-1.506-.002-1.952-.039-.426-.036-.57-.095-.631-.127a2.42 2.42 0 0 1-.649-.666c-.031-.063-.09-.212-.124-.648-.037-.458-.038-1.06-.038-2.003V4.844z" })))))));
     }
     render() {
-        return (index.h(index.Host, { key: 'fe4b5a47a0df5108e767b5825e131dc8af6d22d6', style: this.setWidgetCSSVariables(), class: { "show": this.isCartVisible }, role: "dialog" }, index.h("div", { key: '138433f3ca85aaa9cc5e4b7068e4b944ce564ca9', class: { "cart-body": true, "show": this.isCartVisible } }, index.h("div", { key: 'fb9772a67df580fe7acbb787f8a6fc4fd32b5163', class: "cart-top" }, index.h("h2", { key: '3afa1ebe5924330b4ea665c6ebeeccb1d8c563ee', class: "cart-title" }, "Basket"), index.h("button", { key: '5b34a2327827a936dee029883959be18e05c2aac', onClick: this.closeShopCart, class: "btn-close" })), index.h("div", { key: 'c226af43d88b9f6217a45d727f6fda2ff733c814', class: "product-list" }, this.products.map((product) => this.renderProduct(product))), index.h("div", { key: '9c18c196aa867b4e7e52fb7f9ff5deeb70417595', class: "cost" }, this.discount !== "0" &&
-            index.h("p", { key: '14d5eff6aaba7f59ecb75a1b1c3a65fb3c4876e0', class: "cost-price discount" }, index.h("span", { key: '68ce09616403a9eed5767e7b9bd825b1394acaaa' }, "Discount"), index.h("span", { key: '530a7b714f0d4793e1ecc60787b41d6d748eaa51' }, "- ", this.discount)), index.h("p", { key: '6df515f99a915428f9553d77ad9ee13c709f271c', class: "cost-price total" }, index.h("span", { key: '860b4837ec5555ee5d5da6f1263935031d74f720' }, "Total"), index.h("span", { key: '02e6e24db847b07b26e28384a3a558b3664a7552' }, this.totalAmount))), index.h("a", { key: 'e3ef0d1cd92ef0325e15bae494fb09a39fa345b2', class: { "btn-checkout": true, "disabled": this.products.length === 0 }, href: "/checkout", target: "_top" }, "Proceed to checkout"))));
+        return (index.h(index.Host, { key: '47b6de394db7e8d47cf8fab1e706c8b301d715dc', style: this.setWidgetCSSVariables(), class: { "show": this.isCartVisible }, role: "dialog" }, index.h("div", { key: '6258598506db2c696b130c7d1b04800223a645c8', class: { "cart-body": true, "show": this.isCartVisible } }, index.h("div", { key: '3134b6a1db165256d1360c5afe31edd06320b903', class: "cart-top" }, index.h("h2", { key: '87ccd5066fed3ad9b70b4777b79a03085bf6ae8a', class: "cart-title" }, "Basket"), index.h("button", { key: 'd07d211cff6ef9556e3561fa9555ddcb65c33f11', onClick: this.closeShopCart, class: "btn-close" })), index.h("div", { key: '8c66f707ae35cc3b1f44b1fd65d7ebb278ead04e', class: "product-list" }, this.products.map((product) => this.renderProduct(product))), index.h("div", { key: '45a6ac4ad6e537b404d342b6b5fb844e694f6c93', class: "cost" }, this.discount !== "0" &&
+            index.h("p", { key: '0ad62919be179e75e8ef5f4ee8834cae9da2a7f0', class: "cost-price discount" }, index.h("span", { key: 'b17f8fa10d5f038bf127b7be66620c3af854cbb4' }, "Discount"), index.h("span", { key: 'a3758f94cf5ee71d0bb30cf5a663655bacdf12c9' }, "- ", this.discount)), index.h("p", { key: 'fc58f47fdd8b327ac705abe3d5031fdd88faaa9e', class: "cost-price total" }, index.h("span", { key: 'b167ffce1170ab7e50521df5a9fae03e54bbf8d9' }, "Total"), index.h("span", { key: '44cd3d2722f82071f955777e485f8f2eaa3d8cd0' }, this.totalAmount))), index.h("a", { key: 'd8697dcfacb82dc4427b9d00de0cd4af7cd8cbe0', class: { "btn-checkout": true, "disabled": this.products.length === 0 }, href: "/checkout", target: "_top" }, "Proceed to checkout"))));
     }
     get el() { return index.getElement(this); }
 };