@justifi/webcomponents 5.7.2 → 5.7.3-rc-01

package/dist/cjs/form-alert_5.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');

package/dist/cjs/form-control-checkbox.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+var formControlHelpText = require('./form-control-help-text-CT5HzEnX.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
 require('./event-types-YOY5TKUN.js');
 
 const CheckboxInput = class {
@@ -39,10 +39,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: 'ec1a11fd6b5d97b4a6136b91b750c0fde7f9e7fd' }, index.h("div", { key: 'b56aa5fb171204bcebffa8aa22e8b5cc7ae8daf1', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'da21623174fbc8fca6f063771f234f755945a838', class: "form-check" }, index.h("input", { key: 'f78acb43994063f81d823907378b9aa71a752f66', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'a3b0fd8435bde51d1e2e0aaa0e322f10c599d60b' }, index.h("div", { key: '1bf5c142fc98a80f66bb51343bcd2aa8ece2376a', class: 'form-group d-flex flex-column' }, index.h("div", { key: '7e006d94b3716d4a93239e4f5e9e5f0058e5f460', class: "form-check" }, index.h("input", { key: '29d7b5552ce996fea4b71be9745372aa6804890f', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '7ae4a71d065ef48cc261a4850b6baac79640836c', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'cb50d3eebf345d1db44cf377da8b3c1f709b733c', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '20990b29fe22a5126a304788feb2c0498fb4925b', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '9731752e9eabd937800492a9ae9f64a96deebb5a', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'd333c061d00a23f0ef368e54094989cd7b892229', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'ec2734c748e851499d6699e7acb32bb74a04e256', errorText: this.errorText, name: this.name }))));
     }
 };
 

