@justifi/webcomponents 5.7.2 → 5.7.3-rc-01

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-D6FDxSyt.js';
-import { al as alertDanger, D as heading2 } from './parts-BrLVc_85.js';
+import { r as registerInstance, h, H as Host } from './index-Bta_r52Z.js';
+import { av as alertDanger, x as heading2 } from './parts-_6eQgwfE.js';
 import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-CgssATyg.js';
 import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-B-iV5cYd.js';
 import { C as CoreBusinessInfo } from './Business-BCoP0TAV.js';

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-D6FDxSyt.js';
-import { a2 as inputCheckboxInvalid, a3 as inputCheckboxCheckedFocused, a4 as inputCheckboxFocused, a5 as inputCheckboxChecked, a6 as inputCheckbox, l as label } from './parts-BrLVc_85.js';
-import { F as FormControlHelpText } from './form-control-help-text-2DawN8-N.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
+import { $ as inputCheckboxInvalid, a0 as inputCheckboxCheckedFocused, a1 as inputCheckboxFocused, a2 as inputCheckboxChecked, a3 as inputCheckbox, l as label } from './parts-_6eQgwfE.js';
+import { F as FormControlHelpText } from './form-control-help-text-Cjeu_VrV.js';
+import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
 import './event-types-CZfYo5-1.js';
 
 const CheckboxInput = class {
@@ -37,10 +37,10 @@ const CheckboxInput = class {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'ec1a11fd6b5d97b4a6136b91b750c0fde7f9e7fd' }, h("div", { key: 'b56aa5fb171204bcebffa8aa22e8b5cc7ae8daf1', class: 'form-group d-flex flex-column' }, h("div", { key: 'da21623174fbc8fca6f063771f234f755945a838', class: "form-check" }, h("input", { key: 'f78acb43994063f81d823907378b9aa71a752f66', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a3b0fd8435bde51d1e2e0aaa0e322f10c599d60b' }, h("div", { key: '1bf5c142fc98a80f66bb51343bcd2aa8ece2376a', class: 'form-group d-flex flex-column' }, h("div", { key: '7e006d94b3716d4a93239e4f5e9e5f0058e5f460', class: "form-check" }, 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 }), h("label", { key: '7ae4a71d065ef48cc261a4850b6baac79640836c', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'cb50d3eebf345d1db44cf377da8b3c1f709b733c', helpText: this.helpText, name: this.name }), h(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 }), h("label", { key: '9731752e9eabd937800492a9ae9f64a96deebb5a', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'd333c061d00a23f0ef368e54094989cd7b892229', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ec2734c748e851499d6699e7acb32bb74a04e256', errorText: this.errorText, name: this.name }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-D6FDxSyt.js';
-import { c as input, l as label, b as inputInvalid, R as inputDisabled, a as inputFocused } from './parts-BrLVc_85.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
+import { c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-_6eQgwfE.js';
+import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
 import './event-types-CZfYo5-1.js';
 
 const DateInput = class {
@@ -47,10 +47,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '5360f4917c4af8d4e40522a25e838703d8374480' }, h("div", { key: '56a3a99c81ebbf00d1ff5befa1a96363660806ae', class: "form-group d-flex flex-column" }, h("div", { key: '5556531a79f39fecd1cc4027568bc3642f68ed68', class: "d-flex gap-2" }, h("label", { key: 'b722b7e91adaf94c57698cf5743d43d8cbb04957', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '109aabf5047eebe8254ed49379b297af05f68ac2', helpText: this.helpText })), 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 (h(Host, { key: '8b7c599df49cd5f6cd113a6dee5b85309488b581' }, h("div", { key: '17acab0e5128fc00e15e2f3cc1714de968f8f635', class: "form-group d-flex flex-column" }, h("div", { key: '7ffaab5a1c8d6a8d2ae06937ae06bddfdd3e4d42', class: "d-flex gap-2" }, h("label", { key: 'd4ca9a70d58d6d34fe9a2f104f1e022025b52bf3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c352a7b657e47f39d40a1a7b058b0b7a5b55e8e4', helpText: this.helpText })), 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 }), h(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 }), h(FormControlErrorText, { key: '2324adaf7553fbcb65eaf1a0dbc7eed0c1d7208c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/{form-control-error-text-tGFxd6kW.js → form-control-error-text-_SAT-ts2.js}

@@ -1,5 +1,5 @@
-import { h } from './index-D6FDxSyt.js';
-import { B as textDanger } from './parts-BrLVc_85.js';
+import { h } from './index-Bta_r52Z.js';
+import { u as textDanger } from './parts-_6eQgwfE.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D6FDxSyt.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, R as inputDisabled, c as input, l as label } from './parts-BrLVc_85.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bta_r52Z.js';
+import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, T as inputDisabled, c as input, l as label } from './parts-_6eQgwfE.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -9,7 +9,7 @@ const FileInput = class {
         this.formControlBlur = createEvent(this, "formControlBlur");
     }
     render() {
-        return (h(Host, { key: 'a047767dfcdd22535de0f797e05ba1124f5476c1', exportparts: "label,input,input-invalid" }, h("div", { key: '2b2eba9c135edc67135ee1fac2ddae29714a8139', class: "form-group d-flex flex-column" }, h("div", { key: 'c7825bbeef90e85d43d9690da84f14c802520d68', class: "d-flex align-items-start gap-2" }, h("label", { key: '3b9a273ee2d27edc17d6798fd5bb161650368c88', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'efb7ad8c5040a615d1c0ed8923c75e477294d6a4', helpText: this.helpText })), 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 = "" }), h(FormControlErrorText, { key: '573f0ddd4238786336d0a78c59b434bc83d8bb02', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '0e05130899c474fe1cae7da51a3e1c9d284c8188', exportparts: "label,input,input-invalid" }, h("div", { key: '81aac7c81010283a17ae6f95958260739ba8f521', class: "form-group d-flex flex-column" }, h("div", { key: '50be24013b6a998714524a974e4a4118d8fe9b1e', class: "d-flex align-items-start gap-2" }, h("label", { key: '8094b17e38012c757647fe050a3d2d4680db31d9', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e2e1307070cfd4ebdf99396eb974e514b0e86de2', helpText: this.helpText })), 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 = "" }), h(FormControlErrorText, { key: 'e657fffc7079bc83ebbcf4468026401221ef6796', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -55,10 +55,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'b1f6375f194cbbda1b2a7d6b421a1491cafc05cb' }, h("div", { key: 'c372f254b00a9a50505cc9473ad138cebcf5495b', class: "form-group d-flex flex-column" }, h("label", { key: 'bea34d76380a9892fd30e3ae1e8cd4e11c3edcae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '06f7fd1ac978e0f82adbd1cad272fa5c627bd88d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9e8752d26a1b81e14a2666b1eeca224355ac7bc6' }, h("div", { key: '1db9d60d316f7d17a0e08fa6859e1b05ad0f325d', class: "form-group d-flex flex-column" }, h("label", { key: '7d955df10cd4fa6324911ee015e87881562aa528', part: label, class: "form-label", htmlFor: this.name }, this.label), 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 }), h("form-control-help-text", { key: '2375f0026db86411561e3381e8ca487859cc432c', helpText: this.helpText, name: this.name }), 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 }), h("form-control-help-text", { key: '30a25e257d36cf691e19dcb3cb14e1fbdab66c69', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'f74b90c9621eb993d62b8417bb14c31a62153843', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-2DawN8-N.js → form-control-help-text-Cjeu_VrV.js}

@@ -1,5 +1,5 @@
-import { h } from './index-D6FDxSyt.js';
-import { A as text } from './parts-BrLVc_85.js';
+import { h } from './index-Bta_r52Z.js';
+import { t as text } from './parts-_6eQgwfE.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D6FDxSyt.js';
+import { r as registerInstance, h } from './index-Bta_r52Z.js';
 
 const FormControlHelpText = class {
     constructor(hostRef) {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-D6FDxSyt.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
 import { C as CURRENCY_MASK } from './form-input-masks-B-iV5cYd.js';
-import { Y as inputGroup, l as label, S as inputAdornment, b as inputInvalid, R as inputDisabled, a as inputFocused } from './parts-BrLVc_85.js';
-import { F as FormControlHelpText } from './form-control-help-text-2DawN8-N.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
+import { _ as inputGroup, l as label, U as inputAdornment, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-_6eQgwfE.js';
+import { F as FormControlHelpText } from './form-control-help-text-Cjeu_VrV.js';
+import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
 import './event-types-CZfYo5-1.js';
 
 const MonetaryInputProvisioning = class {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-D6FDxSyt.js';
-import { b as inputInvalid, R as inputDisabled, a as inputFocused, c as input, l as label, S as inputAdornment } from './parts-BrLVc_85.js';
-import { F as FormControlHelpText } from './form-control-help-text-2DawN8-N.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
+import { b as inputInvalid, T as inputDisabled, a as inputFocused, c as input, l as label, U as inputAdornment } from './parts-_6eQgwfE.js';
+import { F as FormControlHelpText } from './form-control-help-text-Cjeu_VrV.js';
+import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
 import './event-types-CZfYo5-1.js';
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
 const MonetaryInput = class {
@@ -49,10 +49,10 @@ const MonetaryInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '49b912649df6d869e20a79017363c738a17e00c1' }, h("div", { key: '2c30b89dd46fafe1cd04d186c90ee8389585e1b8', class: "form-group d-flex flex-column" }, h("label", { key: 'e526de8712e2ea3c91ce897d89c5246bbf4391a1', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'c9e7a522371ac171186d45da231943c6cbc202fa', name: this.name, helpText: this.helpText }), h("div", { key: '4e9dc549b30327528fa099ea9b451659def605f7', class: "input-group" }, h("span", { key: '5f4d6854d6cc15b7d0dbbdcf08c9dd25fec5c8d0', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'c04d0dce879da4d53bf6dc4925bac7729408a09f', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '88cfae6c94312f40c13c73d38acf47253c41640a' }, h("div", { key: '23b4f228ae880b83d1487d5cbf435c45ec6e21d2', class: "form-group d-flex flex-column" }, h("label", { key: '7ba13edbecfa0c918593bbc478097a02666e5fd3', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'e7a703b4438f6ac97119385158273d5b88792eb4', name: this.name, helpText: this.helpText }), h("div", { key: '415a2d1dc979e41bd3acd5938b676147cc17b9e2', class: "input-group" }, h("span", { key: 'a0aa732bcf5ccf5cbfa2fac954f9229d5959abc0', class: "input-group-text", part: inputAdornment }, "$"), 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 })), h(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 })), h(FormControlErrorText, { key: 'd384b64c9551eaf13dbbd75bcd4b9bad0291d923', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-D6FDxSyt.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
-import { b as inputInvalid, R as inputDisabled, a as inputFocused, c as input, l as label } from './parts-BrLVc_85.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
+import { b as inputInvalid, T as inputDisabled, a as inputFocused, c as input, l as label } from './parts-_6eQgwfE.js';
+import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
 import './event-types-CZfYo5-1.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
@@ -66,10 +66,10 @@ const NumberInputMasked = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '328a9d2bf17d2ec2a8a9fa5acf6bbe76af38a38a' }, h("div", { key: '24d1757d7d554ac65e7c2413490425ca3d06aefc', class: "form-group d-flex flex-column" }, h("div", { key: '4548a8ee8d7538f2c3b7ddb0d76ec8c7342cc88a', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c58ccd5ecb756e084a30d9686603e54487bf34ab', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '50d1aeed268375b7b2a9845065ccdc4e1dc5a495', helpText: this.helpText })), h("input", { key: 'ed473e972cc773b9a914dde41d9bff2d8880c604', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'cb63ba287e7fc1ee36b212118b137c6cf3b655b5' }, h("div", { key: 'db73b8a97ea151737018354f24f0e4f0efad92da', class: "form-group d-flex flex-column" }, h("div", { key: '833c67c07e655d7394b9a262ecfc90f9c28fa06b', class: "d-flex align-items-start gap-2" }, h("label", { key: 'cb21d0026c79860ae7b03b311832c2bc5d1541ba', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '25e97d3cfe5611fdfbb31dee90a5c9a284beaf18', helpText: this.helpText })), 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 }), h(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 }), h(FormControlErrorText, { key: '9a412bb22888801d7a5ae67f5d840d9b46525e5e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D6FDxSyt.js';
-import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-BrLVc_85.js';
-import { F as FormControlHelpText } from './form-control-help-text-2DawN8-N.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bta_r52Z.js';
+import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-_6eQgwfE.js';
+import { F as FormControlHelpText } from './form-control-help-text-Cjeu_VrV.js';
+import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
 import './event-types-CZfYo5-1.js';
 
 const NumberInput = class {
@@ -42,10 +42,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '575b10375e81774d2ce099cb9f79960fe530ea71' }, h("div", { key: '6f23da58c5fbf994dbf814022ab99668c0c71f77', class: 'form-group d-flex flex-column' }, h("label", { key: '4b19d3067770ce1523e88a7f701a0e193098eb5f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'e6331df9a0484fa12e05d63b3b45af3a9d8b0993', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '01d3a08bbd6dc5aab1a2da27007ba35585d8c97b' }, h("div", { key: '78ca32dadb2a598846266ae595ef156d0cedc66f', class: 'form-group d-flex flex-column' }, h("label", { key: '8a7e94d0dbc675f2ade59b984b4eb609323fd227', part: label, class: "form-label", htmlFor: this.name }, this.label), 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 }), h(FormControlHelpText, { key: '55ef88b41cea29d14df3412a9743685114cfda13', helpText: this.helpText, name: this.name }), h(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 }), h(FormControlHelpText, { key: '9ff16beb0781040517f8e54fe5d46c2df4cc817e', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2f77c35f2738fb792956e8723670f77354896d59', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-D6FDxSyt.js';
-import { Z as inputRadioInvalid, _ as inputRadioCheckedFocused, $ as inputRadioChecked, a0 as inputRadioFocused, a1 as inputRadio, l as label } from './parts-BrLVc_85.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
+import { a4 as inputRadioInvalid, a5 as inputRadioCheckedFocused, a6 as inputRadioChecked, a7 as inputRadioFocused, a8 as inputRadio, l as label } from './parts-_6eQgwfE.js';
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -30,10 +30,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'c509c9fa1e33816ade27c55f3053cd964f1f1144', class: 'form-group d-flex flex-column' }, h("div", { key: '7067e770576550bc9627cc57dfff24a7f6f6951c', class: "form-check" }, 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 (h(Host, { key: '6407ba394e0a5e35ce8f9a488942eaff2a6524bf', class: 'form-group d-flex flex-column' }, h("div", { key: '079639b8cd67ea1e68786e051a6248729cc6d9ac', class: "form-check" }, 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 }), h("label", { key: '7f54b31c722389a5397e907cc1a400f5da181d21', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '1424f36dfba3af3573fa844d86192428afde1082', helpText: this.helpText, name: this.name }), 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 }), h("label", { key: '7df3ada6721528e7a1e0895b4b8c018c55fa6c86', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '70e2e3794604d2a1c7b5f4a363742a784b515b37', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'b54b84856b46406fe7f978ad85514b20e4a1ba40', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/esm/{get-business-GEPTefIj.js → get-business-BSRtbTh7.js}

@@ -1,6 +1,6 @@
 import { B as Business } from './Business-BCoP0TAV.js';
-import { C as ComponentErrorSeverity } from './ComponentError-SdntD1xf.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/{get-payment-details-DXhXxFPr.js → get-payment-details-DtkGDTwo.js}

@@ -1,13 +1,14 @@
-import './config-state-CkKrqnpZ.js';
-import './utils-DB5fh6Iv.js';
-import { C as ComponentErrorSeverity } from './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import './config-state-BjXhUj2q.js';
+import './utils-BjLkBMLe.js';
+import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
-import { P as Payment } from './Document-DvWsQBM6.js';
-import './Refund-zZewCvey.js';
+import { P as Payment } from './Payment-BEvE6jAC.js';
+import './Refund-CwUn_GFj.js';
+import './Document-Ct-uNz2r.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import './Dispute-7MWRbTXI.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/esm/{get-payout-csv-D7IYYqVL.js → get-payout-csv-U_pgdPpb.js}

@@ -1,5 +1,5 @@
-import { C as ComponentErrorSeverity } from './ComponentError-SdntD1xf.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {

package/dist/esm/{get-subaccounts-CtHj1UM6.js → get-subaccounts-C-ENQBmY.js}

@@ -1,14 +1,15 @@
-import { A as Api } from './Api-cgKcLG0y.js';
-import { C as ComponentErrorSeverity } from './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { A as Api } from './Api-CqimcNgb.js';
+import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
+import './Checkout-CV6qgU0r.js';
 import './Pagination-CLHwhyvu.js';
-import './Document-DvWsQBM6.js';
-import { S as SubAccount } from './Refund-zZewCvey.js';
+import './Payment-BEvE6jAC.js';
+import { S as SubAccount } from './Refund-CwUn_GFj.js';
+import './Document-Ct-uNz2r.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
-import './config-state-CkKrqnpZ.js';
-import './utils-DB5fh6Iv.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import './Dispute-7MWRbTXI.js';
+import './config-state-BjXhUj2q.js';
+import './utils-BjLkBMLe.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
 
 const api = Api();
 class SubAccountService {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-D6FDxSyt.js';
-import { f as formatCurrency, k as formatDisplayDate } from './utils-DB5fh6Iv.js';
-import { E as ErrorState } from './utils-BpP_VJGf.js';
-import { S as Spinner } from './spinner-onCBxbdo.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
+import { f as formatCurrency, l as formatDisplayDate } from './utils-BjLkBMLe.js';
+import { E as ErrorState } from './utils-1WrbuHVR.js';
+import { S as Spinner } from './spinner-Cl-6YJPf.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './parts-BrLVc_85.js';
+import './parts-_6eQgwfE.js';
 
 /*!
  * @kurkle/color v0.3.4
@@ -11034,7 +11034,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && h(Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '0201a1f9445d3eb9800aca09098b5b58a24b6923' }, this.loading && h(Spinner, { key: 'c6e39699e3bfaf3d7d0f5907d7085604e1fe5b9d' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/esm/{header-1-D2gZb3iT.js → header-1-5FIT-wD7.js}

@@ -1,5 +1,5 @@
-import { h } from './index-D6FDxSyt.js';
-import { C as heading1 } from './parts-BrLVc_85.js';
+import { h } from './index-Bta_r52Z.js';
+import { w as heading1 } from './parts-_6eQgwfE.js';
 
 const Header1 = (props) => {
     return h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading1 }, props.text);

package/dist/esm/{header-3-DAg8Vh4B.js → header-3-Ce9WLWBm.js}

@@ -1,5 +1,5 @@
-import { h } from './index-D6FDxSyt.js';
-import { U as heading3 } from './parts-BrLVc_85.js';
+import { h } from './index-Bta_r52Z.js';
+import { W as heading3 } from './parts-_6eQgwfE.js';
 
 const Header3 = (props) => {
     return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);

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

@@ -1,10 +1,106 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D6FDxSyt.js';
+import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-Bta_r52Z.js';
+import { c as createStore } from './index-Cf8VXyXg.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-_6eQgwfE.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
-import { p as packageJson } from './package-BjMTOtI1.js';
-import { i as iframeInputStyles } from './iframe-input-styles-state-ibYqbF--.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-BrLVc_85.js';
-import './index-Cc3u0uDC.js';
+import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
+import { p as packageJson } from './package-CyXXks-Q.js';
+
+const iframeInputStylesStore = 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) {
+        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 inputInvalidAndFocused;
+        }
+        if (this.errorText) {
+            return inputInvalid;
+        }
+        if (this.isFocused) {
+            return inputFocused;
+        }
+        return input;
+    }
+    render() {
+        return (h(Host, { key: '05e1f461fcdf006dc2b5db2b4c10450cd7db1c8c' }, 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: {}};
 
@@ -1617,10 +1713,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (h(Host, { key: '7482645d98277dfb65e78a2003e020216fcb52c3', class: "form-group d-flex flex-column" }, h("div", { key: '746fca9a555309152d5cf3943d31d3b3b2c9bfde', style: {
+        return (h(Host, { key: '2af3e5fa30d517f882488289c4b547c28adae089', class: "form-group d-flex flex-column" }, h("div", { key: '361be04621a8cc152701744a1a06692cc8740fec', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '55b203e278ec100baf7949a91eb6a43135c82402', class: "form-label", htmlFor: "", part: label }, this.label || ''), 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' }) }, h("iframe", { key: '5eb7c35da6ca7910ccf74a24d77ee47d6b4479f9', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '807e8814bbac8cd2e2b409367b3205238b8f7d1c', class: "form-label", htmlFor: "", part: label }, this.label || ''), 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' }) }, 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: () => {
@@ -1630,9 +1726,9 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '291b487d0b798b6658d83b9c9f775ba4f02e09de', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '681f58f474a0c82c5b0b9888156865e0dd496477', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };
 
-export { IframeInput as iframe_input };
+export { HiddenInput as hidden_input, IframeInput as iframe_input };

package/dist/esm/{index-D6FDxSyt.js → index-Bta_r52Z.js}

@@ -1,8 +1,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) => {
@@ -109,6 +112,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 = [];
@@ -208,6 +219,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") {
@@ -1633,9 +1652,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(
@@ -1752,4 +1769,4 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { Fragment as F, Host as H, getRenderingRef as a, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Fragment as F, Host as H, getElement as a, bootstrapLazy as b, createEvent as c, getRenderingRef as d, forceUpdate as f, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/{index-Cc3u0uDC.js → index-Cf8VXyXg.js}

@@ -1,4 +1,4 @@
-import { a as getRenderingRef, f as forceUpdate } from './index-D6FDxSyt.js';
+import { d as getRenderingRef, f as forceUpdate } from './index-Bta_r52Z.js';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/esm/{insurance-state-CsZbKSgm.js → insurance-state-BcwZy_5w.js}

@@ -1,6 +1,6 @@
-import { h } from './index-D6FDxSyt.js';
-import { D as heading2 } from './parts-BrLVc_85.js';
-import { c as createStore } from './index-Cc3u0uDC.js';
+import { h } from './index-Bta_r52Z.js';
+import { x as heading2 } from './parts-_6eQgwfE.js';
+import { c as createStore } from './index-Cf8VXyXg.js';
 
 const Header2 = (props) => {
     return h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading2 }, props.text);