@zonos/elements 1.3.143 → 1.3.144

package/dist/collection/components/common/zonos-dialog/zonos-dialog.js

@@ -101,6 +101,8 @@ export class ZonosDialog {
                         }],
                     "text": "Whether or not the dialog is open"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": false,
                 "defaultValue": "false"
@@ -119,6 +121,8 @@ export class ZonosDialog {
                     "tags": [],
                     "text": "The header text for the dialog"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "header-text",
                 "reflect": false,
                 "defaultValue": "''"
@@ -140,6 +144,8 @@ export class ZonosDialog {
                         }],
                     "text": "The width of the dialog"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "width",
                 "reflect": false,
                 "defaultValue": "'460px'"
@@ -158,6 +164,8 @@ export class ZonosDialog {
                     "tags": [],
                     "text": "The height of the dialog (max-width still 90vh)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "height",
                 "reflect": false
             },
@@ -175,6 +183,8 @@ export class ZonosDialog {
                     "tags": [],
                     "text": "The min height of the dialog"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min-height",
                 "reflect": false
             },
@@ -195,6 +205,8 @@ export class ZonosDialog {
                         }],
                     "text": "Whether or not to show the header"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "no-header",
                 "reflect": false,
                 "defaultValue": "false"
@@ -216,6 +228,8 @@ export class ZonosDialog {
                         }],
                     "text": "Whether or not to have body padding"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "no-body-padding",
                 "reflect": false,
                 "defaultValue": "false"
@@ -237,6 +251,8 @@ export class ZonosDialog {
                         }],
                     "text": "Whether or not to have body padding"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "no-border",
                 "reflect": false,
                 "defaultValue": "false"
@@ -264,6 +280,8 @@ export class ZonosDialog {
                         }],
                     "text": "The border style of the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "border-style",
                 "reflect": false
             },
@@ -284,6 +302,8 @@ export class ZonosDialog {
                         }],
                     "text": "Whether or not to show the close button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "no-close-button",
                 "reflect": false,
                 "defaultValue": "false"
@@ -305,6 +325,8 @@ export class ZonosDialog {
                         }],
                     "text": "Whether or not to close the dialog when clicking outside of it"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "no-click-outside",
                 "reflect": false,
                 "defaultValue": "false"
@@ -323,6 +345,8 @@ export class ZonosDialog {
                     "tags": [],
                     "text": "Flag to determine if the checkout is on mobile"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "mobile",
                 "reflect": false,
                 "defaultValue": "false"
@@ -341,6 +365,8 @@ export class ZonosDialog {
                     "tags": [],
                     "text": "Load loading spinner for the dialog or not"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-loading",
                 "reflect": false,
                 "defaultValue": "true"

package/dist/collection/components/common/zonos-icon/zonos-icon.js

@@ -54,6 +54,8 @@ export class ZonosIcon {
                         }],
                     "text": "Determines if the icon should be auto height instead of square"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-height",
                 "reflect": false,
                 "defaultValue": "false"
@@ -81,6 +83,8 @@ export class ZonosIcon {
                         }],
                     "text": "Color of the SVG"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-color",
                 "reflect": false,
                 "defaultValue": "'gray-1000'"
@@ -102,6 +106,8 @@ export class ZonosIcon {
                         }],
                     "text": "The content of the icon (full svg)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "content",
                 "reflect": false
             },
@@ -122,6 +128,8 @@ export class ZonosIcon {
                         }],
                     "text": "The size of the icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "24"

package/dist/collection/components/common/zonos-input/zonos-input.js

