@zonos/elements 1.3.30 → 1.3.32

package/dist/esm/zonos-notification.entry.js

@@ -1,68 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-3b46f3c3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-ba9e541e.js';
-import { c as classes } from './classes-0d95c529.js';
-
-const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";
-const ZonosNotificationStyle0 = zonosNotificationCss;
-
-const ZonosNotification = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.notificationArray = [];
-    }
-    /**
-     * Show a notification
-     */
-    async showNotification(notification) {
-        // random generate id
-        const id = `id-${Math.random().toString(36).substring(2, 9)}`;
-        const notificationItem = Object.assign(Object.assign({}, notification), { id, timeout: notification.timeout || 5000, transitionClass: '', type: notification.type || 'success' });
-        this.notificationArray = [...this.notificationArray, notificationItem];
-        setTimeout(() => {
-            this.updateTransitionClass({
-                id,
-                transitionClass: 'show',
-            });
-        }, 50);
-        setTimeout(() => {
-            this.removeNotification(id);
-        }, notificationItem.timeout);
-    }
-    updateTransitionClass({ id, transitionClass, }) {
-        this.notificationArray = this.notificationArray.map(notification => {
-            if (notification.id === id) {
-                return Object.assign(Object.assign({}, notification), { transitionClass });
-            }
-            return notification;
-        });
-    }
-    /**
-     * Remove a notification
-     */
-    removeNotification(id) {
-        // add hide class before removing the item 100ms to trigger animation
-        this.updateTransitionClass({
-            id,
-            transitionClass: '',
-        });
-        setTimeout(() => {
-            this.notificationArray = this.notificationArray.filter(notification => notification.id !== id);
-        }, 300);
-    }
-    render() {
-        return (h(Host, { key: '17c08c90c6c1dfade4e43451c196127a0f53429e', class: classes(['zonos--elements zonos--notification']), style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '6624419d86a5c7518539069dbc5c9d7c08262c75', class: "zonos--notification-items" }, this.notificationArray.map(notification => {
-            return (h("div", { "aria-hidden": "true", class: classes([
-                    'zonos--notification-item',
-                    notification.type,
-                    notification.transitionClass,
-                ]), key: notification.id, onClick: () => {
-                    this.removeNotification(notification.id);
-                } }, h("zonos-text", { textColor: "gray-0" }, notification.message)));
-        }))));
-    }
-};
-ZonosNotification.style = ZonosNotificationStyle0;
-
-export { ZonosNotification as zonos_notification };

package/dist/esm/zonos-payment.entry.js

@@ -1,54 +0,0 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-3b46f3c3.js';
-import { h as stripeStore } from './cart-b96aaa4f.js';
-import { a as logError } from './logError-c456c092.js';
-import './zonosStore-ba9e541e.js';
-import './isDarkColor-f8324c10.js';
-import './getBorderRadius-947c24de.js';
-
-const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:16px}";
-const ZonosPaymentStyle0 = zonosPaymentCss;
-
-const ZonosPayment = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.titleText = undefined;
-        this.stripe = stripeStore.stripe;
-        this.stripeElements = stripeStore.stripeElements;
-    }
-    watchInitStripe() {
-        if (!this.stripeElements) {
-            return;
-        }
-        // Create and mount the Authentication Element in ${type} mode
-        const paymentElement = stripeStore.stripePaymentElement ||
-            this.stripeElements.create('payment', {
-                layout: 'tabs',
-            });
-        const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
-        if (!paymentElementContainer) {
-            logError('Cannot find container element for paymentElement');
-            return;
-        }
-        paymentElement.mount(paymentElementContainer);
-        paymentElement.on('change', event => {
-            stripeStore.stripePaymentEventData = event;
-        });
-        stripeStore.stripePaymentElement = paymentElement;
-    }
-    componentDidLoad() {
-        // @Watch doesn't get trigger on initial load
-        this.watchInitStripe();
-    }
-    render() {
-        // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'abebca876eac8bd507fcbdb1c029d2ed0f3b749a', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '142257f2052337206dbb70e70c87b5207f2bd97a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'c55bbaea79a291e45d8ed37d556529365de89e9f', class: "zonos--payment-component" })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "stripeElements": ["watchInitStripe"],
-        "stripe": ["watchInitStripe"]
-    }; }
-};
-ZonosPayment.style = ZonosPaymentStyle0;
-
-export { ZonosPayment as zonos_payment };

package/dist/esm/zonos-select-dialog-header_2.entry.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-3b46f3c3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-ba9e541e.js';
-import { c as classes } from './classes-0d95c529.js';
-
-const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
-
-const zonosSelectDialogHeaderCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--select-dialog-header-wrapper{position:-webkit-sticky;position:sticky;top:0;background:var(--zonos-elements-surface-color);padding:16px}:host .zonos--select-dialog-header-wrapper .zonos--select-dialog-header{position:relative;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";
-const ZonosSelectDialogHeaderStyle0 = zonosSelectDialogHeaderCss;
-
-const ZonosSelectDialogHeader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.handleOnClose = () => { };
-        this.label = '';
-    }
-    render() {
-        return (h(Host, { key: 'aee08db0e889bd5a5b9084180f6ee038c120a3b2', class: "zonos--elements", style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '565a273f0037418387c0868c74943c3325ab6c35', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '0d994f27c948e49c092d016a0f1d6e453f80f00a', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'ee7bb796e921b2a14fa6201c8f17d0dfd9f3a3c2', type: "boldLabel" }, this.label), h("zonos-button", { key: '0e3a6c9c2cc4b67a51015b2fb7345c47a0e5ef23', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: 'ad9fb089fa4a571a5443431c0d686b4804d25b0a' }))));
-    }
-};
-ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
-
-const zonosVStackCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";
-const ZonosVStackStyle0 = zonosVStackCss;
-
-const VStack = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.spacing = 24;
-    }
-    render() {
-        return (h(Host, { key: '9b7115624d2e27b1c6da58ac16f6059d5cad71a9', style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'bd3ccd8700897292fd1a9ad40825c851a484fcf2', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '1c6fe3e6dc8eda9461eb90180535c9bd563a1840' }))));
-    }
-};
-VStack.style = ZonosVStackStyle0;
-
-export { ZonosSelectDialogHeader as zonos_select_dialog_header, VStack as zonos_v_stack };