@justifi/webcomponents 5.3.4 → 5.3.6

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

@@ -1,5 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, a1 as inputDisabled, c as input, l as label } from './parts-489f0af6.js';
+import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, a1 as inputDisabled, c as input, l as label } from './parts-2c5c609b.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -16,7 +17,7 @@ const FileInput = class {
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '68bfcee3ae8e8baa627c2e03731de655f7a29ef5', exportparts: "label,input,input-invalid" }, h("div", { key: 'a63ff9900d7612d933e35a0fd95335e8abc45ea7', class: "form-group d-flex flex-column" }, h("div", { key: '74124ffdbf2ac3c28299a78469f387c494140db5', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ec6c237392b1b520a5aab9c6f6a9cb328613e663', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '60f734ebac8d88e2e2775deb0433e2dfe3002402', helpText: this.helpText })), h("input", { key: '2859f4d46dcd5a666017fdb6ae0f10a266bdea4a', 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() }), h("form-control-error-text", { key: 'c667c4882412d5d43b60beae55e3ebab2c43f07d', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '1350700239259ba82c0271b647d65771d7a7b8ff', exportparts: "label,input,input-invalid" }, h("div", { key: '5ffc38612a1323b6035679c338ba7fb5318abb82', class: "form-group d-flex flex-column" }, h("div", { key: 'f0bbea8568d6f30f78cc0f308685a1ac3478080c', class: "d-flex align-items-start gap-2" }, h("label", { key: '8e9202023854b1c882681666b1dd151790a9a970', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1c984e6b3e1bdf4489dc40b5180c18ef21394d42', helpText: this.helpText })), h("input", { key: '9b848f2342852e6ad2fecd9d4c1fc183201c1233', 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: '80d3c4169b17ecb18dbe72127fef7a20ad4a8401', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -71,10 +72,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'beabdb77220c0ad180cf1e0143521ce03fea1eb5' }, h("div", { key: '16e2375d19c75d34c7f1ad1eb1a3a5920fa4ba08', class: "form-group d-flex flex-column" }, h("label", { key: 'dbe6e6816c5b500363964c771654d772bb25de62', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'b7c5f64138c846756051bd4984152ad382f24dba', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b9f052bd19ff3dffb1bf486eaa988aa081383f05' }, h("div", { key: 'bc3d6526bfba0d4f38c68d715ff8bc460665ffc7', class: "form-group d-flex flex-column" }, h("label", { key: '264321d3052d3204bac5426e5db2e30819ac953b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'b5edc70861405d2ee6fb6624e0b95238c3bed284', 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: '65ef4b15eda7ac206e935aa13b8ed30000af23d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3fa530e3c915efdb63776a0146356873cf8e1e6a', 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: '3bc58430816f0d63741d112a3604c862d7638dc4', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2343df1050ff0da2cab5296f1cbc6cbc0811f77d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-76a4196e.js → form-control-help-text-242916e3.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { t as text } from './parts-489f0af6.js';
+import { t as text } from './parts-2c5c609b.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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-29fcfdf5.js';
 import { I as IMask } from './index-d9a73ce3.js';
 import { C as CURRENCY_MASK } from './form-input-masks-0e18300f.js';
-import { l as label, t as text, a2 as inputGroup, b as inputInvalid, a1 as inputDisabled, a as inputFocused } from './parts-489f0af6.js';
-import { F as FormControlHelpText } from './form-control-help-text-76a4196e.js';
-import { F as FormControlErrorText } from './form-control-error-text-74c6b38a.js';
+import { l as label, t as text, a2 as inputGroup, b as inputInvalid, a1 as inputDisabled, a as inputFocused } from './parts-2c5c609b.js';
+import { F as FormControlHelpText } from './form-control-help-text-242916e3.js';
+import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
 
 const MonetaryInput = class {
     constructor(hostRef) {
@@ -68,10 +68,10 @@ const MonetaryInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'c7a92629b644f797bc0c199b66f2b3a7802e24af' }, h("div", { key: 'b21ec4bd76d52d6ebe23de04748b344529bd5e91', class: "form-group d-flex flex-column" }, h("label", { key: 'c1a4d2c44d19a81ea594c36c8ce537956e32f8be', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3c7858f3b1bff3d304e2d6ef4613570307abb031', class: "input-group" }, h("span", { key: '57f667463d22682820a688ff4583429203d35c88', class: "input-group-text", part: text }, "$"), h("input", { key: '8027bd97c1e8974089b9438972e449c9fe00e984', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7a28909977bd09fa7103d059880f122bc3afc747' }, h("div", { key: 'd5dae0fca0467655a3428dea5317aed87ade7dd5', class: "form-group d-flex flex-column" }, h("label", { key: '215c09684a5f6b18a3de2224db0ce305dcb5fc61', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3be76b68f6138b3cb2ae0f27fc1e8ce04a85c05c', class: "input-group" }, h("span", { key: '6fb0aa890cbdf552569ca36e87fa24ca26c227f5', class: "input-group-text", part: text }, "$"), h("input", { key: '1a0e63153996d721de870de3afb8f0302a900756', 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 monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '2b983d18e5544d78015ce9d9f15ac0fba9991193', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '1cbf33304b3243fed47f2d6cc5459010d9502347', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '6ba880560bf3e612b10cb8fa718dffa6aeb3cac5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4286ed22b5c36440dfeca603c3220978b22abdd9', 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-29fcfdf5.js';
 import { I as IMask } from './index-d9a73ce3.js';
-import { b as inputInvalid, a1 as inputDisabled, a as inputFocused, c as input, l as label } from './parts-489f0af6.js';
-import { F as FormControlErrorText } from './form-control-error-text-74c6b38a.js';
+import { b as inputInvalid, a1 as inputDisabled, a as inputFocused, c as input, l as label } from './parts-2c5c609b.js';
+import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
 
@@ -73,10 +73,10 @@ const NumberInputMasked = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '84b2b9707b77df0865ca506c3c974f9974f698e3' }, h("div", { key: '6817ba99efccf056fa28535db39a672cdb18bc0a', class: "form-group d-flex flex-column" }, h("div", { key: '2f0f64dc35352659740292397f82f6490f32b6ee', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f5eff8109b6403b2cdc53e6c0a23538ef3dcb817', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '633b66f6d99fea7688652fa6e5f11e0d68666f69', helpText: this.helpText })), h("input", { key: '3df0af7941cb957ddf3df89f3216a2d3187e1e9d', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'b1294e37ae6b189ce0be808644b37ad2d8ef98a1' }, h("div", { key: '8eaf122e331606a8a2c59e29b06cf5538dbaca2d', class: "form-group d-flex flex-column" }, h("div", { key: '8d6e75f18ba9e30f5c5d65eabf9ceda339b95e27', class: "d-flex align-items-start gap-2" }, h("label", { key: '865e5c6da0b5bdf17044f8f1735b7716c8f42abd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae223b57ae6742df71af2dc50cfd761167e6ec9', helpText: this.helpText })), h("input", { key: '57fd46683614a161d133bedad973b8b7b63181ac', 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: '9d634135126b399aea1071fd5cc53784728b01c1', 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: '08049568eafa338d602ae7ca8bfef0612b480f0e', 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-29fcfdf5.js';
-import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-489f0af6.js';
-import { F as FormControlHelpText } from './form-control-help-text-76a4196e.js';
-import { F as FormControlErrorText } from './form-control-error-text-74c6b38a.js';
+import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-2c5c609b.js';
+import { F as FormControlHelpText } from './form-control-help-text-242916e3.js';
+import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
 
 const NumberInput = class {
     constructor(hostRef) {
@@ -48,10 +48,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '8c60e7494ce6878f591699baa07e5a5d562090b4' }, h("div", { key: '49c2ebe33aa6317c5960ab8a1cc1d8998e06ff9e', class: 'form-group d-flex flex-column' }, h("label", { key: '9132628d047ad3c2b243e87b013b77f367aef274', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '25d4df4f8bc7eafde56f8b6aaf77eac3acd78035', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '2384acdb57de4385cc807c1c8de78460018168b7' }, h("div", { key: 'abcba3127958fcd7a01b0a3f16cc20072e5fbc3f', class: 'form-group d-flex flex-column' }, h("label", { key: '5bee8f69bfbcdb66e4f9b80b1bfccdcfd22f6a9a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '1d232c2c0b07af9faaacb1fcc926e8c7838f6769', 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: '47d213b459ddfb9d9704d217f82e0d30d3166465', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4835e71589d825d56d36ef99b00fdd877690a04d', 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: 'd03c05c82aec034fd0d7d72b3ccb00527bbf8559', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '6da5711c44b703bcb72257206c3b0b308890db47', 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-29fcfdf5.js';
-import { a3 as inputRadioInvalid, a4 as inputRadioCheckedFocused, a5 as inputRadioChecked, a6 as inputRadioFocused, a7 as inputRadio, l as label } from './parts-489f0af6.js';
+import { a3 as inputRadioInvalid, a4 as inputRadioCheckedFocused, a5 as inputRadioChecked, a6 as inputRadioFocused, a7 as inputRadio, l as label } from './parts-2c5c609b.js';
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -38,10 +38,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'dd02a226957e079505a8149565e42883eb0c63e8', class: 'form-group d-flex flex-column' }, h("div", { key: '8951df4569607dc68808b57423566dd1d60caa0c', class: "form-check" }, h("input", { key: '7b2e93768b210191dbb3aa9cf81e2520ffaac5ff', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e82324f1559f95c0de0b7ccfea3e0d24cf7b111f', class: 'form-group d-flex flex-column' }, h("div", { key: 'aa98c0018d8e29075fba54ee97a8890a478d8008', class: "form-check" }, h("input", { key: 'ca3f39c4882bc580992d99382b577131b2ebf8d2', 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: 'fd413c400f607c07d704cfe56d7e304082027d5c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4e7cc2ac52d39092be5e46f1a2df1a7d31f380eb', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '420052233ae56f98712559707a4372644f915aec', 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: 'b54b032ae6fcb6220f113a5959a4faa5869d2085', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '97508e5f8e25714f661bf3f5633a144fedf116a6', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7ea160cc96a71a87fa77d6d0a3012340b6dc8a3f', errorText: this.errorText, name: this.name })));
     }
 };
 

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

@@ -0,0 +1,139 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
+import { l as label, c as input, b as inputInvalid, a1 as inputDisabled, a as inputFocused, ae as tooltip, af as tooltipInner, ag as tooltipIcon } from './parts-2c5c609b.js';
+import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
+
+const SelectInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit(target.value);
+        };
+        this.updateInput = (newValue) => {
+            this.selectElement.value = newValue;
+        };
+        this.isFocused = false;
+        this.name = undefined;
+        this.label = undefined;
+        this.options = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        let part = input;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = 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-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+        this.isFocused = false;
+        this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.maxLength = undefined;
+        this.keyDownHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        if (this.errorText) {
+            return inputInvalid;
+        }
+        if (this.disabled) {
+            return inputDisabled;
+        }
+        if (this.isFocused) {
+            return inputFocused;
+        }
+        return input;
+    }
+    render() {
+        return (h(Host, { key: '58d3e4003254d47d57421a2b98c4c3c4ae1ad7d7' }, h("div", { key: 'ef490c45923857d072b54511d28289231843d6d4', class: "form-group d-flex flex-column" }, h("div", { key: '4554059b6543dee11f4baf897161a0403067d9fc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9aac34dbea8460850416432b26c341de0fd709f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9c71653212fc53843f7ef0ab99c7b4458a0c54cc', helpText: this.helpText })), h("input", { key: 'c014ebd061185484c91229bbe0b0dc89e66c7b03', 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", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'a885a023a35e3801365d97e22c54615b77d45863', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TooltipComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.anchorIcon = undefined;
+        this.tooltip = undefined;
+        this.helpText = undefined;
+    }
+    show() {
+        this.tooltip.classList.add('show');
+    }
+    hide() {
+        this.tooltip.classList.remove('show');
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: tooltipIcon }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: tooltipInner }, this.helpText)))));
+    }
+};
+
+export { SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };

package/dist/esm/{get-payout-csv-8450b60d.js → get-payout-csv-6826271a.js}

@@ -1,9 +1,9 @@
 import { A as Api } from './Api-391d00e2.js';
 import { a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-9aad3891.js';
+import './SubAccount-dbd4e50c.js';
 import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
 

package/dist/esm/{get-subaccounts-3af0844a.js → get-subaccounts-f21220dc.js}

@@ -1,9 +1,9 @@
 import { A as Api } from './Api-391d00e2.js';
 import { a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import { S as SubAccount } from './SubAccount-9aad3891.js';
+import { S as SubAccount } from './SubAccount-dbd4e50c.js';
 import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
 import { f as formatCurrency, e as formatDisplayDate } from './utils-c37124fc.js';
-import { E as ErrorState } from './utils-6c26bccc.js';
-import { S as Spinner } from './spinner-6b708842.js';
-import './parts-489f0af6.js';
+import { E as ErrorState } from './utils-4cb0d852.js';
+import { S as Spinner } from './spinner-14cd9ac7.js';
+import './parts-2c5c609b.js';
 
 /*!
  * @kurkle/color v0.3.2

package/dist/esm/{header-1-797ca789.js → header-1-b43590e5.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { e as heading1 } from './parts-489f0af6.js';
+import { e as heading1 } from './parts-2c5c609b.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-544afa0b.js → header-3-b90e161e.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { X as heading3 } from './parts-489f0af6.js';
+import { W as heading3 } from './parts-2c5c609b.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/{insurance-state-307335d6.js → insurance-state-9e4a3359.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { h as heading2 } from './parts-489f0af6.js';
+import { h as heading2 } from './parts-2c5c609b.js';
 import { c as createStore } from './index-a47fdc7f.js';
 
 const Header2 = (props) => {

package/dist/esm/justifi-additional-questions-form-step-core_6.entry.js

@@ -3,19 +3,19 @@ import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './b
 import { F as FormController, c as create$3 } from './index.esm-0b6849c2.js';
 import { A as AdditionalQuestions, C as CoreBusinessInfo, R as Representative, c as Address } from './Business-0855931c.js';
 import { C as CURRENCY_MASK, P as PHONE_MASKS } from './form-input-masks-0e18300f.js';
-import { h as heading2 } from './parts-489f0af6.js';
-import { S as Skeleton } from './skeleton-74fbfb68.js';
+import { h as heading2 } from './parts-2c5c609b.js';
+import { S as Skeleton } from './skeleton-122648e6.js';
 import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-86a13078.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import { z as bankNameValidation, A as nicknameValidation, u as identityNameValidation, B as accountTypeValidation, C as accountNumberValidation, D as routingNumberValidation, E as voidedCheckValidation, F as bankStatementValidation } from './schema-validations-b1aec6a0.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-9aad3891.js';
+import './SubAccount-dbd4e50c.js';
 import { a as EntityDocument, b as EntityDocumentStorage } from './Document-1907c0d4.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
-import { B as Button } from './button-cc455199.js';
+import { B as Button } from './button-79dcea75.js';
 import { i as identitySchema, a as addressSchema } from './business-identity-schema-0a78fc59.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
 import './helpers-96ea3464.js';

package/dist/esm/justifi-additional-questions-form-step_9.entry.js

@@ -2,17 +2,17 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-2
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
 import { m as makeGetBusiness, b as makePatchBusiness, c as makePostBankAccount, d as makePostDocumentRecord } from './payment-provisioning-actions-beadac34.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-f7c3b9f7.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-9aad3891.js';
+import './SubAccount-dbd4e50c.js';
 import './Document-1907c0d4.js';
 import { c as create$3, e as create$7, F as FormController } from './index.esm-0b6849c2.js';
 import { A as Api } from './Api-391d00e2.js';
-import { h as heading2 } from './parts-489f0af6.js';
+import { h as heading2 } from './parts-2c5c609b.js';
 import './Business-0855931c.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-5c87de02.js';
-import { B as Button } from './button-cc455199.js';
+import { B as Button } from './button-79dcea75.js';
 import './utils-fd99b806.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';