MockProcessor-498b60c5.js
2 years ago
MockProcessor-498b60c5.js.map
2 years ago
add-query-args-0e2a8393.js
2 years ago
add-query-args-0e2a8393.js.map
2 years ago
address-b892540d.js
2 years ago
address-b892540d.js.map
2 years ago
animation-registry-12eed2e3.js
2 years ago
animation-registry-12eed2e3.js.map
2 years ago
app-globals-707edcd4.js
2 years ago
app-globals-707edcd4.js.map
2 years ago
consumer-e06b16d3.js
2 years ago
consumer-e06b16d3.js.map
2 years ago
countries-c2f41f03.js
2 years ago
countries-c2f41f03.js.map
2 years ago
currency-a0c9bff4.js
2 years ago
currency-a0c9bff4.js.map
2 years ago
error-12ea55b3.js
2 years ago
error-12ea55b3.js.map
2 years ago
fetch-e3c5d1b9.js
2 years ago
fetch-e3c5d1b9.js.map
2 years ago
form-data-76641f16.js
2 years ago
form-data-76641f16.js.map
2 years ago
functions-2a4a4ba3.js
2 years ago
functions-2a4a4ba3.js.map
2 years ago
getters-09dda855.js
2 years ago
getters-09dda855.js.map
2 years ago
getters-1a55b8a4.js
2 years ago
getters-1a55b8a4.js.map
2 years ago
getters-26526b7c.js
2 years ago
getters-26526b7c.js.map
2 years ago
getters-a7eec27c.js
2 years ago
getters-a7eec27c.js.map
2 years ago
getters-b1d93841.js
2 years ago
getters-b1d93841.js.map
2 years ago
google-a86aa761.js
2 years ago
google-a86aa761.js.map
2 years ago
google-dd89f242.js
2 years ago
google-dd89f242.js.map
2 years ago
index-06061d4e.js
2 years ago
index-06061d4e.js.map
2 years ago
index-675be13e.js
2 years ago
index-675be13e.js.map
2 years ago
index-745b6bec.js
2 years ago
index-745b6bec.js.map
2 years ago
index-822e5799.js
2 years ago
index-822e5799.js.map
2 years ago
index-871d88b8.js
2 years ago
index-871d88b8.js.map
2 years ago
index-c5a96d53.js
2 years ago
index-c5a96d53.js.map
2 years ago
index.js
2 years ago
index.js.map
2 years ago
inline-c012a0f9.js
2 years ago
inline-c012a0f9.js.map
2 years ago
lazy-deb42890.js
2 years ago
lazy-deb42890.js.map
2 years ago
library-e110eea6.js
2 years ago
library-e110eea6.js.map
2 years ago
loader.js
2 years ago
loader.js.map
2 years ago
media-d21119a3.js
2 years ago
media-d21119a3.js.map
2 years ago
mutations-066b82f0.js
2 years ago
mutations-066b82f0.js.map
2 years ago
mutations-7ba12644.js
2 years ago
mutations-7ba12644.js.map
2 years ago
mutations-e77bd122.js
2 years ago
mutations-e77bd122.js.map
2 years ago
mutations-ed6d0770.js
2 years ago
mutations-ed6d0770.js.map
2 years ago
mutations-f11a19f9.js
2 years ago
mutations-f11a19f9.js.map
2 years ago
page-align-0cdacf32.js
2 years ago
page-align-0cdacf32.js.map
2 years ago
price-d5770168.js
2 years ago
price-d5770168.js.map
2 years ago
pure-963214cb.js
2 years ago
pure-963214cb.js.map
2 years ago
quantity-1f39f750.js
2 years ago
quantity-1f39f750.js.map
2 years ago
remove-query-args-938c53ea.js
2 years ago
remove-query-args-938c53ea.js.map
2 years ago
sc-address_3.entry.js
2 years ago
sc-address_3.entry.js.map
2 years ago
sc-alert_13.entry.js
2 years ago
sc-alert_13.entry.js.map
2 years ago
sc-avatar.entry.js
2 years ago
sc-avatar.entry.js.map
2 years ago
sc-badge-notice.entry.js
2 years ago
sc-badge-notice.entry.js.map
2 years ago
sc-breadcrumb.entry.js
2 years ago
sc-breadcrumb.entry.js.map
2 years ago
sc-breadcrumbs.entry.js
2 years ago
sc-breadcrumbs.entry.js.map
2 years ago
sc-button-group.entry.js
2 years ago
sc-button-group.entry.js.map
2 years ago
sc-cancel-dialog_2.entry.js
2 years ago
sc-cancel-dialog_2.entry.js.map
2 years ago
sc-cancel-discount_4.entry.js
2 years ago
sc-cancel-discount_4.entry.js.map
2 years ago
sc-card.entry.js
2 years ago
sc-card.entry.js.map
2 years ago
sc-cart-button.entry.js
2 years ago
sc-cart-button.entry.js.map
2 years ago
sc-cart-form-submit.entry.js
2 years ago
sc-cart-form-submit.entry.js.map
2 years ago
sc-cart-form.entry.js
2 years ago
sc-cart-form.entry.js.map
2 years ago
sc-cart-header.entry.js
2 years ago
sc-cart-header.entry.js.map
2 years ago
sc-cart-icon.entry.js
2 years ago
sc-cart-icon.entry.js.map
2 years ago
sc-cart-loader.entry.js
2 years ago
sc-cart-loader.entry.js.map
2 years ago
sc-cart-session-provider_3.entry.js
2 years ago
sc-cart-session-provider_3.entry.js.map
2 years ago
sc-cart-submit.entry.js
2 years ago
sc-cart-submit.entry.js.map
2 years ago
sc-cart.entry.js
2 years ago
sc-cart.entry.js.map
2 years ago
sc-cc-logo_2.entry.js
2 years ago
sc-cc-logo_2.entry.js.map
2 years ago
sc-charges-list.entry.js
2 years ago
sc-charges-list.entry.js.map
2 years ago
sc-checkout-form-errors.entry.js
2 years ago
sc-checkout-form-errors.entry.js.map
2 years ago
sc-checkout-mollie-payment_2.entry.js
2 years ago
sc-checkout-mollie-payment_2.entry.js.map
2 years ago
sc-checkout-product-price-variant-selector.entry.js
2 years ago
sc-checkout-product-price-variant-selector.entry.js.map
2 years ago
sc-checkout-stock-alert_8.entry.js
2 years ago
sc-checkout-stock-alert_8.entry.js.map
2 years ago
sc-checkout.entry.js
2 years ago
sc-checkout.entry.js.map
2 years ago
sc-choice-container.entry.js
2 years ago
sc-choice-container.entry.js.map
2 years ago
sc-choice.entry.js
2 years ago
sc-choice.entry.js.map
2 years ago
sc-choices.entry.js
2 years ago
sc-choices.entry.js.map
2 years ago
sc-column_2.entry.js
2 years ago
sc-column_2.entry.js.map
2 years ago
sc-compact-address_11.entry.js
2 years ago
sc-compact-address_11.entry.js.map
2 years ago
sc-conditional-form.entry.js
2 years ago
sc-conditional-form.entry.js.map
2 years ago
sc-consumer.entry.js
2 years ago
sc-consumer.entry.js.map
2 years ago
sc-coupon-form.entry.js
2 years ago
sc-coupon-form.entry.js.map
2 years ago
sc-custom-order-price-input.entry.js
2 years ago
sc-custom-order-price-input.entry.js.map
2 years ago
sc-customer-details.entry.js
2 years ago
sc-customer-details.entry.js.map
2 years ago
sc-customer-edit.entry.js
2 years ago
sc-customer-edit.entry.js.map
2 years ago
sc-customer-email.entry.js
2 years ago
sc-customer-email.entry.js.map
2 years ago
sc-customer-firstname.entry.js
2 years ago
sc-customer-firstname.entry.js.map
2 years ago
sc-customer-lastname.entry.js
2 years ago
sc-customer-lastname.entry.js.map
2 years ago
sc-customer-name.entry.js
2 years ago
sc-customer-name.entry.js.map
2 years ago
sc-customer-phone.entry.js
2 years ago
sc-customer-phone.entry.js.map
2 years ago
sc-dashboard-customer-details.entry.js
2 years ago
sc-dashboard-customer-details.entry.js.map
2 years ago
sc-dashboard-downloads-list.entry.js
2 years ago
sc-dashboard-downloads-list.entry.js.map
2 years ago
sc-divider.entry.js
2 years ago
sc-divider.entry.js.map
2 years ago
sc-donation-choices.entry.js
2 years ago
sc-donation-choices.entry.js.map
2 years ago
sc-downloads-list.entry.js
2 years ago
sc-downloads-list.entry.js.map
2 years ago
sc-dropdown_3.entry.js
2 years ago
sc-dropdown_3.entry.js.map
2 years ago
sc-empty.entry.js
2 years ago
sc-empty.entry.js.map
2 years ago
sc-express-payment.entry.js
2 years ago
sc-express-payment.entry.js.map
2 years ago
sc-feature-demo-banner.entry.js
2 years ago
sc-feature-demo-banner.entry.js.map
2 years ago
sc-form-control_2.entry.js
2 years ago
sc-form-control_2.entry.js.map
2 years ago
sc-form-row.entry.js
2 years ago
sc-form-row.entry.js.map
2 years ago
sc-form.entry.js
2 years ago
sc-form.entry.js.map
2 years ago
sc-format-bytes.entry.js
2 years ago
sc-format-bytes.entry.js.map
2 years ago
sc-format-interval.entry.js
2 years ago
sc-format-interval.entry.js.map
2 years ago
sc-fulfillment-shipping-status-badge.entry.js
2 years ago
sc-fulfillment-shipping-status-badge.entry.js.map
2 years ago
sc-fulfillments.entry.js
2 years ago
sc-fulfillments.entry.js.map
2 years ago
sc-heading_2.entry.js
2 years ago
sc-heading_2.entry.js.map
2 years ago
sc-image-slider.entry.js
2 years ago
sc-image-slider.entry.js.map
2 years ago
sc-invoices-list.entry.js
2 years ago
sc-invoices-list.entry.js.map
2 years ago
sc-license.entry.js
2 years ago
sc-license.entry.js.map
2 years ago
sc-licenses-list.entry.js
2 years ago
sc-licenses-list.entry.js.map
2 years ago
sc-line-item-bump.entry.js
2 years ago
sc-line-item-bump.entry.js.map
2 years ago
sc-line-item-total.entry.js
2 years ago
sc-line-item-total.entry.js.map
2 years ago
sc-line-item.entry.js
2 years ago
sc-line-item.entry.js.map
2 years ago
sc-line-items-provider.entry.js
2 years ago
sc-line-items-provider.entry.js.map
2 years ago
sc-line-items.entry.js
2 years ago
sc-line-items.entry.js.map
2 years ago
sc-login-form.entry.js
2 years ago
sc-login-form.entry.js.map
2 years ago
sc-manual-payment-method_3.entry.js
2 years ago
sc-manual-payment-method_3.entry.js.map
2 years ago
sc-menu-divider.entry.js
2 years ago
sc-menu-divider.entry.js.map
2 years ago
sc-menu-label_2.entry.js
2 years ago
sc-menu-label_2.entry.js.map
2 years ago
sc-mollie-add-method.entry.js
2 years ago
sc-mollie-add-method.entry.js.map
2 years ago
sc-order-confirmation-customer.entry.js
2 years ago
sc-order-confirmation-customer.entry.js.map
2 years ago
sc-order-confirmation-details.entry.js
2 years ago
sc-order-confirmation-details.entry.js.map
2 years ago
sc-order-confirmation-line-items_2.entry.js
2 years ago
sc-order-confirmation-line-items_2.entry.js.map
2 years ago
sc-order-confirmation.entry.js
2 years ago
sc-order-confirmation.entry.js.map
2 years ago
sc-order-coupon-form.entry.js
2 years ago
sc-order-coupon-form.entry.js.map
2 years ago
sc-order-detail.entry.js
2 years ago
sc-order-detail.entry.js.map
2 years ago
sc-order-fulfillment-badge.entry.js
2 years ago
sc-order-fulfillment-badge.entry.js.map
2 years ago
sc-order-manual-instructions.entry.js
2 years ago
sc-order-manual-instructions.entry.js.map
2 years ago
sc-order-password.entry.js
2 years ago
sc-order-password.entry.js.map
2 years ago
sc-order-return-badge.entry.js
2 years ago
sc-order-return-badge.entry.js.map
2 years ago
sc-order-shipment-badge.entry.js
2 years ago
sc-order-shipment-badge.entry.js.map
2 years ago
sc-order-status-badge.entry.js
2 years ago
sc-order-status-badge.entry.js.map
2 years ago
sc-order-submit.entry.js
2 years ago
sc-order-submit.entry.js.map
2 years ago
sc-order-summary.entry.js
2 years ago
sc-order-summary.entry.js.map
2 years ago
sc-order.entry.js
2 years ago
sc-order.entry.js.map
2 years ago
sc-orders-list.entry.js
2 years ago
sc-orders-list.entry.js.map
2 years ago
sc-pagination.entry.js
2 years ago
sc-pagination.entry.js.map
2 years ago
sc-password-nag.entry.js
2 years ago
sc-password-nag.entry.js.map
2 years ago
sc-password.entry.js
2 years ago
sc-password.entry.js.map
2 years ago
sc-payment-method-choice_2.entry.js
2 years ago
sc-payment-method-choice_2.entry.js.map
2 years ago
sc-payment-method-details.entry.js
2 years ago
sc-payment-method-details.entry.js.map
2 years ago
sc-payment-methods-list.entry.js
2 years ago
sc-payment-methods-list.entry.js.map
2 years ago
sc-payment.entry.js
2 years ago
sc-payment.entry.js.map
2 years ago
sc-paypal-add-method.entry.js
2 years ago
sc-paypal-add-method.entry.js.map
2 years ago
sc-paypal-buttons_2.entry.js
2 years ago
sc-paypal-buttons_2.entry.js.map
2 years ago
sc-paystack-add-method.entry.js
2 years ago
sc-paystack-add-method.entry.js.map
2 years ago
sc-phone-input.entry.js
2 years ago
sc-phone-input.entry.js.map
2 years ago
sc-pill-option.entry.js
2 years ago
sc-pill-option.entry.js.map
2 years ago
sc-premium-tag.entry.js
2 years ago
sc-premium-tag.entry.js.map
2 years ago
sc-price-choice-container.entry.js
2 years ago
sc-price-choice-container.entry.js.map
2 years ago
sc-price-choice.entry.js
2 years ago
sc-price-choice.entry.js.map
2 years ago
sc-price-choices.entry.js
2 years ago
sc-price-choices.entry.js.map
2 years ago
sc-price-input.entry.js
2 years ago
sc-price-input.entry.js.map
2 years ago
sc-price-range.entry.js
2 years ago
sc-price-range.entry.js.map
2 years ago
sc-price.entry.js
2 years ago
sc-price.entry.js.map
2 years ago
sc-product-buy-button.entry.js
2 years ago
sc-product-buy-button.entry.js.map
2 years ago
sc-product-donation-amount-choice.entry.js
2 years ago
sc-product-donation-amount-choice.entry.js.map
2 years ago
sc-product-donation-choices.entry.js
2 years ago
sc-product-donation-choices.entry.js.map
2 years ago
sc-product-donation-custom-amount.entry.js
2 years ago
sc-product-donation-custom-amount.entry.js.map
2 years ago
sc-product-item-image_3.entry.js
2 years ago
sc-product-item-image_3.entry.js.map
2 years ago
sc-product-item-list.entry.js
2 years ago
sc-product-item-list.entry.js.map
2 years ago
sc-product-item.entry.js
2 years ago
sc-product-item.entry.js.map
2 years ago
sc-product-line-item_2.entry.js
2 years ago
sc-product-line-item_2.entry.js.map
2 years ago
sc-product-pills-variant-option.entry.js
2 years ago
sc-product-pills-variant-option.entry.js.map
2 years ago
sc-product-price-choices.entry.js
2 years ago
sc-product-price-choices.entry.js.map
2 years ago
sc-product-price-modal.entry.js
2 years ago
sc-product-price-modal.entry.js.map
2 years ago
sc-product-price.entry.js
2 years ago
sc-product-price.entry.js.map
2 years ago
sc-product-quantity.entry.js
2 years ago
sc-product-quantity.entry.js.map
2 years ago
sc-product-selected-price.entry.js
2 years ago
sc-product-selected-price.entry.js.map
2 years ago
sc-product-text.entry.js
2 years ago
sc-product-text.entry.js.map
2 years ago
sc-provider.entry.js
2 years ago
sc-provider.entry.js.map
2 years ago
sc-provisional-banner.entry.js
2 years ago
sc-provisional-banner.entry.js.map
2 years ago
sc-purchase-downloads-list.entry.js
2 years ago
sc-purchase-downloads-list.entry.js.map
2 years ago
sc-recurring-price-choice-container.entry.js
2 years ago
sc-recurring-price-choice-container.entry.js.map
2 years ago
sc-rich-text.entry.js
2 years ago
sc-rich-text.entry.js.map
2 years ago
sc-spacing.entry.js
2 years ago
sc-spacing.entry.js.map
2 years ago
sc-stacked-list_2.entry.js
2 years ago
sc-stacked-list_2.entry.js.map
2 years ago
sc-stripe-add-method.entry.js
2 years ago
sc-stripe-add-method.entry.js.map
2 years ago
sc-stripe-element.entry.js
2 years ago
sc-stripe-element.entry.js.map
2 years ago
sc-stripe-payment-element.entry.js
2 years ago
sc-stripe-payment-element.entry.js.map
2 years ago
sc-stripe-payment-request.entry.js
2 years ago
sc-stripe-payment-request.entry.js.map
2 years ago
sc-subscription-ad-hoc-confirm.entry.js
2 years ago
sc-subscription-ad-hoc-confirm.entry.js.map
2 years ago
sc-subscription-details_2.entry.js
2 years ago
sc-subscription-details_2.entry.js.map
2 years ago
sc-subscription-payment-method.entry.js
2 years ago
sc-subscription-payment-method.entry.js.map
2 years ago
sc-subscription-payment.entry.js
2 years ago
sc-subscription-payment.entry.js.map
2 years ago
sc-subscription-switch.entry.js
2 years ago
sc-subscription-switch.entry.js.map
2 years ago
sc-subscription-variation-confirm.entry.js
2 years ago
sc-subscription-variation-confirm.entry.js.map
2 years ago
sc-subscription.entry.js
2 years ago
sc-subscription.entry.js.map
2 years ago
sc-subscriptions-list.entry.js
2 years ago
sc-subscriptions-list.entry.js.map
2 years ago
sc-summary.entry.js
2 years ago
sc-summary.entry.js.map
2 years ago
sc-switch.entry.js
2 years ago
sc-switch.entry.js.map
2 years ago
sc-tab-group.entry.js
2 years ago
sc-tab-group.entry.js.map
2 years ago
sc-tab-panel.entry.js
2 years ago
sc-tab-panel.entry.js.map
2 years ago
sc-tab.entry.js
2 years ago
sc-tab.entry.js.map
2 years ago
sc-table-head.entry.js
2 years ago
sc-table-head.entry.js.map
2 years ago
sc-table_3.entry.js
2 years ago
sc-table_3.entry.js.map
2 years ago
sc-tag.entry.js
2 years ago
sc-tag.entry.js.map
2 years ago
sc-toggle.entry.js
2 years ago
sc-toggle.entry.js.map
2 years ago
sc-toggles.entry.js
2 years ago
sc-toggles.entry.js.map
2 years ago
sc-total.entry.js
2 years ago
sc-total.entry.js.map
2 years ago
sc-upcoming-invoice.entry.js
2 years ago
sc-upcoming-invoice.entry.js.map
2 years ago
sc-upgrade-required.entry.js
2 years ago
sc-upgrade-required.entry.js.map
2 years ago
sc-upsell-countdown-timer.entry.js
2 years ago
sc-upsell-countdown-timer.entry.js.map
2 years ago
sc-upsell-no-thanks-button.entry.js
2 years ago
sc-upsell-no-thanks-button.entry.js.map
2 years ago
sc-upsell-submit-button.entry.js
2 years ago
sc-upsell-submit-button.entry.js.map
2 years ago
sc-upsell-totals.entry.js
2 years ago
sc-upsell-totals.entry.js.map
2 years ago
sc-upsell.entry.js
2 years ago
sc-upsell.entry.js.map
2 years ago
sc-visually-hidden.entry.js
2 years ago
sc-visually-hidden.entry.js.map
2 years ago
sc-wordpress-password-edit.entry.js
2 years ago
sc-wordpress-password-edit.entry.js.map
2 years ago
sc-wordpress-user-edit.entry.js
2 years ago
sc-wordpress-user-edit.entry.js.map
2 years ago
sc-wordpress-user.entry.js
2 years ago
sc-wordpress-user.entry.js.map
2 years ago
store-093f0f6a.js
2 years ago
store-093f0f6a.js.map
2 years ago
store-a8bae355.js
2 years ago
store-a8bae355.js.map
2 years ago
store-dcefd119.js
2 years ago
store-dcefd119.js.map
2 years ago
surecart.js
2 years ago
surecart.js.map
2 years ago
tax-d4911dbc.js
2 years ago
tax-d4911dbc.js.map
2 years ago
universe-5a73abb7.js
2 years ago
universe-5a73abb7.js.map
2 years ago
util-50af2a83.js
2 years ago
util-50af2a83.js.map
2 years ago
utils-e9ee502a.js
2 years ago
utils-e9ee502a.js.map
2 years ago
watchers-38693c1f.js
2 years ago
watchers-38693c1f.js.map
2 years ago
watchers-4d2edfb0.js
2 years ago
watchers-4d2edfb0.js.map
2 years ago
watchers-4e5b728a.js
2 years ago
watchers-4e5b728a.js.map
2 years ago
watchers-67501779.js
2 years ago
watchers-67501779.js.map
2 years ago
watchers-a697b0c8.js
2 years ago
watchers-a697b0c8.js.map
2 years ago
sc-order-summary.entry.js
121 lines
| 1 | import { r as registerInstance, c as createEvent, h, a as getElement } from './index-745b6bec.js'; |
| 2 | import { s as speak } from './index-c5a96d53.js'; |
| 3 | import { s as state } from './mutations-066b82f0.js'; |
| 4 | import { f as formBusy, a as formLoading } from './getters-09dda855.js'; |
| 5 | import { s as setDefaultAnimation, b as stopAnimations, g as getAnimation, a as animateTo, c as shimKeyframesHeightAuto } from './animation-registry-12eed2e3.js'; |
| 6 | import './index-06061d4e.js'; |
| 7 | import './utils-e9ee502a.js'; |
| 8 | import './remove-query-args-938c53ea.js'; |
| 9 | import './add-query-args-0e2a8393.js'; |
| 10 | import './google-a86aa761.js'; |
| 11 | import './currency-a0c9bff4.js'; |
| 12 | import './price-d5770168.js'; |
| 13 | import './store-093f0f6a.js'; |
| 14 | |
| 15 | const scOrderSummaryCss = ":host{display:block;font-family:var(--sc-font-sans);font-size:var(--sc-checkout-font-size, 16px)}.collapse-link{display:flex;align-items:center;gap:0.35em}.summary__content--empty{display:none}.collapse-link__icon{width:18px;height:18px;color:var(--sc-order-collapse-link-icon-color, var(--sc-color-gray-500))}.item__product+.item__product{margin-top:20px}.empty{color:var(--sc-order-summary-color, var(--sc-color-gray-500))}.price{display:inline-block;opacity:0;visibility:hidden;transform:translateY(5px);transition:var(--sc-input-transition, var(--sc-transition-medium)) visibility ease, var(--sc-input-transition, var(--sc-transition-medium)) opacity ease, var(--sc-input-transition, var(--sc-transition-medium)) transform ease}.price--collapsed{opacity:1;visibility:visible;transform:translateY(0)}.summary{position:relative;user-select:none;cursor:pointer}.summary .collapse-link__icon{transition:transform 0.25s ease-in-out}.summary .scratch-price{text-decoration:line-through;color:var(--sc-color-gray-500);font-size:var(--sc-font-size-small);margin-right:var(--sc-spacing-xx-small)}.summary--open .collapse-link__icon{transform:rotate(180deg)}::slotted(*){margin:4px 0 !important}::slotted(sc-divider){margin:16px 0 !important}sc-line-item~sc-line-item{margin-top:14px}.total-price{white-space:nowrap}"; |
| 16 | const ScOrderSummaryStyle0 = scOrderSummaryCss; |
| 17 | |
| 18 | const ScOrderSummary = class { |
| 19 | constructor(hostRef) { |
| 20 | registerInstance(this, hostRef); |
| 21 | this.scShow = createEvent(this, "scShow", 7); |
| 22 | this.scHide = createEvent(this, "scHide", 7); |
| 23 | this.order = undefined; |
| 24 | this.busy = undefined; |
| 25 | this.closedText = wp.i18n.__('Show Summary', 'surecart'); |
| 26 | this.openText = wp.i18n.__('Summary', 'surecart'); |
| 27 | this.collapsible = false; |
| 28 | this.collapsedOnMobile = false; |
| 29 | this.collapsedOnDesktop = undefined; |
| 30 | this.collapsed = false; |
| 31 | } |
| 32 | isMobileScreen() { |
| 33 | var _a, _b; |
| 34 | const bodyRect = (_a = document.body) === null || _a === void 0 ? void 0 : _a.getClientRects(); |
| 35 | return (bodyRect === null || bodyRect === void 0 ? void 0 : bodyRect.length) && ((_b = bodyRect[0]) === null || _b === void 0 ? void 0 : _b.width) < 781; |
| 36 | } |
| 37 | componentWillLoad() { |
| 38 | if (this.isMobileScreen()) { |
| 39 | this.collapsed = this.collapsed || this.collapsedOnMobile; |
| 40 | } |
| 41 | else { |
| 42 | this.collapsed = this.collapsed || this.collapsedOnDesktop; |
| 43 | } |
| 44 | this.handleOpenChange(); |
| 45 | } |
| 46 | handleClick(e) { |
| 47 | e.preventDefault(); |
| 48 | if (this.empty() && !formBusy()) |
| 49 | return; |
| 50 | this.collapsed = !this.collapsed; |
| 51 | } |
| 52 | /** It's empty if there are no items or the mode does not match. */ |
| 53 | empty() { |
| 54 | var _a, _b, _c, _d; |
| 55 | return !((_c = (_b = (_a = state.checkout) === null || _a === void 0 ? void 0 : _a.line_items) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.count) || (((_d = state === null || state === void 0 ? void 0 : state.checkout) === null || _d === void 0 ? void 0 : _d.live_mode) ? (state === null || state === void 0 ? void 0 : state.mode) === 'test' : (state === null || state === void 0 ? void 0 : state.mode) === 'live'); |
| 56 | } |
| 57 | renderHeader() { |
| 58 | var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l; |
| 59 | // busy state |
| 60 | if ((formBusy() || formLoading()) && !((_c = (_b = (_a = state.checkout) === null || _a === void 0 ? void 0 : _a.line_items) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.length)) { |
| 61 | return (h("sc-line-item", null, h("sc-skeleton", { slot: "title", style: { width: '120px', display: 'inline-block' } }), h("sc-skeleton", { slot: "price", style: { 'width': '70px', 'display': 'inline-block', '--border-radius': '6px' } }), h("sc-skeleton", { slot: "currency", style: { width: '30px', display: 'inline-block' } }))); |
| 62 | } |
| 63 | return (h("sc-line-item", { style: { '--price-size': 'var(--sc-font-size-x-large)' } }, h("span", { class: "collapse-link", slot: "title", onClick: e => this.handleClick(e), tabIndex: 0, "aria-label": wp.i18n.sprintf(wp.i18n.__('Order Summary %1$s', 'surecart'), this.collapsed ? wp.i18n.__('collapsed', 'surecart') : wp.i18n.__('expanded', 'surecart')), onKeyDown: e => { |
| 64 | if (e.key === ' ') { |
| 65 | this.handleClick(e); |
| 66 | speak(wp.i18n.sprintf(wp.i18n.__('Order Summary %1$s', 'surecart'), this.collapsed ? wp.i18n.__('collapsed', 'surecart') : wp.i18n.__('expanded', 'surecart')), 'assertive'); |
| 67 | } |
| 68 | } }, this.collapsed ? this.closedText || wp.i18n.__('Order Summary', 'surecart') : this.openText || wp.i18n.__('Order Summary', 'surecart'), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "collapse-link__icon", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M19 9l-7 7-7-7" }))), h("span", { slot: "description" }, h("slot", { name: "description" })), ((_d = state.checkout) === null || _d === void 0 ? void 0 : _d.total_amount) !== ((_e = state.checkout) === null || _e === void 0 ? void 0 : _e.amount_due) ? (h("span", { slot: "price", class: { 'price': true, 'price--collapsed': this.collapsed } }, h("sc-format-number", { class: "total-price", type: "currency", currency: (_f = state.checkout) === null || _f === void 0 ? void 0 : _f.currency, value: (_g = state.checkout) === null || _g === void 0 ? void 0 : _g.amount_due }))) : (h("span", { slot: "price", class: { 'price': true, 'price--collapsed': this.collapsed } }, !!((_h = state.checkout) === null || _h === void 0 ? void 0 : _h.total_savings_amount) && (h("sc-format-number", { class: "total-price scratch-price", type: "currency", value: -((_j = state.checkout) === null || _j === void 0 ? void 0 : _j.total_savings_amount) + ((_k = state.checkout) === null || _k === void 0 ? void 0 : _k.total_amount), currency: ((_l = state.checkout) === null || _l === void 0 ? void 0 : _l.currency) || 'usd' })), h("sc-total", { class: "total-price", total: 'total', order: state.checkout }))))); |
| 69 | } |
| 70 | async handleOpenChange() { |
| 71 | if (!this.collapsed) { |
| 72 | this.scShow.emit(); |
| 73 | await stopAnimations(this.body); |
| 74 | this.body.hidden = false; |
| 75 | this.body.style.overflow = 'hidden'; |
| 76 | const { keyframes, options } = getAnimation(this.el, 'summary.show'); |
| 77 | await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options); |
| 78 | this.body.style.height = 'auto'; |
| 79 | this.body.style.overflow = 'visible'; |
| 80 | } |
| 81 | else { |
| 82 | this.scHide.emit(); |
| 83 | await stopAnimations(this.body); |
| 84 | this.body.style.overflow = 'hidden'; |
| 85 | const { keyframes, options } = getAnimation(this.el, 'summary.hide'); |
| 86 | await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options); |
| 87 | this.body.hidden = true; |
| 88 | this.body.style.height = 'auto'; |
| 89 | this.body.style.overflow = 'visible'; |
| 90 | } |
| 91 | } |
| 92 | render() { |
| 93 | return (h("div", { key: '20fabea2f67e4791e9b80f53db7fc17f55bee29d', class: { 'summary': true, 'summary--open': !this.collapsed } }, this.collapsible && this.renderHeader(), h("div", { key: '8b508e00bc19848a67a73561852e55544490aa9d', ref: el => (this.body = el), class: { |
| 94 | 'summary__content': true, |
| 95 | 'summary__content--empty': this.empty() && !formBusy(), |
| 96 | } }, h("slot", { key: '0438fb0453cf30d5e2f89ba07a417cada8b59191' })), this.empty() && !formBusy() && h("p", { key: '276d1bd7c80a295f86781bd1cbb7cc8666d45eb1', class: "empty" }, wp.i18n.__('Your cart is empty.', 'surecart')))); |
| 97 | } |
| 98 | get el() { return getElement(this); } |
| 99 | static get watchers() { return { |
| 100 | "collapsed": ["handleOpenChange"] |
| 101 | }; } |
| 102 | }; |
| 103 | setDefaultAnimation('summary.show', { |
| 104 | keyframes: [ |
| 105 | { height: '0', opacity: '0' }, |
| 106 | { height: 'auto', opacity: '1' }, |
| 107 | ], |
| 108 | options: { duration: 250, easing: 'ease' }, |
| 109 | }); |
| 110 | setDefaultAnimation('summary.hide', { |
| 111 | keyframes: [ |
| 112 | { height: 'auto', opacity: '1' }, |
| 113 | { height: '0', opacity: '0' }, |
| 114 | ], |
| 115 | options: { duration: 250, easing: 'ease' }, |
| 116 | }); |
| 117 | ScOrderSummary.style = ScOrderSummaryStyle0; |
| 118 | |
| 119 | export { ScOrderSummary as sc_order_summary }; |
| 120 | |
| 121 | //# sourceMappingURL=sc-order-summary.entry.js.map |