JezK
Edit File: sc-cart-button.cjs.entry.js
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); const index = require('./index-be4abba1.js'); const mutations = require('./mutations-98f05402.js'); require('./index-c3de642f.js'); require('./utils-a9d13080.js'); require('./remove-query-args-b57e8cd3.js'); require('./add-query-args-49dcb630.js'); require('./index-fb76df07.js'); require('./google-8dbad1a6.js'); require('./currency-71fce0f0.js'); require('./store-01e8edc2.js'); require('./price-da3cab3d.js'); const scCartButtonCss = ":host{display:inline-block;vertical-align:middle;line-height:1}::slotted(*){display:block !important;line-height:1}.cart__button{padding:0 4px;height:100%;display:grid;align-items:center}.cart__content{position:relative}.cart__count{box-sizing:border-box;position:absolute;inset:-12px -16px auto auto;text-align:center;font-size:10px;font-weight:bold;border-radius:var(--sc-cart-icon-counter-border-radius, 9999px);color:var(--sc-cart-icon-counter-color, var(--sc-color-primary-text, var(--sc-color-white)));background:var(--sc-cart-icon-counter-background, var(--sc-color-primary-500));box-shadow:var(--sc-cart-icon-box-shadow, var(--sc-shadow-x-large));padding:2px 6px;line-height:14px;min-width:14px;z-index:1}.cart__icon{font-size:var(--sc-cart-icon-size, 1.1em);cursor:pointer}.cart__icon sc-icon{display:block}"; const ScCartButtonStyle0 = scCartButtonCss; const ScCartButton = class { constructor(hostRef) { index.registerInstance(this, hostRef); this.open = null; this.count = 0; this.formId = undefined; this.mode = 'live'; this.cartMenuAlwaysShown = true; this.showEmptyCount = false; } /** Count the number of items in the cart. */ getItemsCount() { var _a, _b; const items = (_b = (_a = mutations.state === null || mutations.state === void 0 ? void 0 : mutations.state.checkout) === null || _a === void 0 ? void 0 : _a.line_items) === null || _b === void 0 ? void 0 : _b.data; let count = 0; (items || []).forEach(item => { count = count + (item === null || item === void 0 ? void 0 : item.quantity); }); return count; } componentDidLoad() { this.link = this.el.closest('a'); // this is to keep the structure that WordPress expects for theme styling. this.link.addEventListener('click', e => { e.preventDefault(); e.stopImmediatePropagation(); mutations.store.state.cart = { ...mutations.store.state.cart, open: !mutations.store.state.cart.open }; return false; }); // maybe hide the parent <a> if there are no items in the cart. this.handleParentLinkDisplay(); mutations.onChange$1(this.mode, () => this.handleParentLinkDisplay()); } handleParentLinkDisplay() { this.link.style.display = !this.cartMenuAlwaysShown && !this.getItemsCount() ? 'none' : null; } render() { return (index.h(index.Host, { key: '4e610fc9c65a7693e1db849c0f1faca166d23e4f', tabindex: 0, role: "button", "aria-label": wp.i18n.sprintf(wp.i18n.__('Open Cart Menu Icon with %d items.', 'surecart'), this.getItemsCount()), onKeyDown: e => { if ('Enter' === (e === null || e === void 0 ? void 0 : e.code) || 'Space' === (e === null || e === void 0 ? void 0 : e.code)) { mutations.store.state.cart = { ...mutations.store.state.cart, open: !mutations.store.state.cart.open }; e.preventDefault(); } } }, index.h("div", { key: 'bbb7bab70b0a9b5fc91632425c868f4aba957aff', class: "cart__button", part: "base" }, index.h("div", { key: '80640d42812e56ae2599c95de82c087a76717266', class: "cart__content" }, (this.showEmptyCount || !!this.getItemsCount()) && (index.h("span", { key: '0f8cbbcbc701f48bc67e5a3581af1d7dfea0cb47', class: "cart__count", part: "count" }, this.getItemsCount())), index.h("div", { key: 'e430dd789c822c5c661c6c660ec3102e10c06d9d', class: "cart__icon" }, index.h("slot", { key: 'f7af649ff152bad7d389c3d42cb25c4ea527c37f' })))))); } get el() { return index.getElement(this); } }; ScCartButton.style = ScCartButtonStyle0; exports.sc_cart_button = ScCartButton; //# sourceMappingURL=sc-cart-button.cjs.entry.js.map