@@ -65,6 +65,8 @@ export class ZonosInput {
                     "tags": [],
                     "text": "Value of the input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "input-value",
                 "reflect": false,
                 "defaultValue": "''"
@@ -83,6 +85,8 @@ export class ZonosInput {
                     "tags": [],
                     "text": "Input label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "input-label",
                 "reflect": false
             },
@@ -100,6 +104,8 @@ export class ZonosInput {
                     "tags": [],
                     "text": "Input size"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "input-size",
                 "reflect": false,
                 "defaultValue": "'md'"
@@ -118,6 +124,8 @@ export class ZonosInput {
                     "tags": [],
                     "text": "Disables the input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -136,6 +144,8 @@ export class ZonosInput {
                     "tags": [],
                     "text": "Error state of the input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-error",
                 "reflect": false,
                 "defaultValue": "false"
@@ -154,6 +164,8 @@ export class ZonosInput {
                     "tags": [],
                     "text": "Placeholder for the input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "input-placeholder",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/components/common/zonos-language-select/zonos-language-select.js

@@ -51,6 +51,8 @@ export class ZonosLanguageSelect {
                         }],
                     "text": "Function to close the language select"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "() => {}"
             }
         };

package/dist/collection/components/common/zonos-link/zonos-link.js

@@ -37,6 +37,8 @@ export class ZonosLink {
                     "tags": [],
                     "text": "The href for the link"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false,
                 "defaultValue": "''"
@@ -55,6 +57,8 @@ export class ZonosLink {
                     "tags": [],
                     "text": "The rel attribute for the link"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "rel",
                 "reflect": false
             },
@@ -72,6 +76,8 @@ export class ZonosLink {
                     "tags": [],
                     "text": "The target attribute for the link"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "target",
                 "reflect": false
             },
@@ -89,6 +95,8 @@ export class ZonosLink {
                     "tags": [],
                     "text": "The title attribute for the link"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "link-title",
                 "reflect": false
             }

package/dist/collection/components/common/zonos-logo/zonos-logo.js

@@ -51,6 +51,8 @@ export class ZonosLogo {
                     "tags": [],
                     "text": "Theme to change the color of the logo"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "'LIGHT'"
@@ -69,6 +71,8 @@ export class ZonosLogo {
                     "tags": [],
                     "text": "The width of the logo"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "width",
                 "reflect": false,
                 "defaultValue": "'auto'"

package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js

@@ -49,6 +49,8 @@ export class ZonosRestState {
                     "tags": [],
                     "text": "The subtitle of the rest state"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "rest-state-subtitle",
                 "reflect": false
             },
@@ -66,6 +68,8 @@ export class ZonosRestState {
                     "tags": [],
                     "text": "The title of the rest state"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "rest-state-title",
                 "reflect": false
             },
@@ -89,6 +93,8 @@ export class ZonosRestState {
                     "tags": [],
                     "text": "The type of rest state"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "rest-state-type",
                 "reflect": false
             }

package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js

@@ -43,6 +43,8 @@ export class ZonosSelectDialogHeader {
                         }],
                     "text": "Callback to do something on close"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "() => {}"
             },
             "label": {
@@ -59,6 +61,8 @@ export class ZonosSelectDialogHeader {
                     "tags": [],
                     "text": "The label for the select dialog"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js

@@ -71,7 +71,9 @@ export class ZonosShippingRichRadio {
                 "docs": {
                     "tags": [],
                     "text": "List of items to display"
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "borderColor": {
                 "type": "string",
@@ -93,6 +95,8 @@ export class ZonosShippingRichRadio {
                     "tags": [],
                     "text": "Override border color of the radio item"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "border-color",
                 "reflect": false
             },
@@ -116,6 +120,8 @@ export class ZonosShippingRichRadio {
                     "tags": [],
                     "text": "Override border color of the radio item"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "border-style",
                 "reflect": false
             },
@@ -139,6 +145,8 @@ export class ZonosShippingRichRadio {
                     "tags": [],
                     "text": "Theme of the radio item"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "theme",
                 "reflect": false
             },
@@ -165,6 +173,8 @@ export class ZonosShippingRichRadio {
                         }],
                     "text": "Selected item"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "null"
             }
         };

package/dist/collection/components/common/zonos-spinner/zonos-spinner.js

@@ -44,6 +44,8 @@ export class ZonosSpinner {
                         }],
                     "text": "The size of the spinner"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "32"
@@ -68,6 +70,8 @@ export class ZonosSpinner {
                     "tags": [],
                     "text": "Color of the spinner"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "spinner-color",
                 "reflect": false
             }

package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.css

@@ -90,7 +90,7 @@
 :host .zonos--floated-input.has-label.has-input-prefix {
   padding-left: 0;
 }
-:host .zonos--floated-input.has-label.has-input-prefix + .zonos--floated-label label {
+:host .zonos--floated-input.has-label.has-input-prefix ~ .zonos--floated-label label {
   margin-left: 0;
 }
 :host .zonos--floated-input:not(.has-label)::placeholder {
@@ -104,7 +104,7 @@
   outline: none;
   border: var(--zonos--border);
 }
-:host .zonos--floated-input:focus + .zonos--floated-label::after {
+:host .zonos--floated-input:focus ~ .zonos--floated-label::after {
   box-shadow: var(--zonos--glowing-color, var(--zonos--local-glowing-color));
 }
 :host .zonos--floated-input.has-error + .zonos--floated-label::after {
@@ -113,7 +113,7 @@
 :host .zonos--floated-input.has-content::placeholder, :host .zonos--floated-input:focus::placeholder {
   opacity: var(--zonos-elements-opacity-disabled);
 }
-:host .zonos--floated-input.has-content + .zonos--floated-label label, :host .zonos--floated-input:focus + .zonos--floated-label label {
+:host .zonos--floated-input.has-content ~ .zonos--floated-label label, :host .zonos--floated-input:focus ~ .zonos--floated-label label {
   top: 11px;
   transform: scale(0.8);
 }

package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js

@@ -15,18 +15,23 @@ export class ZonosStripeInput {
         this.isDisabled = false;
         this.isError = false;
         this.inputPlaceholder = '';
-        this.value = this.inputValue;
+        this.value = '';
+        this.internalValue = this.inputValue;
     }
     onInputValueChange(newValue) {
-        this.value = newValue;
+        this.internalValue = newValue;
         this.inputChange.emit(newValue);
+        this.value = newValue;
+    }
+    onValueChange(newValue) {
+        this.internalValue = newValue;
     }
     render() {
         const primaryColor = this.overridePrimaryColor || zonosStore.appearance.colorPrimary;
         const secondaryColor = this.overrideSecondaryColor || zonosStore.appearance.colorSecondary;
         const isDark = primaryColor && isDarkColor(primaryColor);
         const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
-        return (h(Host, { key: 'cc1e63bf6a09749b4310fd55bb6f728879e3c160', class: classes([
+        return (h(Host, { key: 'd78f2aee99ac4e6d95cf1628e058e6d3bb70e309', class: classes([
                 'zonos--input zonos--elements',
                 isDark && 'dark',
                 this.isError && 'has-error',
@@ -35,18 +40,20 @@ export class ZonosStripeInput {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-size': `${fontSize}px`,
                 '--zonos--primary-color': secondaryColor,
-            } }, h("div", { key: '62294a559ba63fbf80cedbe16e3dca97540c8d4a', class: classes([
+            } }, h("div", { key: 'a3e7f765b0081a564c5955e387ff4b521a28d1a5', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '7e7d2a9d16b34240945119356f1b801ff0e0d4ae', class: classes([
+            ]) }, h("input", { key: '999a54381e24e5da6f2a5fd9cde56c4fa87d37b1', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
-                this.value && 'has-content',
+                this.internalValue && 'has-content',
                 this.isError && 'has-error',
             ]), disabled: this.isDisabled, id: "zonos--input", onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("div", { key: 'e8340ce1583c0ce2d3659631a3400c2b72c81258', class: "zonos--floated-label" }, h("label", { key: 'daa8f068ebabfa9d77ed85d0e8070b45f7803f92', htmlFor: "zonos--input" }, this.inputLabel)))));
+                this.el.inputValue = input.value;
+                this.el.dispatchEvent(new Event('change'));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.internalValue }), h("div", { key: '251f9bfc2399e47f2a4dad359d2511400ec10b41', class: "zonos--floated-label" }, h("label", { key: 'eb23eea3a74af98c7439294621a4caf282fdbbb1', htmlFor: "zonos--input" }, this.inputLabel)))));
     }
     static get is() { return "zonos-stripe-input"; }
     static get encapsulation() { return "shadow"; }
@@ -76,6 +83,8 @@ export class ZonosStripeInput {
                     "tags": [],
                     "text": "Value of the stripeInput"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "input-value",
                 "reflect": false,
                 "defaultValue": "''"
@@ -94,6 +103,8 @@ export class ZonosStripeInput {
                     "tags": [],
                     "text": "Input label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "input-label",
                 "reflect": false
             },
@@ -111,6 +122,8 @@ export class ZonosStripeInput {
                     "tags": [],
                     "text": "Primary color to override primary color from appearance primary color in setting."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "override-primary-color",
                 "reflect": false
             },
@@ -128,6 +141,8 @@ export class ZonosStripeInput {
                     "tags": [],
                     "text": "Secondary color to override secondary color from appearance secondary color in setting"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "override-secondary-color",
                 "reflect": false
             },
@@ -145,6 +160,8 @@ export class ZonosStripeInput {
                     "tags": [],
                     "text": "Disables the input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -163,6 +180,8 @@ export class ZonosStripeInput {
                     "tags": [],
                     "text": "Error state of the input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-error",
                 "reflect": false,
                 "defaultValue": "false"
@@ -181,15 +200,37 @@ export class ZonosStripeInput {
                     "tags": [],
                     "text": "Placeholder for the input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "input-placeholder",
                 "reflect": false,
                 "defaultValue": "''"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The value of the input."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value",
+                "reflect": false,
+                "defaultValue": "''"
             }
         };
     }
     static get states() {
         return {
-            "value": {}
+            "internalValue": {}
         };
     }
     static get events() {
@@ -215,6 +256,9 @@ export class ZonosStripeInput {
         return [{
                 "propName": "inputValue",
                 "methodName": "onInputValueChange"
+            }, {
+                "propName": "value",
+                "methodName": "onValueChange"
             }];
     }
 }

package/dist/collection/components/common/zonos-text/zonos-text.js

@@ -105,6 +105,8 @@ export class ZonosText {
                     "tags": [],
                     "text": "The icon element to display"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "text-color",
                 "reflect": false,
                 "defaultValue": "'gray-1000'"
@@ -129,6 +131,8 @@ export class ZonosText {
                     "tags": [],
                     "text": "The size of the text"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false
             },
@@ -152,6 +156,8 @@ export class ZonosText {
                     "tags": [],
                     "text": "Type of the text to display"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'body'"
@@ -176,6 +182,8 @@ export class ZonosText {
                     "tags": [],
                     "text": "The weight of the text"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "weight",
                 "reflect": false
             }

package/dist/collection/components/common/zonos-toggle/zonos-toggle.js

@@ -50,6 +50,8 @@ export class ZonosToggle {
                     "tags": [],
                     "text": "Options for the toggle"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "value": {
@@ -66,6 +68,8 @@ export class ZonosToggle {
                     "tags": [],
                     "text": "The selected option"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             }

package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js

@@ -40,6 +40,8 @@ export class ZonosTooltip {
                     "tags": [],
                     "text": "The title of the tooltip"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
@@ -58,6 +60,8 @@ export class ZonosTooltip {
                     "tags": [],
                     "text": "The subtitle of the tooltip"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "subtitle",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js

@@ -48,6 +48,8 @@ export class VStack {
                         }],
                     "text": "The spacing between elements in the stack"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "spacing",
                 "reflect": false,
                 "defaultValue": "24"