package/dist/cjs/form-control-date.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
 require('./event-types-YOY5TKUN.js');
 
 const DateInput = class {
@@ -49,10 +49,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '5360f4917c4af8d4e40522a25e838703d8374480' }, index.h("div", { key: '56a3a99c81ebbf00d1ff5befa1a96363660806ae', class: "form-group d-flex flex-column" }, index.h("div", { key: '5556531a79f39fecd1cc4027568bc3642f68ed68', class: "d-flex gap-2" }, index.h("label", { key: 'b722b7e91adaf94c57698cf5743d43d8cbb04957', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '109aabf5047eebe8254ed49379b297af05f68ac2', helpText: this.helpText })), index.h("input", { key: 'eb9862be33313981dccda15889d315893344ff41', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '8b7c599df49cd5f6cd113a6dee5b85309488b581' }, index.h("div", { key: '17acab0e5128fc00e15e2f3cc1714de968f8f635', class: "form-group d-flex flex-column" }, index.h("div", { key: '7ffaab5a1c8d6a8d2ae06937ae06bddfdd3e4d42', class: "d-flex gap-2" }, index.h("label", { key: 'd4ca9a70d58d6d34fe9a2f104f1e022025b52bf3', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'c352a7b657e47f39d40a1a7b058b0b7a5b55e8e4', helpText: this.helpText })), index.h("input", { key: 'c1e0946e86137b27a17d690d475058b6c687b652', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '01217373b82eee84fae370f504cfee157c6f83ec', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '2324adaf7553fbcb65eaf1a0dbc7eed0c1d7208c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/{form-control-error-text-D9XDyFoW.js → form-control-error-text-DPDsFdAT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const FormControlErrorText = (props) => {

package/dist/cjs/form-control-file-v2_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+var index = require('./index-2GwnTbNA.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const FileInput = class {
@@ -11,7 +11,7 @@ const FileInput = class {
         this.formControlBlur = index.createEvent(this, "formControlBlur");
     }
     render() {
-        return (index.h(index.Host, { key: 'a047767dfcdd22535de0f797e05ba1124f5476c1', exportparts: "label,input,input-invalid" }, index.h("div", { key: '2b2eba9c135edc67135ee1fac2ddae29714a8139', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c7825bbeef90e85d43d9690da84f14c802520d68', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '3b9a273ee2d27edc17d6798fd5bb161650368c88', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'efb7ad8c5040a615d1c0ed8923c75e477294d6a4', helpText: this.helpText })), index.h("input", { key: '212de1de46ec3392e12535f137232328dbdf4681', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '573f0ddd4238786336d0a78c59b434bc83d8bb02', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '0e05130899c474fe1cae7da51a3e1c9d284c8188', exportparts: "label,input,input-invalid" }, index.h("div", { key: '81aac7c81010283a17ae6f95958260739ba8f521', class: "form-group d-flex flex-column" }, index.h("div", { key: '50be24013b6a998714524a974e4a4118d8fe9b1e', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '8094b17e38012c757647fe050a3d2d4680db31d9', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e2e1307070cfd4ebdf99396eb974e514b0e86de2', helpText: this.helpText })), index.h("input", { key: '784a515fbd7dd9a33e6631e1b98e599aa58c7e8c', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: 'e657fffc7079bc83ebbcf4468026401221ef6796', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -57,10 +57,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'b1f6375f194cbbda1b2a7d6b421a1491cafc05cb' }, index.h("div", { key: 'c372f254b00a9a50505cc9473ad138cebcf5495b', class: "form-group d-flex flex-column" }, index.h("label", { key: 'bea34d76380a9892fd30e3ae1e8cd4e11c3edcae', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '06f7fd1ac978e0f82adbd1cad272fa5c627bd88d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '9e8752d26a1b81e14a2666b1eeca224355ac7bc6' }, index.h("div", { key: '1db9d60d316f7d17a0e08fa6859e1b05ad0f325d', class: "form-group d-flex flex-column" }, index.h("label", { key: '7d955df10cd4fa6324911ee015e87881562aa528', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '3f12740611c14799405a2e070f74022cbb17edfa', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '2375f0026db86411561e3381e8ca487859cc432c', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'def27e9c4e4add94e0ecc5a5c3579c754a17fbad', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '30a25e257d36cf691e19dcb3cb14e1fbdab66c69', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'f74b90c9621eb993d62b8417bb14c31a62153843', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{form-control-help-text-J_boqSMc.js → form-control-help-text-CT5HzEnX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const FormControlHelpText = (props) => {

package/dist/cjs/form-control-help-text.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 
 const FormControlHelpText = class {
     constructor(hostRef) {

package/dist/cjs/form-control-monetary-provisioning.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var index$1 = require('./index-1MT3Z4XI.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+var formControlHelpText = require('./form-control-help-text-CT5HzEnX.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
 require('./event-types-YOY5TKUN.js');
 
 const MonetaryInputProvisioning = class {

package/dist/cjs/form-control-monetary.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+var formControlHelpText = require('./form-control-help-text-CT5HzEnX.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
 require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
@@ -51,10 +51,10 @@ const MonetaryInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '49b912649df6d869e20a79017363c738a17e00c1' }, index.h("div", { key: '2c30b89dd46fafe1cd04d186c90ee8389585e1b8', class: "form-group d-flex flex-column" }, index.h("label", { key: 'e526de8712e2ea3c91ce897d89c5246bbf4391a1', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'c9e7a522371ac171186d45da231943c6cbc202fa', name: this.name, helpText: this.helpText }), index.h("div", { key: '4e9dc549b30327528fa099ea9b451659def605f7', class: "input-group" }, index.h("span", { key: '5f4d6854d6cc15b7d0dbbdcf08c9dd25fec5c8d0', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: 'c04d0dce879da4d53bf6dc4925bac7729408a09f', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '88cfae6c94312f40c13c73d38acf47253c41640a' }, index.h("div", { key: '23b4f228ae880b83d1487d5cbf435c45ec6e21d2', class: "form-group d-flex flex-column" }, index.h("label", { key: '7ba13edbecfa0c918593bbc478097a02666e5fd3', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'e7a703b4438f6ac97119385158273d5b88792eb4', name: this.name, helpText: this.helpText }), index.h("div", { key: '415a2d1dc979e41bd3acd5938b676147cc17b9e2', class: "input-group" }, index.h("span", { key: 'a0aa732bcf5ccf5cbfa2fac954f9229d5959abc0', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '02f62da97a7cc826bf0437e95d162659187511e3', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '4ff864c4ffc66727ac14ef6e6cb7b25c32dd6867', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: 'd384b64c9551eaf13dbbd75bcd4b9bad0291d923', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-number-masked_2.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var index$1 = require('./index-1MT3Z4XI.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
 require('./event-types-YOY5TKUN.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 var utils = require('./utils-DAyWinG2.js');
@@ -68,10 +68,10 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '328a9d2bf17d2ec2a8a9fa5acf6bbe76af38a38a' }, index.h("div", { key: '24d1757d7d554ac65e7c2413490425ca3d06aefc', class: "form-group d-flex flex-column" }, index.h("div", { key: '4548a8ee8d7538f2c3b7ddb0d76ec8c7342cc88a', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'c58ccd5ecb756e084a30d9686603e54487bf34ab', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '50d1aeed268375b7b2a9845065ccdc4e1dc5a495', helpText: this.helpText })), index.h("input", { key: 'ed473e972cc773b9a914dde41d9bff2d8880c604', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: 'cb63ba287e7fc1ee36b212118b137c6cf3b655b5' }, index.h("div", { key: 'db73b8a97ea151737018354f24f0e4f0efad92da', class: "form-group d-flex flex-column" }, index.h("div", { key: '833c67c07e655d7394b9a262ecfc90f9c28fa06b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'cb21d0026c79860ae7b03b311832c2bc5d1541ba', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '25e97d3cfe5611fdfbb31dee90a5c9a284beaf18', helpText: this.helpText })), index.h("input", { key: 'a1eaaa42cac4325eea57a5814611af3dfada4270', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '6e02db8068b1df62e757de4dd7df5673ad375180', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '9a412bb22888801d7a5ae67f5d840d9b46525e5e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-number.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+var formControlHelpText = require('./form-control-help-text-CT5HzEnX.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
 require('./event-types-YOY5TKUN.js');
 
 const NumberInput = class {
@@ -44,10 +44,10 @@ const NumberInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '575b10375e81774d2ce099cb9f79960fe530ea71' }, index.h("div", { key: '6f23da58c5fbf994dbf814022ab99668c0c71f77', class: 'form-group d-flex flex-column' }, index.h("label", { key: '4b19d3067770ce1523e88a7f701a0e193098eb5f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'e6331df9a0484fa12e05d63b3b45af3a9d8b0993', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '01d3a08bbd6dc5aab1a2da27007ba35585d8c97b' }, index.h("div", { key: '78ca32dadb2a598846266ae595ef156d0cedc66f', class: 'form-group d-flex flex-column' }, index.h("label", { key: '8a7e94d0dbc675f2ade59b984b4eb609323fd227', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '61cc9f3fbe322d4e14e54750809b2e1572b14ff2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h(formControlHelpText.FormControlHelpText, { key: '55ef88b41cea29d14df3412a9743685114cfda13', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'efad443056dba5b77f86da12854b2a3668c101cd', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h(formControlHelpText.FormControlHelpText, { key: '9ff16beb0781040517f8e54fe5d46c2df4cc817e', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '2f77c35f2738fb792956e8723670f77354896d59', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/form-control-radio.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const RadioInput = class {
@@ -32,10 +32,10 @@ const RadioInput = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: 'c509c9fa1e33816ade27c55f3053cd964f1f1144', class: 'form-group d-flex flex-column' }, index.h("div", { key: '7067e770576550bc9627cc57dfff24a7f6f6951c', class: "form-check" }, index.h("input", { key: '9a6d01184eb3be812728dc92ad40d14c1f3e465d', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '6407ba394e0a5e35ce8f9a488942eaff2a6524bf', class: 'form-group d-flex flex-column' }, index.h("div", { key: '079639b8cd67ea1e68786e051a6248729cc6d9ac', class: "form-check" }, index.h("input", { key: '40e1e492de6a55f22de384a9e246aa810709b84c', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), index.h("label", { key: '7f54b31c722389a5397e907cc1a400f5da181d21', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '1424f36dfba3af3573fa844d86192428afde1082', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '4e3d2d14f8f328c8c6278cf474bfc5858c3954f1', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), index.h("label", { key: '7df3ada6721528e7a1e0895b4b8c018c55fa6c86', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '70e2e3794604d2a1c7b5f4a363742a784b515b37', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'b54b84856b46406fe7f978ad85514b20e4a1ba40', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/cjs/{get-business-BJrtsomz.js → get-business-BiEc-jdH.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var Business = require('./Business-DCRzZf0w.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var utils = require('./utils-IGCnjtqc.js');
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/{get-payment-details-MM1u5jMc.js → get-payment-details-AOibpML7.js}

@@ -1,22 +1,23 @@
 'use strict';
 
-require('./config-state-D7p-XunE.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-var Document = require('./Document-Qt0qiXeh.js');
+var Payment = require('./Payment-D5UynU2f.js');
 require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
+var utils = require('./utils-IGCnjtqc.js');
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;
     try {
         const response = await service.fetchPayment(id, authToken);
         if (!response.error) {
-            onSuccess({ payment: new Document.Payment(response.data) });
+            onSuccess({ payment: new Payment.Payment(response.data) });
         }
         else {
             const responseError = utils.getErrorMessage(response.error);

package/dist/cjs/{get-payout-csv-CXEQkjDm.js → get-payout-csv-CdNRRH0t.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var utils = require('./utils-IGCnjtqc.js');
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {

package/dist/cjs/{get-subaccounts-CkjWYxIU.js → get-subaccounts-Dw7CbPDi.js}

@@ -1,16 +1,17 @@
 'use strict';
 
-var Api = require('./Api-Dp4CW5K6.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-BTdkb3Zh.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
+require('./Payment-D5UynU2f.js');
 var Refund = require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./config-state-D7p-XunE.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var utils = require('./utils-l0veqT9y.js');
+var utils = require('./utils-IGCnjtqc.js');
 
 const api = Api.Api();
 class SubAccountService {

package/dist/cjs/gross-payment-chart-core.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var utils = require('./utils-qOon0GWm.js');
-var utils$1 = require('./utils-5lco6NzU.js');
-var spinner = require('./spinner-BTyIjlMM.js');
+var utils$1 = require('./utils-bn0fXuc-.js');
+var spinner = require('./spinner-DOC4Ab7M.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./parts-9jMf1erK.js');
 
@@ -11036,7 +11036,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && index.h(spinner.Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: '0201a1f9445d3eb9800aca09098b5b58a24b6923' }, this.loading && index.h(spinner.Spinner, { key: 'c6e39699e3bfaf3d7d0f5907d7085604e1fe5b9d' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/cjs/{header-1-auSUfIpO.js → header-1--wdCXxjA.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const Header1 = (props) => {

package/dist/cjs/{header-3-B-bXHCpC.js → header-3-DxUQJ7TT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const Header3 = (props) => {

package/dist/cjs/{iframe-input.cjs.entry.js → hidden-input_2.cjs.entry.js}

@@ -1,12 +1,108 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
-var _package = require('./package-BCOEGxFC.js');
-var iframeInputStylesState = require('./iframe-input-styles-state-D9vhHzZQ.js');
+var index$1 = require('./index-2GwnTbNA.js');
+var index = require('./index-DEMVrrsF.js');
 var parts = require('./parts-9jMf1erK.js');
-require('./index-B8ljHEN1.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
+var _package = require('./package-DF9mLjoQ.js');
+
+const iframeInputStylesStore = index.createStore({
+    focused: {
+        boxShadow: '',
+        border: '',
+    },
+    focusedAndInvalid: {
+        boxShadow: '',
+        border: '',
+    },
+    fontStyles: {
+        fontFamily: '',
+        fontSize: '',
+        fontWeight: '',
+        lineHeight: '',
+        margin: '',
+        padding: '',
+    },
+});
+const { state: iframeInputStyles, set: iframeInputStylesSet, } = iframeInputStylesStore;
+
+const HiddenInput = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.isFocused = false;
+        this.errorText = '';
+    }
+    async componentDidLoad() {
+        const fontStyles = await this.getBaseFontStyles();
+        iframeInputStylesSet('fontStyles', fontStyles);
+        const focusedStyles = await this.getFocusedStyles();
+        iframeInputStylesSet('focused', focusedStyles);
+        const focusedAndInvalidStyles = await this.getFocusedAndInvalidStyles();
+        iframeInputStylesSet('focusedAndInvalid', focusedAndInvalidStyles);
+    }
+    async getBaseFontStyles() {
+        return new Promise((resolve, _reject) => {
+            setTimeout(() => {
+                const computedStyles = getComputedStyle(this.hiddenInput);
+                const styles = {
+                    fontFamily: computedStyles.fontFamily,
+                    fontSize: computedStyles.fontSize,
+                    fontWeight: computedStyles.fontWeight,
+                    lineHeight: computedStyles.lineHeight,
+                    margin: computedStyles.margin,
+                    padding: computedStyles.padding,
+                    color: computedStyles.color,
+                };
+                resolve(styles);
+            }, 500);
+        });
+    }
+    ;
+    async getFocusedStyles() {
+        return new Promise((resolve, _reject) => {
+            this.hiddenInput.focus();
+            setTimeout(() => {
+                this.hiddenInput.blur();
+                let computedStyles = getComputedStyle(this.hiddenInput);
+                resolve({
+                    boxShadow: computedStyles.boxShadow,
+                    border: computedStyles.border,
+                });
+            }, 500);
+        });
+    }
+    async getFocusedAndInvalidStyles() {
+        return new Promise((resolve, _reject) => {
+            this.hiddenInput.focus();
+            this.errorText = 'Error';
+            setTimeout(() => {
+                const computedStyles = getComputedStyle(this.hiddenInput);
+                const styles = {
+                    boxShadow: computedStyles.boxShadow,
+                    border: computedStyles.border,
+                };
+                this.hiddenInput.blur();
+                resolve(styles);
+            }, 500);
+        });
+    }
+    get part() {
+        if (this.isFocused && this.errorText) {
+            return parts.inputInvalidAndFocused;
+        }
+        if (this.errorText) {
+            return parts.inputInvalid;
+        }
+        if (this.isFocused) {
+            return parts.inputFocused;
+        }
+        return parts.input;
+    }
+    render() {
+        return (index$1.h(index$1.Host, { key: '05e1f461fcdf006dc2b5db2b4c10450cd7db1c8c' }, index$1.h("input", { key: 'dc7589d1a68f7eb31c97281445448a8f2dcf3796', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+    }
+};
 
 var iframeResizer = {exports: {}};
 
@@ -1548,8 +1644,8 @@ const MessageEventType = {
 
 const IframeInput = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.iframeLoaded = index.createEvent(this, "iframeLoaded");
+        index$1.registerInstance(this, hostRef);
+        this.iframeLoaded = index$1.createEvent(this, "iframeLoaded");
         this.isFocused = false;
         this.isValid = true;
         this.dispatchMessageEvent = (event) => {
@@ -1603,9 +1699,9 @@ const IframeInput = class {
     get style() {
         if (this.isFocused) {
             if (!this.isValid) {
-                return iframeInputStylesState.iframeInputStyles.focusedAndInvalid;
+                return iframeInputStyles.focusedAndInvalid;
             }
-            return iframeInputStylesState.iframeInputStyles.focused;
+            return iframeInputStyles.focused;
         }
         return null;
     }
@@ -1613,16 +1709,16 @@ const IframeInput = class {
         // map the iframeInputStyles.fontStyles properties to the urlParams 
         // and encode each property with btoa
         const encodedObject = Object.fromEntries(Object
-            .entries(iframeInputStylesState.iframeInputStyles.fontStyles)
+            .entries(iframeInputStyles.fontStyles)
             .map(([key, value]) => [key, btoa(String(value))]));
         const params = new URLSearchParams(encodedObject).toString();
         return params;
     }
     render() {
-        return (index.h(index.Host, { key: '7482645d98277dfb65e78a2003e020216fcb52c3', class: "form-group d-flex flex-column" }, index.h("div", { key: '746fca9a555309152d5cf3943d31d3b3b2c9bfde', style: {
+        return (index$1.h(index$1.Host, { key: '2af3e5fa30d517f882488289c4b547c28adae089', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '361be04621a8cc152701744a1a06692cc8740fec', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index.h("label", { key: '55b203e278ec100baf7949a91eb6a43135c82402', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: 'c3dd73db2accf012c5a8f3a5c8e32863fe87fd73', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: '5eb7c35da6ca7910ccf74a24d77ee47d6b4479f9', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: '807e8814bbac8cd2e2b409367b3205238b8f7d1c', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '0cfd76ca44133fd218542cd97391754d33c2b205', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '53eb1248d2596a306c6b36b41983fa51cba73fc4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,9 +1728,10 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index.h(formControlErrorText.FormControlErrorText, { key: '291b487d0b798b6658d83b9c9f775ba4f02e09de', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '681f58f474a0c82c5b0b9888156865e0dd496477', errorText: this.errorText, name: this.inputId }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return index$1.getElement(this); }
 };
 
+exports.hidden_input = HiddenInput;
 exports.iframe_input = IframeInput;

package/dist/cjs/{index-BYd8IvAa.js → index-2GwnTbNA.js}

@@ -3,8 +3,11 @@
 const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
 
+const globalScripts = () => {};
+const globalStyles = "";
+
 /*
- Stencil Client Platform v4.31.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.33.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -111,6 +114,14 @@ var supportsListenerOptions = /* @__PURE__ */ (() => {
   return supportsListenerOptions2;
 })();
 var promiseResolve = (v) => Promise.resolve(v);
+var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
+  try {
+    new CSSStyleSheet();
+    return typeof new CSSStyleSheet().replaceSync === "function";
+  } catch (e) {
+  }
+  return false;
+})() ;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -210,6 +221,14 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+function createShadowRoot(cmpMeta) {
+  const shadowRoot = this.attachShadow({ mode: "open" });
+  if (supportsConstructableStylesheets) {
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(globalStyles);
+    shadowRoot.adoptedStyleSheets.push(sheet);
+  }
+}
 var updateFallbackSlotVisibility = (elm) => {
   const childNodes = internalCall(elm, "childNodes");
   if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
@@ -1635,9 +1654,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
             {
               if (!self.shadowRoot) {
-                {
-                  self.attachShadow({ mode: "open" });
-                }
+                createShadowRoot.call(self, cmpMeta);
               } else {
                 if (self.shadowRoot.mode !== "open") {
                   throw new Error(
@@ -1761,6 +1778,7 @@ exports.createEvent = createEvent;
 exports.forceUpdate = forceUpdate;
 exports.getElement = getElement;
 exports.getRenderingRef = getRenderingRef;
+exports.globalScripts = globalScripts;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/{index-B8ljHEN1.js → index-DEMVrrsF.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);