ManualPaymentMethods-e5dcf410.js
3 years ago
ManualPaymentMethods-e5dcf410.js.map
3 years ago
_commonjsHelpers-537d719a.js
4 years ago
_commonjsHelpers-537d719a.js.map
3 years ago
add-query-args-17c551b6.js
4 years ago
add-query-args-17c551b6.js.map
3 years ago
address-42b5c61b.js
3 years ago
address-42b5c61b.js.map
3 years ago
animation-registry-58bec802.js
3 years ago
animation-registry-58bec802.js.map
3 years ago
consumer-51f6d265.js
3 years ago
consumer-51f6d265.js.map
3 years ago
countries-0ec7ecdc.js
4 years ago
countries-0ec7ecdc.js.map
3 years ago
fetch-b673a242.js
3 years ago
fetch-b673a242.js.map
3 years ago
form-data-69000afe.js
3 years ago
form-data-69000afe.js.map
3 years ago
functions-77ef3f22.js
4 years ago
functions-77ef3f22.js.map
3 years ago
get-query-arg-53bf21e2.js
4 years ago
get-query-arg-53bf21e2.js.map
3 years ago
getters-52a52d79.js
3 years ago
getters-52a52d79.js.map
3 years ago
getters-6f3470fb.js
3 years ago
getters-6f3470fb.js.map
3 years ago
getters-c8a04b97.js
3 years ago
getters-c8a04b97.js.map
3 years ago
getters-f0455d23.js
3 years ago
getters-f0455d23.js.map
3 years ago
global-6f39d5d2.js
3 years ago
global-6f39d5d2.js.map
3 years ago
index-261b56ec.js
3 years ago
index-261b56ec.js.map
3 years ago
index-2643f18b.js
3 years ago
index-2643f18b.js.map
3 years ago
index-ac77ca60.js
3 years ago
index-ac77ca60.js.map
3 years ago
index-b901844d.js
3 years ago
index-b901844d.js.map
3 years ago
index-cf22257b.js
3 years ago
index-cf22257b.js.map
3 years ago
index.cjs.js
3 years ago
index.cjs.js.map
3 years ago
lazy-bc8baeab.js
4 years ago
lazy-bc8baeab.js.map
3 years ago
library-289cf13f.js
4 years ago
library-289cf13f.js.map
3 years ago
loader.cjs.js
3 years ago
loader.cjs.js.map
3 years ago
media-a7872d6d.js
3 years ago
media-a7872d6d.js.map
3 years ago
mutations-a3ec6490.js
3 years ago
mutations-a3ec6490.js.map
3 years ago
mutations-b8d54585.js
3 years ago
mutations-b8d54585.js.map
3 years ago
page-align-bf197eb4.js
3 years ago
page-align-bf197eb4.js.map
3 years ago
price-d3e21aa4.js
3 years ago
price-d3e21aa4.js.map
3 years ago
pure-5be33f24.js
4 years ago
pure-5be33f24.js.map
3 years ago
sc-address_3.cjs.entry.js
3 years ago
sc-address_3.cjs.entry.js.map
3 years ago
sc-alert.cjs.entry.js
3 years ago
sc-alert.cjs.entry.js.map
3 years ago
sc-avatar.cjs.entry.js
3 years ago
sc-avatar.cjs.entry.js.map
3 years ago
sc-badge-notice.cjs.entry.js
3 years ago
sc-badge-notice.cjs.entry.js.map
3 years ago
sc-block-ui.cjs.entry.js
3 years ago
sc-block-ui.cjs.entry.js.map
3 years ago
sc-breadcrumb.cjs.entry.js
3 years ago
sc-breadcrumb.cjs.entry.js.map
3 years ago
sc-breadcrumbs.cjs.entry.js
3 years ago
sc-breadcrumbs.cjs.entry.js.map
3 years ago
sc-button-group.cjs.entry.js
3 years ago
sc-button-group.cjs.entry.js.map
3 years ago
sc-button_2.cjs.entry.js
3 years ago
sc-button_2.cjs.entry.js.map
3 years ago
sc-cancel-dialog_2.cjs.entry.js
3 years ago
sc-cancel-dialog_2.cjs.entry.js.map
3 years ago
sc-cancel-discount_4.cjs.entry.js
3 years ago
sc-cancel-discount_4.cjs.entry.js.map
3 years ago
sc-card_2.cjs.entry.js
3 years ago
sc-card_2.cjs.entry.js.map
3 years ago
sc-cart-button.cjs.entry.js
3 years ago
sc-cart-button.cjs.entry.js.map
3 years ago
sc-cart-form-submit.cjs.entry.js
3 years ago
sc-cart-form-submit.cjs.entry.js.map
3 years ago
sc-cart-form.cjs.entry.js
3 years ago
sc-cart-form.cjs.entry.js.map
3 years ago
sc-cart-header.cjs.entry.js
3 years ago
sc-cart-header.cjs.entry.js.map
3 years ago
sc-cart-icon.cjs.entry.js
3 years ago
sc-cart-icon.cjs.entry.js.map
3 years ago
sc-cart-loader.cjs.entry.js
3 years ago
sc-cart-loader.cjs.entry.js.map
3 years ago
sc-cart-session-provider_3.cjs.entry.js
3 years ago
sc-cart-session-provider_3.cjs.entry.js.map
3 years ago
sc-cart-submit.cjs.entry.js
3 years ago
sc-cart-submit.cjs.entry.js.map
3 years ago
sc-cart.cjs.entry.js
3 years ago
sc-cart.cjs.entry.js.map
3 years ago
sc-cc-logo_2.cjs.entry.js
3 years ago
sc-cc-logo_2.cjs.entry.js.map
3 years ago
sc-charges-list.cjs.entry.js
3 years ago
sc-charges-list.cjs.entry.js.map
3 years ago
sc-checkbox.cjs.entry.js
3 years ago
sc-checkbox.cjs.entry.js.map
3 years ago
sc-checkout-form-errors.cjs.entry.js
3 years ago
sc-checkout-form-errors.cjs.entry.js.map
3 years ago
sc-checkout-mollie-payment.cjs.entry.js
3 years ago
sc-checkout-mollie-payment.cjs.entry.js.map
3 years ago
sc-checkout-unsaved-changes-warning_7.cjs.entry.js
3 years ago
sc-checkout-unsaved-changes-warning_7.cjs.entry.js.map
3 years ago
sc-checkout.cjs.entry.js
3 years ago
sc-checkout.cjs.entry.js.map
3 years ago
sc-choice-container.cjs.entry.js
3 years ago
sc-choice-container.cjs.entry.js.map
3 years ago
sc-choice.cjs.entry.js
3 years ago
sc-choice.cjs.entry.js.map
3 years ago
sc-choices.cjs.entry.js
3 years ago
sc-choices.cjs.entry.js.map
3 years ago
sc-column_2.cjs.entry.js
3 years ago
sc-column_2.cjs.entry.js.map
3 years ago
sc-compact-address_6.cjs.entry.js
3 years ago
sc-compact-address_6.cjs.entry.js.map
3 years ago
sc-conditional-form.cjs.entry.js
3 years ago
sc-conditional-form.cjs.entry.js.map
3 years ago
sc-consumer.cjs.entry.js
3 years ago
sc-consumer.cjs.entry.js.map
3 years ago
sc-coupon-form.cjs.entry.js
3 years ago
sc-coupon-form.cjs.entry.js.map
3 years ago
sc-custom-order-price-input.cjs.entry.js
3 years ago
sc-custom-order-price-input.cjs.entry.js.map
3 years ago
sc-customer-details.cjs.entry.js
3 years ago
sc-customer-details.cjs.entry.js.map
3 years ago
sc-customer-edit.cjs.entry.js
3 years ago
sc-customer-edit.cjs.entry.js.map
3 years ago
sc-customer-email.cjs.entry.js
3 years ago
sc-customer-email.cjs.entry.js.map
3 years ago
sc-customer-firstname.cjs.entry.js
3 years ago
sc-customer-firstname.cjs.entry.js.map
3 years ago
sc-customer-lastname.cjs.entry.js
3 years ago
sc-customer-lastname.cjs.entry.js.map
3 years ago
sc-customer-name.cjs.entry.js
3 years ago
sc-customer-name.cjs.entry.js.map
3 years ago
sc-customer-phone.cjs.entry.js
3 years ago
sc-customer-phone.cjs.entry.js.map
3 years ago
sc-dashboard-customer-details.cjs.entry.js
3 years ago
sc-dashboard-customer-details.cjs.entry.js.map
3 years ago
sc-dashboard-downloads-list.cjs.entry.js
3 years ago
sc-dashboard-downloads-list.cjs.entry.js.map
3 years ago
sc-dialog.cjs.entry.js
3 years ago
sc-dialog.cjs.entry.js.map
3 years ago
sc-divider.cjs.entry.js
3 years ago
sc-divider.cjs.entry.js.map
3 years ago
sc-donation-choices.cjs.entry.js
3 years ago
sc-donation-choices.cjs.entry.js.map
3 years ago
sc-downloads-list.cjs.entry.js
3 years ago
sc-downloads-list.cjs.entry.js.map
3 years ago
sc-dropdown_4.cjs.entry.js
3 years ago
sc-dropdown_4.cjs.entry.js.map
3 years ago
sc-empty.cjs.entry.js
3 years ago
sc-empty.cjs.entry.js.map
3 years ago
sc-express-payment.cjs.entry.js
3 years ago
sc-express-payment.cjs.entry.js.map
3 years ago
sc-flex.cjs.entry.js
3 years ago
sc-flex.cjs.entry.js.map
3 years ago
sc-form-control_2.cjs.entry.js
3 years ago
sc-form-control_2.cjs.entry.js.map
3 years ago
sc-form-row.cjs.entry.js
3 years ago
sc-form-row.cjs.entry.js.map
3 years ago
sc-form.cjs.entry.js
3 years ago
sc-form.cjs.entry.js.map
3 years ago
sc-format-bytes.cjs.entry.js
3 years ago
sc-format-bytes.cjs.entry.js.map
3 years ago
sc-format-date.cjs.entry.js
3 years ago
sc-format-date.cjs.entry.js.map
3 years ago
sc-format-interval.cjs.entry.js
3 years ago
sc-format-interval.cjs.entry.js.map
3 years ago
sc-format-number.cjs.entry.js
3 years ago
sc-format-number.cjs.entry.js.map
3 years ago
sc-heading_2.cjs.entry.js
3 years ago
sc-heading_2.cjs.entry.js.map
3 years ago
sc-icon.cjs.entry.js
3 years ago
sc-icon.cjs.entry.js.map
3 years ago
sc-image-slider.cjs.entry.js
3 years ago
sc-image-slider.cjs.entry.js.map
3 years ago
sc-invoices-list.cjs.entry.js
3 years ago
sc-invoices-list.cjs.entry.js.map
3 years ago
sc-licenses-list.cjs.entry.js
3 years ago
sc-licenses-list.cjs.entry.js.map
3 years ago
sc-line-item-bump.cjs.entry.js
3 years ago
sc-line-item-bump.cjs.entry.js.map
3 years ago
sc-line-item-total.cjs.entry.js
3 years ago
sc-line-item-total.cjs.entry.js.map
3 years ago
sc-line-item.cjs.entry.js
3 years ago
sc-line-item.cjs.entry.js.map
3 years ago
sc-line-items-provider.cjs.entry.js
3 years ago
sc-line-items-provider.cjs.entry.js.map
3 years ago
sc-line-items.cjs.entry.js
3 years ago
sc-line-items.cjs.entry.js.map
3 years ago
sc-login-form.cjs.entry.js
3 years ago
sc-login-form.cjs.entry.js.map
3 years ago
sc-menu-divider.cjs.entry.js
3 years ago
sc-menu-divider.cjs.entry.js.map
3 years ago
sc-mollie-add-method.cjs.entry.js
3 years ago
sc-mollie-add-method.cjs.entry.js.map
3 years ago
sc-order-confirmation-customer.cjs.entry.js
3 years ago
sc-order-confirmation-customer.cjs.entry.js.map
3 years ago
sc-order-confirmation-details.cjs.entry.js
3 years ago
sc-order-confirmation-details.cjs.entry.js.map
3 years ago
sc-order-confirmation-line-items_2.cjs.entry.js
3 years ago
sc-order-confirmation-line-items_2.cjs.entry.js.map
3 years ago
sc-order-confirmation.cjs.entry.js
3 years ago
sc-order-confirmation.cjs.entry.js.map
3 years ago
sc-order-coupon-form.cjs.entry.js
3 years ago
sc-order-coupon-form.cjs.entry.js.map
3 years ago
sc-order-detail.cjs.entry.js
3 years ago
sc-order-detail.cjs.entry.js.map
3 years ago
sc-order-manual-instructions.cjs.entry.js
3 years ago
sc-order-manual-instructions.cjs.entry.js.map
3 years ago
sc-order-password.cjs.entry.js
3 years ago
sc-order-password.cjs.entry.js.map
3 years ago
sc-order-status-badge.cjs.entry.js
3 years ago
sc-order-status-badge.cjs.entry.js.map
3 years ago
sc-order-submit.cjs.entry.js
3 years ago
sc-order-submit.cjs.entry.js.map
3 years ago
sc-order-summary.cjs.entry.js
3 years ago
sc-order-summary.cjs.entry.js.map
3 years ago
sc-order.cjs.entry.js
3 years ago
sc-order.cjs.entry.js.map
3 years ago
sc-orders-list.cjs.entry.js
3 years ago
sc-orders-list.cjs.entry.js.map
3 years ago
sc-pagination.cjs.entry.js
3 years ago
sc-pagination.cjs.entry.js.map
3 years ago
sc-password-nag.cjs.entry.js
3 years ago
sc-password-nag.cjs.entry.js.map
3 years ago
sc-payment-method-choice_2.cjs.entry.js
3 years ago
sc-payment-method-choice_2.cjs.entry.js.map
3 years ago
sc-payment-methods-list.cjs.entry.js
3 years ago
sc-payment-methods-list.cjs.entry.js.map
3 years ago
sc-payment.cjs.entry.js
3 years ago
sc-payment.cjs.entry.js.map
3 years ago
sc-paypal-add-method.cjs.entry.js
3 years ago
sc-paypal-add-method.cjs.entry.js.map
3 years ago
sc-paypal-buttons_2.cjs.entry.js
3 years ago
sc-paypal-buttons_2.cjs.entry.js.map
3 years ago
sc-phone-input.cjs.entry.js
3 years ago
sc-phone-input.cjs.entry.js.map
3 years ago
sc-premium-tag.cjs.entry.js
3 years ago
sc-premium-tag.cjs.entry.js.map
3 years ago
sc-price-choice-container.cjs.entry.js
3 years ago
sc-price-choice-container.cjs.entry.js.map
3 years ago
sc-price-choice.cjs.entry.js
3 years ago
sc-price-choice.cjs.entry.js.map
3 years ago
sc-price-choices.cjs.entry.js
3 years ago
sc-price-choices.cjs.entry.js.map
3 years ago
sc-price-input.cjs.entry.js
3 years ago
sc-price-input.cjs.entry.js.map
3 years ago
sc-price-range.cjs.entry.js
3 years ago
sc-price-range.cjs.entry.js.map
3 years ago
sc-product-buy-button.cjs.entry.js
3 years ago
sc-product-buy-button.cjs.entry.js.map
3 years ago
sc-product-item-image_3.cjs.entry.js
3 years ago
sc-product-item-image_3.cjs.entry.js.map
3 years ago
sc-product-item-list.cjs.entry.js
3 years ago
sc-product-item-list.cjs.entry.js.map
3 years ago
sc-product-item.cjs.entry.js
3 years ago
sc-product-item.cjs.entry.js.map
3 years ago
sc-product-line-item_2.cjs.entry.js
3 years ago
sc-product-line-item_2.cjs.entry.js.map
3 years ago
sc-product-price-choices.cjs.entry.js
3 years ago
sc-product-price-choices.cjs.entry.js.map
3 years ago
sc-product-price-modal.cjs.entry.js
3 years ago
sc-product-price-modal.cjs.entry.js.map
3 years ago
sc-product-price.cjs.entry.js
3 years ago
sc-product-price.cjs.entry.js.map
3 years ago
sc-product-quantity.cjs.entry.js
3 years ago
sc-product-quantity.cjs.entry.js.map
3 years ago
sc-product-selected-price.cjs.entry.js
3 years ago
sc-product-selected-price.cjs.entry.js.map
3 years ago
sc-product-text.cjs.entry.js
3 years ago
sc-product-text.cjs.entry.js.map
3 years ago
sc-prose.cjs.entry.js
3 years ago
sc-prose.cjs.entry.js.map
3 years ago
sc-provider.cjs.entry.js
3 years ago
sc-provider.cjs.entry.js.map
3 years ago
sc-purchase-downloads-list_2.cjs.entry.js
3 years ago
sc-purchase-downloads-list_2.cjs.entry.js.map
3 years ago
sc-radio-group.cjs.entry.js
3 years ago
sc-radio-group.cjs.entry.js.map
3 years ago
sc-radio.cjs.entry.js
3 years ago
sc-radio.cjs.entry.js.map
3 years ago
sc-rich-text.cjs.entry.js
3 years ago
sc-rich-text.cjs.entry.js.map
3 years ago
sc-skeleton.cjs.entry.js
3 years ago
sc-skeleton.cjs.entry.js.map
3 years ago
sc-stacked-list_2.cjs.entry.js
3 years ago
sc-stacked-list_2.cjs.entry.js.map
3 years ago
sc-stripe-add-method.cjs.entry.js
3 years ago
sc-stripe-add-method.cjs.entry.js.map
3 years ago
sc-stripe-element.cjs.entry.js
3 years ago
sc-stripe-element.cjs.entry.js.map
3 years ago
sc-stripe-payment-element.cjs.entry.js
3 years ago
sc-stripe-payment-element.cjs.entry.js.map
3 years ago
sc-stripe-payment-request.cjs.entry.js
3 years ago
sc-stripe-payment-request.cjs.entry.js.map
3 years ago
sc-subscription-ad-hoc-confirm.cjs.entry.js
3 years ago
sc-subscription-ad-hoc-confirm.cjs.entry.js.map
3 years ago
sc-subscription-details_2.cjs.entry.js
3 years ago
sc-subscription-details_2.cjs.entry.js.map
3 years ago
sc-subscription-payment-method.cjs.entry.js
3 years ago
sc-subscription-payment-method.cjs.entry.js.map
3 years ago
sc-subscription-payment.cjs.entry.js
3 years ago
sc-subscription-payment.cjs.entry.js.map
3 years ago
sc-subscription-switch.cjs.entry.js
3 years ago
sc-subscription-switch.cjs.entry.js.map
3 years ago
sc-subscription.cjs.entry.js
3 years ago
sc-subscription.cjs.entry.js.map
3 years ago
sc-subscriptions-list.cjs.entry.js
3 years ago
sc-subscriptions-list.cjs.entry.js.map
3 years ago
sc-switch.cjs.entry.js
3 years ago
sc-switch.cjs.entry.js.map
3 years ago
sc-tab-group.cjs.entry.js
3 years ago
sc-tab-group.cjs.entry.js.map
3 years ago
sc-tab-panel.cjs.entry.js
3 years ago
sc-tab-panel.cjs.entry.js.map
3 years ago
sc-tab.cjs.entry.js
3 years ago
sc-tab.cjs.entry.js.map
3 years ago
sc-table-head.cjs.entry.js
3 years ago
sc-table-head.cjs.entry.js.map
3 years ago
sc-table_3.cjs.entry.js
3 years ago
sc-table_3.cjs.entry.js.map
3 years ago
sc-tag.cjs.entry.js
3 years ago
sc-tag.cjs.entry.js.map
3 years ago
sc-text.cjs.entry.js
3 years ago
sc-text.cjs.entry.js.map
3 years ago
sc-toggle.cjs.entry.js
3 years ago
sc-toggle.cjs.entry.js.map
3 years ago
sc-toggles.cjs.entry.js
3 years ago
sc-toggles.cjs.entry.js.map
3 years ago
sc-tooltip.cjs.entry.js
3 years ago
sc-tooltip.cjs.entry.js.map
3 years ago
sc-total.cjs.entry.js
3 years ago
sc-total.cjs.entry.js.map
3 years ago
sc-upcoming-invoice.cjs.entry.js
3 years ago
sc-upcoming-invoice.cjs.entry.js.map
3 years ago
sc-upgrade-required.cjs.entry.js
3 years ago
sc-upgrade-required.cjs.entry.js.map
3 years ago
sc-wordpress-password-edit.cjs.entry.js
3 years ago
sc-wordpress-password-edit.cjs.entry.js.map
3 years ago
sc-wordpress-user-edit.cjs.entry.js
3 years ago
sc-wordpress-user-edit.cjs.entry.js.map
3 years ago
sc-wordpress-user.cjs.entry.js
3 years ago
sc-wordpress-user.cjs.entry.js.map
3 years ago
store-79bafee3.js
3 years ago
store-79bafee3.js.map
3 years ago
store-a92c3e74.js
3 years ago
store-a92c3e74.js.map
3 years ago
surecart.cjs.js
3 years ago
surecart.cjs.js.map
3 years ago
tax-39abdb3c.js
3 years ago
tax-39abdb3c.js.map
3 years ago
ui-c6cc5556.js
3 years ago
ui-c6cc5556.js.map
3 years ago
universe-874f42bb.js
3 years ago
universe-874f42bb.js.map
3 years ago
util-872b1a55.js
3 years ago
util-872b1a55.js.map
3 years ago
utils-806dad60.js
3 years ago
utils-806dad60.js.map
3 years ago
watchers-42477f79.js
3 years ago
watchers-42477f79.js.map
3 years ago
watchers-437b71fb.js
3 years ago
watchers-437b71fb.js.map
3 years ago
watchers-503cdd2a.js
3 years ago
watchers-503cdd2a.js.map
3 years ago
watchers-bce289f5.js
3 years ago
watchers-bce289f5.js.map
3 years ago
sc-button_2.cjs.entry.js
134 lines
| 1 | 'use strict'; |
| 2 | |
| 3 | Object.defineProperty(exports, '__esModule', { value: true }); |
| 4 | |
| 5 | const index = require('./index-ac77ca60.js'); |
| 6 | const pageAlign = require('./page-align-bf197eb4.js'); |
| 7 | |
| 8 | const scButtonCss = ":host{display:inline-block;width:auto;cursor:pointer;--primary-color:var(--sc-color-primary-text);--primary-background:var(--sc-color-primary-500)}:host([full]){display:block}::slotted(*){pointer-events:none}.button{box-sizing:border-box;z-index:10;display:inline-flex;align-items:stretch;justify-content:center;width:100%;border-style:solid;border-width:var(--sc-input-border-width);font-family:var(--sc-input-font-family);font-weight:var(--sc-font-weight-semibold);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;transition:var(--sc-input-transition, var(--sc-transition-medium)) background-color, var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) border, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow, var(--sc-input-transition, var(--sc-transition-medium)) opacity;cursor:inherit}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button.button--disabled{cursor:not-allowed}.button.button--disabled *{pointer-events:none}.button.button--disabled .button__label,.button.button--disabled .button__suffix,.button.button--disabled .button__prefix{opacity:0.5}.button ::slotted(.sc--icon){pointer-events:none}.button__prefix,.button__suffix{flex:0 0 auto;display:flex;align-items:center}.button__label{display:flex;align-items:center}.button__label ::slotted(sc-icon){vertical-align:-2px}.button:not(.button--text):not(.button--link){box-shadow:var(--sc-shadow-small)}.button.button--standard.button--default{background-color:var(--sc-button-default-background-color, var(--sc-color-white));border-color:var(--sc-button-default-border-color, var(--sc-color-gray-300));color:var(--sc-button-default-color, var(--sc-color-gray-600))}.button.button--standard.button--default:hover:not(.button--disabled){background-color:var(--sc-button-default-hover-background-color, var(--sc-color-white));border-color:var(--sc-button-default-focus-border-color, var(--primary-background));color:var(--primary-background)}.button.button--standard.button--default:focus:not(.button--disabled){background-color:var(--sc-button-default-focus-background-color, var(--sc-color-white));border-color:var(--sc-button-default-focus-border-color, var(--sc-color-white));color:var(--primary-background);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary)}.button.button--standard.button--default:active:not(.button--disabled){background-color:var(--sc-button-default-active-background-color, var(--sc-color-white));border-color:var(--sc-button-default-active-border-color, var(--sc-color-white));color:var(--primary-background)}.button.button--standard.button--primary{background-color:var(--primary-background);border-color:var(--primary-background);color:var(--primary-color)}.button.button--standard.button--primary:hover:not(.button--disabled){opacity:0.8}.button.button--standard.button--primary:focus:not(.button--disabled){opacity:0.8;color:var(--primary-color);border-color:var(--sc-color-white);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary)}.button.button--standard.button--primary:active:not(.button--disabled){background-color:var(--primary-background);border-color:var(--sc-color-white);color:var(--primary-color)}.button.button--standard.button--success{background-color:var(--sc-color-success-500);border-color:var(--sc-color-success-500);color:var(--sc-color-success-text)}.button.button--standard.button--success:hover:not(.button--disabled){background-color:var(--sc-color-success-400);border-color:var(--sc-color-success-400);color:var(--sc-color-success-text)}.button.button--standard.button--success:focus:not(.button--disabled){background-color:var(--sc-color-success-400);border-color:var(--sc-color-success-400);color:var(--sc-color-success-text);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-success)}.button.button--standard.button--success:active:not(.button--disabled){background-color:var(--sc-color-success-500);border-color:var(--sc-color-success-500);color:var(--sc-color-success-text)}.button.button--standard.button--info{background-color:var(--sc-color-info-500);border-color:var(--sc-color-info-500);color:var(--sc-color-info-text)}.button.button--standard.button--info:hover:not(.button--disabled){background-color:var(--sc-color-info-400);border-color:var(--sc-color-info-400);color:var(--sc-color-info-text)}.button.button--standard.button--info:focus:not(.button--disabled){background-color:var(--sc-color-info-400);border-color:var(--sc-color-info-400);color:var(--sc-color-info-text);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-info)}.button.button--standard.button--info:active:not(.button--disabled){background-color:var(--sc-color-info-500);border-color:var(--sc-color-info-500);color:var(--sc-color-info-text)}.button.button--standard.button--warning{background-color:var(--sc-color-warning-500);border-color:var(--sc-color-warning-500);color:var(--sc-color-warning-text)}.button.button--standard.button--warning:hover:not(.button--disabled){background-color:var(--sc-color-warning-400);border-color:var(--sc-color-warning-400);color:var(--sc-color-warning-text)}.button.button--standard.button--warning:focus:not(.button--disabled){background-color:var(--sc-color-warning-400);border-color:var(--sc-color-warning-400);color:var(--sc-color-warning-text);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-warning)}.button.button--standard.button--warning:active:not(.button--disabled){background-color:var(--sc-color-warning-500);border-color:var(--sc-color-warning-500);color:var(--sc-color-warning-text)}.button.button--standard.button--danger{background-color:var(--sc-color-danger-500);border-color:var(--sc-color-danger-500);color:var(--sc-color-danger-text)}.button.button--standard.button--danger:hover:not(.button--disabled){background-color:var(--sc-color-danger-400);border-color:var(--sc-color-danger-400);color:var(--sc-color-danger-text)}.button.button--standard.button--danger:focus:not(.button--disabled){background-color:var(--sc-color-danger-400);border-color:var(--sc-color-danger-400);color:var(--sc-color-danger-text);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-danger)}.button.button--standard.button--danger:active:not(.button--disabled){background-color:var(--sc-color-danger-500);border-color:var(--sc-color-danger-500);color:var(--sc-color-danger-text)}.button--outline{background:none;border:solid 1px}.button--outline.button--default{border-color:var(--sc-color-gray-300);color:var(--sc-color-gray-700)}.button--outline.button--default:hover:not(.button--disabled){border-color:var(--primary-background);background-color:var(--primary-background);color:var(--sc-color-white)}.button--outline.button--default:focus:not(.button--disabled){border-color:var(--primary-background);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--primary-background)/var(--sc-focus-ring-alpha)}.button--outline.button--default:active:not(.button--disabled){opacity:0.8;color:var(--sc-color-white)}.button--outline.button--primary{border-color:var(--primary-background);color:var(--primary-background)}.button--outline.button--primary:hover:not(.button--disabled){background-color:var(--primary-background);opacity:0.8;color:var(--sc-color-white)}.button--outline.button--primary:focus:not(.button--disabled){border-color:var(--primary-background);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--primary-background)/var(--sc-focus-ring-alpha)}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--primary-background);background-color:var(--primary-background);opacity:0.9;color:var(--sc-color-white)}.button--outline.button--success{border-color:var(--sc-color-success-500);color:var(--sc-color-success-500)}.button--outline.button--success:hover:not(.button--disabled){background-color:var(--sc-color-success-500);color:var(--sc-color-white)}.button--outline.button--success:focus:not(.button--disabled){border-color:var(--sc-color-success-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-success-500)/var(--sc-focus-ring-alpha)}.button--outline.button--success:active:not(.button--disabled){border-color:var(--sc-color-success-700);background-color:var(--sc-color-success-700);color:var(--sc-color-white)}.button--outline.button--info{border-color:var(--sc-color-gray-500);color:var(--sc-color-gray-500)}.button--outline.button--info:hover:not(.button--disabled){background-color:var(--sc-color-gray-500);color:var(--sc-color-white)}.button--outline.button--info:focus:not(.button--disabled){border-color:var(--sc-color-gray-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-gray-500)/var(--sc-focus-ring-alpha)}.button--outline.button--info:active:not(.button--disabled){border-color:var(--sc-color-gray-700);background-color:var(--sc-color-gray-700);color:var(--sc-color-white)}.button--outline.button--warning{border-color:var(--sc-color-warning-500);color:var(--sc-color-warning-500)}.button--outline.button--warning:hover:not(.button--disabled){background-color:var(--sc-color-warning-500);color:var(--sc-color-white)}.button--outline.button--warning:focus:not(.button--disabled){border-color:var(--sc-color-warning-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-warning-500)/var(--sc-focus-ring-alpha)}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--sc-color-warning-700);background-color:var(--sc-color-warning-700);color:var(--sc-color-white)}.button--outline.button--danger{border-color:var(--sc-color-danger-500);color:var(--sc-color-danger-500)}.button--outline.button--danger:hover:not(.button--disabled){background-color:var(--sc-color-danger-500);color:var(--sc-color-white)}.button--outline.button--danger:focus:not(.button--disabled){border-color:var(--sc-color-danger-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-danger-500)/var(--sc-focus-ring-alpha)}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--sc-color-danger-700);background-color:var(--sc-color-danger-700);color:var(--sc-color-white)}.button--text{background-color:transparent;border-color:transparent;color:inherit}.button--text:hover:not(.button--disabled){background-color:transparent;border-color:transparent;color:var(--sc-color-gray-600)}.button--text:focus:not(.button--disabled){background-color:transparent;border-color:transparent;box-shadow:0}.button--text:active:not(.button--disabled){background-color:transparent;border-color:transparent;box-shadow:0}.button--text.button--caret.button--has-label{padding-right:var(--sc-spacing-xx-small)}.button--text.button--caret.button--has-label .button__label{padding:0 var(--sc-spacing-xx-small) !important}.button--link{background-color:transparent;border-color:transparent;box-shadow:none;color:var(--sc-button-link-color, var(--primary-background));transition:opacity var(--sc-input-transition, var(--sc-transition-medium)) ease;text-decoration:var(--sc-button-link-text-decoration, none)}.button--link.button--has-label.button--small .button__label,.button--link.button--has-label.button--medium .button__label,.button--link.button--has-label.button--large .button__label{padding:0}.button--link:hover:not(.button--disabled){background-color:transparent;border-color:transparent;opacity:0.75}.button--link:focus:not(.button--disabled){background-color:transparent;border-color:transparent}.button--link:active:not(.button--disabled){background-color:transparent;border-color:transparent}.button--link.button--has-prefix:not(.button--text).button--small,.button--link.button--has-prefix:not(.button--text).button--medium,.button--link.button--has-prefix:not(.button--text).button--large{padding-left:0}.button--link.button--has-prefix:not(.button--text).button--small .button__label,.button--link.button--has-prefix:not(.button--text).button--medium .button__label,.button--link.button--has-prefix:not(.button--text).button--large .button__label{padding-left:var(--sc-spacing-xx-small)}.button--link.button--has-suffix:not(.button--text).button--small,.button--link.button--has-suffix:not(.button--text).button--medium,.button--link.button--has-suffix:not(.button--text).button--large{padding-right:0}.button--link.button--has-suffix:not(.button--text).button--small .button__label,.button--link.button--has-suffix:not(.button--text).button--medium .button__label,.button--link.button--has-suffix:not(.button--text).button--large .button__label{padding-right:var(--sc-spacing-xx-small)}.button--small{font-size:var(--sc-button-font-size-small);height:var(--sc-input-height-small);line-height:calc(var(--sc-input-height-small) - var(--sc-input-border-width) * 2);border-radius:var(--button-border-radius, var(--sc-input-border-radius-small))}.button--medium{font-size:var(--sc-button-font-size-medium);height:var(--sc-input-height-medium);line-height:calc(var(--sc-input-height-medium) - var(--sc-input-border-width) * 2);border-radius:var(--button-border-radius, var(--sc-input-border-radius-medium))}.button--large{font-size:var(--sc-button-font-size-large);height:var(--sc-input-height-large);line-height:calc(var(--sc-input-height-large) - var(--sc-input-border-width) * 2);border-radius:var(--button-border-radius, var(--sc-input-border-radius-large))}.button--full{display:block}.button--pill.button--small{border-radius:var(--sc-input-height-small)}.button--pill.button--medium{border-radius:var(--sc-input-height-medium)}.button--pill.button--large{border-radius:var(--sc-input-height-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--sc-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--sc-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--sc-input-height-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--caret .button__suffix{display:none}.button--caret .button__caret{display:flex;align-items:center}.button--caret .button__caret svg{width:1em;height:1em}.button--busy{position:relative;cursor:wait}.button--busy .button__prefix,.button--busy .button__label,.button--busy .button__suffix,.button--busy .button__caret{visibility:hidden}.button--busy *{pointer-events:none}.button--loading{position:relative;cursor:wait}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}sc-spinner::part(base){--indicator-color:currentColor;--spinner-size:12px;position:absolute;top:calc(50% - var(--spinner-size) + var(--spinner-size) / 4);left:calc(50% - var(--spinner-size) + var(--spinner-size) / 4)}.button ::slotted(sc-badge){position:absolute;top:0;right:0;transform:translateY(-50%) translateX(50%);pointer-events:none}.button--has-label.button--small .button__label{padding:0 var(--sc-spacing-small)}.button--has-label.button--medium .button__label{padding:0 var(--sc-spacing-medium)}.button--has-label.button--large .button__label{padding:0 var(--sc-spacing-large)}.button--has-prefix:not(.button--text).button--small{padding-left:var(--sc-spacing-x-small)}.button--has-prefix:not(.button--text).button--small .button__label{padding-left:var(--sc-spacing-x-small)}.button--has-prefix:not(.button--text).button--medium{padding-left:var(--sc-spacing-small)}.button--has-prefix:not(.button--text).button--medium .button__label{padding-left:var(--sc-spacing-small)}.button--has-prefix:not(.button--text).button--large{padding-left:var(--sc-spacing-small)}.button--has-prefix:not(.button--text).button--large .button__label{padding-left:var(--sc-spacing-small)}.button--has-suffix.button--small,.button--caret.button--small{padding-right:var(--sc-spacing-x-small)}.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label{padding-right:var(--sc-spacing-x-small)}.button--has-suffix.button--medium,.button--caret.button--medium{padding-right:var(--sc-spacing-small)}.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-right:var(--sc-spacing-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-right:var(--sc-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-right:var(--sc-spacing-small)}:host(.sc-button-group__button--first) .button{border-top-right-radius:0;border-bottom-right-radius:0}:host(.sc-button-group__button--inner) .button{border-radius:0}:host(.sc-button-group__button--last) .button{border-top-left-radius:0;border-bottom-left-radius:0}:host(.sc-button-group__button:not(.sc-button-group__button--first)){margin-left:calc(-1 * var(--sc-input-border-width))}:host(.sc-button-group__button:not(.sc-button-group__button--focus,.sc-button-group__button--first,[type=default]):not(:hover,:active,:focus)) .button:after{content:\"\";position:absolute;top:0;left:0;bottom:0;border-left:solid 1px #fff4;mix-blend-mode:lighten}:host(.sc-button-group__button--hover){z-index:1}:host(.sc-button-group__button--focus){z-index:2}@keyframes busy-animation{0%{background-position:200px 0}}.button--is-rtl.button--has-prefix.button--small,.button--is-rtl.button--has-prefix.button--medium,.button--is-rtl.button--has-prefix.button--large{padding-left:0}.button--is-rtl.button--has-prefix.button--small .button__label,.button--is-rtl.button--has-prefix.button--medium .button__label,.button--is-rtl.button--has-prefix.button--large .button__label{padding-left:0;padding-right:var(--sc-spacing-xx-small)}.button--is-rtl.button--has-suffix.button--small,.button--is-rtl.button--has-suffix.button--medium,.button--is-rtl.button--has-suffix.button--large{padding-right:0}.button--is-rtl.button--has-suffix.button--small .button__label,.button--is-rtl.button--has-suffix.button--medium .button__label,.button--is-rtl.button--has-suffix.button--large .button__label{padding-right:0;padding-left:var(--sc-spacing-xx-small)}"; |
| 9 | |
| 10 | const ScButton = class { |
| 11 | constructor(hostRef) { |
| 12 | index.registerInstance(this, hostRef); |
| 13 | this.scBlur = index.createEvent(this, "scBlur", 7); |
| 14 | this.scFocus = index.createEvent(this, "scFocus", 7); |
| 15 | this.hasFocus = false; |
| 16 | this.hasLabel = false; |
| 17 | this.hasPrefix = false; |
| 18 | this.hasSuffix = false; |
| 19 | this.type = 'default'; |
| 20 | this.size = 'medium'; |
| 21 | this.caret = false; |
| 22 | this.full = false; |
| 23 | this.disabled = false; |
| 24 | this.loading = false; |
| 25 | this.outline = false; |
| 26 | this.busy = false; |
| 27 | this.pill = false; |
| 28 | this.circle = false; |
| 29 | this.submit = false; |
| 30 | this.name = undefined; |
| 31 | this.value = undefined; |
| 32 | this.href = undefined; |
| 33 | this.target = undefined; |
| 34 | this.download = undefined; |
| 35 | } |
| 36 | componentWillLoad() { |
| 37 | this.handleSlotChange(); |
| 38 | } |
| 39 | /** Simulates a click on the button. */ |
| 40 | click() { |
| 41 | this.button.click(); |
| 42 | } |
| 43 | /** Sets focus on the button. */ |
| 44 | focus(options) { |
| 45 | this.button.focus(options); |
| 46 | } |
| 47 | /** Removes focus from the button. */ |
| 48 | blur() { |
| 49 | this.button.blur(); |
| 50 | } |
| 51 | handleSlotChange() { |
| 52 | this.hasLabel = !!this.button.children; |
| 53 | this.hasPrefix = !!this.button.querySelector('[slot="prefix"]'); |
| 54 | this.hasSuffix = !!this.button.querySelector('[slot="suffix"]'); |
| 55 | } |
| 56 | handleBlur() { |
| 57 | this.hasFocus = false; |
| 58 | this.scBlur.emit(); |
| 59 | } |
| 60 | handleFocus() { |
| 61 | this.hasFocus = true; |
| 62 | this.scFocus.emit(); |
| 63 | } |
| 64 | handleClick(event) { |
| 65 | if (this.disabled || this.loading || this.busy) { |
| 66 | event.preventDefault(); |
| 67 | event.stopPropagation(); |
| 68 | } |
| 69 | if (this.submit) { |
| 70 | this.submitForm(); |
| 71 | } |
| 72 | } |
| 73 | submitForm() { |
| 74 | var _a, _b; |
| 75 | const form = ((_b = (_a = this.button.closest('sc-form')) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('form')) || this.button.closest('form'); |
| 76 | // Calling form.submit() seems to bypass the submit event and constraint validation. Instead, we can inject a |
| 77 | // native submit button into the form, click it, then remove it to simulate a standard form submission. |
| 78 | const button = document.createElement('button'); |
| 79 | if (form) { |
| 80 | button.type = 'submit'; |
| 81 | button.style.position = 'absolute'; |
| 82 | button.style.width = '0'; |
| 83 | button.style.height = '0'; |
| 84 | button.style.clip = 'rect(0 0 0 0)'; |
| 85 | button.style.clipPath = 'inset(50%)'; |
| 86 | button.style.overflow = 'hidden'; |
| 87 | button.style.whiteSpace = 'nowrap'; |
| 88 | form.append(button); |
| 89 | button.click(); |
| 90 | button.remove(); |
| 91 | } |
| 92 | } |
| 93 | render() { |
| 94 | const Tag = this.href ? 'a' : 'button'; |
| 95 | const interior = (index.h(index.Fragment, null, index.h("span", { part: "prefix", class: "button__prefix" }, index.h("slot", { onSlotchange: () => this.handleSlotChange(), name: "prefix" })), index.h("span", { part: "label", class: "button__label" }, index.h("slot", { onSlotchange: () => this.handleSlotChange() })), index.h("span", { part: "suffix", class: "button__suffix" }, index.h("slot", { onSlotchange: () => this.handleSlotChange(), name: "suffix" })), this.caret ? (index.h("span", { part: "caret", class: "button__caret" }, index.h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "6 9 12 15 18 9" })))) : (''), this.loading || this.busy ? index.h("sc-spinner", { exportparts: "base:spinner" }) : '')); |
| 96 | return (index.h(Tag, { part: "base", class: { |
| 97 | 'button': true, |
| 98 | [`button--${this.type}`]: !!this.type, |
| 99 | [`button--${this.size}`]: true, |
| 100 | 'button--caret': this.caret, |
| 101 | 'button--circle': this.circle, |
| 102 | 'button--disabled': this.disabled, |
| 103 | 'button--focused': this.hasFocus, |
| 104 | 'button--loading': this.loading, |
| 105 | 'button--busy': this.busy, |
| 106 | 'button--pill': this.pill, |
| 107 | 'button--standard': !this.outline, |
| 108 | 'button--outline': this.outline, |
| 109 | 'button--has-label': this.hasLabel, |
| 110 | 'button--has-prefix': this.hasPrefix, |
| 111 | 'button--has-suffix': this.hasSuffix, |
| 112 | 'button--is-rtl': pageAlign.isRtl(), |
| 113 | }, href: this.href, target: this.target, download: this.download, rel: this.target ? 'noreferrer noopener' : undefined, role: "button", "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.disabled ? '-1' : '0', disabled: this.disabled || this.busy, type: this.submit ? 'submit' : 'button', name: this.name, value: this.value, onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus(), onClick: e => this.handleClick(e) }, interior)); |
| 114 | } |
| 115 | get button() { return index.getElement(this); } |
| 116 | }; |
| 117 | ScButton.style = scButtonCss; |
| 118 | |
| 119 | const scSpinnerCss = ":host{--track-color:#0d131e20;--indicator-color:var(--sc-color-primary-500);--stroke-width:2px;--spinner-size:1em;display:inline-block}.spinner{display:inline-block;width:var(--spinner-size);height:var(--spinner-size);border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}"; |
| 120 | |
| 121 | const ScSpinner = class { |
| 122 | constructor(hostRef) { |
| 123 | index.registerInstance(this, hostRef); |
| 124 | } |
| 125 | render() { |
| 126 | return index.h("span", { part: "base", class: "spinner", "aria-busy": "true", "aria-live": "polite" }); |
| 127 | } |
| 128 | }; |
| 129 | ScSpinner.style = scSpinnerCss; |
| 130 | |
| 131 | exports.sc_button = ScButton; |
| 132 | exports.sc_spinner = ScSpinner; |
| 133 | |
| 134 | //# sourceMappingURL=sc-button_2.cjs.entry.js.map |