@justifi/webcomponents 6.1.0-rc.2 → 6.1.0

package/dist/module/form-control-monetary2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, S as inputAdornment } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label, T as inputAdornment } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: 'fdd31eca7047ab022668fd4ad9ebbde3ec691508' }, h("div", { key: 'fda274a4e96edc22bb99e699faaa91b37b95a856', class: "form-group d-flex flex-column" }, h("label", { key: '72e259579224953c92c9df1f7e32cda7344019ac', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'f548c208758806082639372954d1634cd7202570', name: this.name, helpText: this.helpText }), h("div", { key: '3365f9842f780d2ce8903a798fdf71df7673aae7', class: "input-group" }, h("span", { key: 'c6f8169b97667ee821ba79aec2ea2e1b0d35e3f6', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'd8995e95fd187dda908dbacba511547c13bb4b27', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4608057454c832b6e42af88264675c9b128ab756' }, h("div", { key: '43d57d4620bec818fe83ac7ece2b4a778205b96b', class: "form-group d-flex flex-column" }, h("label", { key: '569fb6f7e0ce1488fc7caa7eca60c86b810c232b', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'eae2a633393231de6a83d7d0640fec025ae6bf10', name: this.name, helpText: this.helpText }), h("div", { key: 'e04b5ee1925a6172843e9dd2e1536349f41cdfa8', class: "input-group" }, h("span", { key: 'a8a80244ee29e4b9790e6424d12b5121a30143a8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '20b6917c428866d8191ed09d0d71c78b23c8a342', 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: '00127c5cdce079d88a8b902c16d960201ff3bce1', 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: '8999aa746df7b4a37b5c5a1c6f410698a0940d77', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -64,12 +64,12 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
 }, [256, "form-control-monetary", {
         "name": [8],
         "label": [1],
-        "inputHandler": [16, "input-handler"],
+        "inputHandler": [16],
         "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
         "maxLength": [2, "max-length"],
-        "keyDownHandler": [16, "key-down-handler"],
+        "keyDownHandler": [16],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-number-masked2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as IMask } from './index3.js';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -73,10 +73,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: 'cd0a23e4a4b1d7b39448e0770c5681aa319fe376' }, h("div", { key: 'fdaeea5b68035edc6885d7e3e5106d6c4962325f', class: "form-group d-flex flex-column" }, h("div", { key: '46379bb141130c88d0b09c1382a9f34758808b8c', class: "d-flex align-items-start gap-2" }, h("label", { key: '5a191a9c22d82d58354fa297d78f51c4cd0ec36b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9a8c580ee3b69902a30bca5aa79309be15d0c51d', helpText: this.helpText })), h("input", { key: '03bec84295380c4c86cc4c1b9ff6609ddf15c7b8', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'adf23d58dec1c24cf4ba2211503ffe64b522be75' }, h("div", { key: 'a36c57a06cf264359a28b61fe18b1f6e3a68ac7f', class: "form-group d-flex flex-column" }, h("div", { key: '8f661e4521f0b3fe44b2c5b79dd5589949f3e0e2', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a7348d28089c56cb8a757ac6cc8a39093014a947', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '43c99dd657f8026d5e7c44b33161a698ac2703e5', helpText: this.helpText })), h("input", { key: '1573ed829c667326706b707fab13b736e3c08d92', 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: '55e523b3be538bccd3a438edf109acbb7de3fce9', 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: 'b5f2c780415db76cf369e2b96f625751d8da11f6', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -87,7 +87,7 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
         "defaultValue": [1, "default-value"],
-        "inputHandler": [16, "input-handler"],
+        "inputHandler": [16],
         "mask": [1],
         "disabled": [4],
         "isFocused": [32]

package/dist/module/form-control-number.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { U as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
+import { V as inputInvalidAndFocused, e as inputFocused, c as inputInvalid, i as input, b as label } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
@@ -47,10 +47,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '7d3590c5616114610038d95cf45e3aa1f6fca08f' }, h("div", { key: '231c16a61a76aa7501df035639a7c2de474a2578', class: 'form-group d-flex flex-column' }, h("label", { key: 'c6736b7830e68c4ebfad4e954510fa7e6f839772', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '739a6c3f50a684da033e5a2669bb661cd50836a9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '15e25b44aa07c819b29e3d027b8111f73fa74bf2' }, h("div", { key: 'd71978a6d38bfff6a25a2d90dcd956ea0c05f723', class: 'form-group d-flex flex-column' }, h("label", { key: 'f09af5d0c28c29d23f6906966dea489649ab78c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'eb400587ec1cc22378c0dc0b4d7fb1136c389dfd', 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: '456c71cb54cf15bf17b2bcf95140d47db9002bce', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '55aa4e9d84f0236e9a1b0e27b174f385de2b9537', 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: 'c6427f92a21c1534d3723accc9ee7c31671f2a05', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2a1d91656022a28bb0bd2759b7ceb799ebf7bc', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -62,7 +62,7 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
         "defaultValue": [1, "default-value"],
-        "inputHandler": [16, "input-handler"],
+        "inputHandler": [16],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-radio2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { k as inputRadioInvalid, m as inputRadioCheckedFocused, n as inputRadioChecked, o as inputRadioFocused, p as inputRadio, l as label } from './parts.js';
+import { m as inputRadioInvalid, n as inputRadioCheckedFocused, o as inputRadioChecked, p as inputRadioFocused, q as inputRadio, b as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTMLElement {
@@ -34,17 +34,17 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '15657fdcd58d4971b8a25d32b458ff652203af29', class: 'form-group d-flex flex-column' }, h("div", { key: 'f50498d959e589a759fdf34a88ffdd2d423a3c7b', class: "form-check" }, h("input", { key: 'ac09f7a9de18b042302373d755565524170578aa', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '22c8d00ad3ac42efb24eb601f4a56870ff4a546a', class: 'form-group d-flex flex-column' }, h("div", { key: '35348f22933cc6c02ed7ac802d5fe99c430b425b', class: "form-check" }, h("input", { key: '02e95c2f92aabfeda66a9b39c889140a2daac14a', 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: 'a9a890749f5106772e6e849d3ffde7cad8c7b744', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b85b9fa72868f1b70d7e2cf37e5b831762c2c448', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c2658161f4564fac4ec33acf48a23fd4cc656615', 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: '71514aeb916b728b1d5c139db7d8bbf61875565d', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4b80544c0dde725a998d3d4a4ad96e48150a2ebf', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd5b711dc19ec9025989de7833839804df37f66dc', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],
         "name": [8],
         "value": [1],
         "helpText": [1, "help-text"],
-        "inputHandler": [16, "input-handler"],
+        "inputHandler": [16],
         "disabled": [4],
         "errorText": [1, "error-text"],
         "checked": [4],

package/dist/module/form-control-select2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -47,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a7428cd8a89414d877dafe9948f5652f28c36a5f' }, h("div", { key: 'c9d5d5d2f8a6292484d3606d883dbb9d168aa316', class: "form-group d-flex flex-column" }, h("div", { key: 'c1aba6560934b966de02e9afef77428c6060eefb', class: "d-flex align-items-start gap-2" }, h("label", { key: '5fbbb09c3955ff3285b006f24c3873082394d39c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f756a05a8273ab6fd65205bb5c32cd34c30a9db3', helpText: this.helpText })), h("select", { key: 'ffd0fa461d3c35da5595e705a7c4068066d8f971', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6a6696ce1aa6cae8f04dfa705fb00840ce93a8f8' }, h("div", { key: '8c6275b19f9f55d5d6965b0433a80df34f06f9ca', class: "form-group d-flex flex-column" }, h("div", { key: '37483257e8603ecd9809656069f7b50f27aca2e6', class: "d-flex align-items-start gap-2" }, h("label", { key: 'dfb36f4753f4cf3cf984683d7330ee8eae8a0353', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '03246509a169745bac4ef251989e8d1a976fb1f0', helpText: this.helpText })), h("select", { key: 'ec7e357f969e25697dc2875d4f4963bac4afd169', 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: '6ee60bb236ccf7cea7bc8ccf946a363d2cd26906', errorText: this.errorText, name: this.name }))));
+            }, 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: 'ad796d86b1abece5dd9051914e7a66f61250b61e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -59,7 +59,7 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
         "name": [8],
         "label": [1],
         "options": [16],
-        "inputHandler": [16, "input-handler"],
+        "inputHandler": [16],
         "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],

package/dist/module/form-control-text2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '71473077484c65dce4e3311db05a194f642a37c8' }, h("div", { key: 'fbceee0b9fae4f05e1310a97c009fa5a97866ea4', class: "form-group d-flex flex-column" }, h("div", { key: 'c5b6cc944e8a1a7aafe136e67e5f37772f364cd6', class: "d-flex align-items-start gap-2" }, h("label", { key: '029a560a612b7e00f4d67c7adc2b5bdffa85cb53', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b3a41a599dc2f59171befb532c0cd219adba5', helpText: this.helpText })), h("input", { key: '2510c95b50bb26d00fb2975e38fde9efb7a6986e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f9172730f4579570ff008c316bc9e4f80d6af2ba' }, h("div", { key: '5db37f42f9510cb07c66ded8bd43d281678eaf08', class: "form-group d-flex flex-column" }, h("div", { key: 'cd54abd6e258eef9ecea7308e94e5ce855e9c8ad', class: "d-flex align-items-start gap-2" }, h("label", { key: '2dfbc1523d7c7a193a1d3636993b656011537f8a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd76eb6fdb392f3cafbed498a0634c3ea9338f2b3', helpText: this.helpText })), h("input", { key: '60252f4dd024ec3aafe67a32d119014d4219b37d', 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: 'feff4a3d104ea6f74a8d7049f79b8c2850b308a9', 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", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'b3d383f533f1dd60f9f833475f855c111cb137e2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -60,12 +60,12 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
 }, [256, "form-control-text", {
         "name": [8],
         "label": [1],
-        "inputHandler": [16, "input-handler"],
+        "inputHandler": [16],
         "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
         "maxLength": [2, "max-length"],
-        "keyDownHandler": [16, "key-down-handler"],
+        "keyDownHandler": [16],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-textarea2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
+import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, d as inputDisabled, i as input, b as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
@@ -46,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'b4cdee53e150296601582bd17a74e7bff12c1867' }, h("div", { key: '198dd6fc463200a2445bd08934a15a0423ba4778', class: "form-group d-flex flex-column" }, h("label", { key: '73624f9fa6f506bb184bf461b60717f1aac87fdc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4aa0e8ef05e13f8c4c60c73e3312fd8d19d1b442', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '17565b8284dd9766896b450d6127f6e735591443' }, h("div", { key: 'b4ba485d3330fe2dd2ecad155360b6865f9eac28', class: "form-group d-flex flex-column" }, h("label", { key: '96e9ac9b482085fc85d9f6d19cc08b0afe3f4853', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2db671bba03af9e8f1626029eebe3e755051f223', 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: 'e54de23fbe76cfc9f1a9e88d71737b23b84d0ea4', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7ec33f817f34514cf2c8acdb2bb1647de433aad7', 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: '8670e24897cebcb1128993f24bdffa2cf26d7688', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a48c15a05be9351ed450a01f5c958a4078ab1ed7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -62,8 +62,8 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         "errorText": [1, "error-text"],
         "defaultValue": [1, "default-value"],
         "maxLength": [2, "max-length"],
-        "inputHandler": [16, "input-handler"],
-        "keyDownHandler": [16, "key-down-handler"],
+        "inputHandler": [16],
+        "keyDownHandler": [16],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-tooltip2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { e as tooltipIcon, f as tooltip, g as tooltipInner } from './parts.js';
+import { f as tooltipIcon, g as tooltip, j as tooltipInner } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const TooltipComponent = /*@__PURE__*/ proxyCustomElement(class TooltipComponent extends HTMLElement {

package/dist/module/form.js

@@ -1066,9 +1066,12 @@ class Schema {
    */
 
   cast(value, options = {}) {
-    let resolvedSchema = this.resolve(Object.assign({
+    let resolvedSchema = this.resolve(Object.assign({}, options, {
       value
-    }, options));
+      // parent: options.parent,
+      // context: options.context,
+    }));
+
     let allowOptionality = options.assert === 'ignore-optionality';
     let result = resolvedSchema._cast(value, options);
     if (options.assert !== false && !resolvedSchema.isType(result)) {
@@ -1082,7 +1085,7 @@ class Schema {
     return result;
   }
   _cast(rawValue, options) {
-    let value = rawValue === undefined ? rawValue : this.transforms.reduce((prevValue, fn) => fn.call(this, prevValue, rawValue, this), rawValue);
+    let value = rawValue === undefined ? rawValue : this.transforms.reduce((prevValue, fn) => fn.call(this, prevValue, rawValue, this, options), rawValue);
     if (value === undefined) {
       value = this.getDefault(options);
     }
@@ -1566,8 +1569,8 @@ class BooleanSchema extends Schema {
       }
     });
     this.withMutation(() => {
-      this.transform((value, _raw, ctx) => {
-        if (ctx.spec.coerce && !ctx.isType(value)) {
+      this.transform((value, _raw) => {
+        if (this.spec.coerce && !this.isType(value)) {
           if (/^(true|1)$/i.test(String(value))) return true;
           if (/^(false|0)$/i.test(String(value))) return false;
         }
@@ -1711,8 +1714,8 @@ class StringSchema extends Schema {
       }
     });
     this.withMutation(() => {
-      this.transform((value, _raw, ctx) => {
-        if (!ctx.spec.coerce || ctx.isType(value)) return value;
+      this.transform((value, _raw) => {
+        if (!this.spec.coerce || this.isType(value)) return value;
 
         // don't ever convert arrays
         if (Array.isArray(value)) return value;
@@ -1921,10 +1924,10 @@ class DateSchema extends Schema {
       }
     });
     this.withMutation(() => {
-      this.transform((value, _raw, ctx) => {
+      this.transform((value, _raw) => {
         // null -> InvalidDate isn't useful; treat all nulls as null and let it fail on
         // nullability check vs TypeErrors
-        if (!ctx.spec.coerce || ctx.isType(value) || value === null) return value;
+        if (!this.spec.coerce || this.isType(value) || value === null) return value;
         value = parseIsoDate(value);
 
         // 0 is a valid timestamp equivalent to 1970-01-01T00:00:00Z(unix epoch) or before.
@@ -2011,7 +2014,7 @@ function sortByKeyOrder(keys) {
   };
 }
 
-const parseJson = (value, _, ctx) => {
+const parseJson = (value, _, schema) => {
   if (typeof value !== 'string') {
     return value;
   }
@@ -2021,7 +2024,7 @@ const parseJson = (value, _, ctx) => {
   } catch (err) {
     /* */
   }
-  return ctx.isType(parsed) ? parsed : value;
+  return schema.isType(parsed) ? parsed : value;
 };
 
 // @ts-ignore
@@ -2101,9 +2104,9 @@ class ObjectSchema extends Schema {
     for (const prop of props) {
       let field = fields[prop];
       let exists = (prop in value);
+      let inputValue = value[prop];
       if (field) {
         let fieldValue;
-        let inputValue = value[prop];
 
         // safe to mutate since this is fired in sequence
         innerOptions.path = (options.path ? `${options.path}.` : '') + prop;
@@ -2118,16 +2121,14 @@ class ObjectSchema extends Schema {
           isChanged = isChanged || prop in value;
           continue;
         }
-        fieldValue = !options.__validating || !strict ?
-        // TODO: use _cast, this is double resolving
-        field.cast(value[prop], innerOptions) : value[prop];
+        fieldValue = !options.__validating || !strict ? field.cast(inputValue, innerOptions) : inputValue;
         if (fieldValue !== undefined) {
           intermediateValue[prop] = fieldValue;
         }
       } else if (exists && !strip) {
-        intermediateValue[prop] = value[prop];
+        intermediateValue[prop] = inputValue;
       }
-      if (exists !== prop in intermediateValue || intermediateValue[prop] !== value[prop]) {
+      if (exists !== prop in intermediateValue || intermediateValue[prop] !== inputValue) {
         isChanged = true;
       }
     }

package/dist/module/gross-payment-chart-core2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as formatCurrency, l as formatDisplayDate } from './utils2.js';
+import { c as formatCurrency, m as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -585,7 +585,7 @@ class Color {
 }
 
 /*!
- * Chart.js v4.5.0
+ * Chart.js v4.5.1
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -2534,10 +2534,10 @@ function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
  * @returns True if the canvas context size or transformation has changed.
  */ function retinaScale(chart, forceRatio, forceStyle) {
     const pixelRatio = forceRatio || 1;
-    const deviceHeight = Math.floor(chart.height * pixelRatio);
-    const deviceWidth = Math.floor(chart.width * pixelRatio);
-    chart.height = Math.floor(chart.height);
-    chart.width = Math.floor(chart.width);
+    const deviceHeight = round1(chart.height * pixelRatio);
+    const deviceWidth = round1(chart.width * pixelRatio);
+    chart.height = round1(chart.height);
+    chart.width = round1(chart.width);
     const canvas = chart.canvas;
     // If no style has been set on the canvas, the render size is used as display size,
     // making the chart visually bigger, so let's enforce it to the "correct" values.
@@ -2682,7 +2682,7 @@ function getDatasetClipArea(chart, meta) {
 }
 
 /*!
- * Chart.js v4.5.0
+ * Chart.js v4.5.1
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -4416,19 +4416,24 @@ class DoughnutController extends DatasetController {
                 labels: {
                     generateLabels (chart) {
                         const data = chart.data;
+                        const { labels: { pointStyle , textAlign , color , useBorderRadius , borderRadius  }  } = chart.legend.options;
                         if (data.labels.length && data.datasets.length) {
-                            const { labels: { pointStyle , color  }  } = chart.legend.options;
                             return data.labels.map((label, i)=>{
                                 const meta = chart.getDatasetMeta(0);
                                 const style = meta.controller.getStyle(i);
                                 return {
                                     text: label,
                                     fillStyle: style.backgroundColor,
-                                    strokeStyle: style.borderColor,
                                     fontColor: color,
+                                    hidden: !chart.getDataVisibility(i),
+                                    lineDash: style.borderDash,
+                                    lineDashOffset: style.borderDashOffset,
+                                    lineJoin: style.borderJoinStyle,
                                     lineWidth: style.borderWidth,
+                                    strokeStyle: style.borderColor,
+                                    textAlign: textAlign,
                                     pointStyle: pointStyle,
-                                    hidden: !chart.getDataVisibility(i),
+                                    borderRadius: useBorderRadius && (borderRadius || style.borderRadius),
                                     index: i
                                 };
                             });
@@ -7272,18 +7277,22 @@ var registry = /* #__PURE__ */ new Registry();
 
 class PluginService {
     constructor(){
-        this._init = [];
+        this._init = undefined;
     }
  notify(chart, hook, args, filter) {
         if (hook === 'beforeInit') {
             this._init = this._createDescriptors(chart, true);
             this._notify(this._init, chart, 'install');
         }
+        if (this._init === undefined) {
+            return;
+        }
         const descriptors = filter ? this._descriptors(chart).filter(filter) : this._descriptors(chart);
         const result = this._notify(descriptors, chart, hook, args);
         if (hook === 'afterDestroy') {
             this._notify(descriptors, chart, 'stop');
             this._notify(this._init, chart, 'uninstall');
+            this._init = undefined;
         }
         return result;
     }
@@ -7726,7 +7735,7 @@ function needContext(proxy, names) {
     return false;
 }
 
-var version = "4.5.0";
+var version = "4.5.1";
 
 const KNOWN_POSITIONS = [
     'top',
@@ -11054,14 +11063,14 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && h(Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '23c2f499d03273189d31adaa1786831a04b65b8d' }, this.loading && h(Spinner, { key: '0b57cbb314d3b87c24e09d4ea7660e6e0a988dc6' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],
         "grossVolumeReport": ["grossVolumeReportChanged"]
     }; }
 }, [256, "gross-payment-chart-core", {
-        "getGrossPayment": [16, "get-gross-payment"],
+        "getGrossPayment": [16],
         "grossVolumeReport": [32],
         "loading": [32],
         "errorMessage": [32]

package/dist/module/header-3.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { W as heading3 } from './parts.js';
+import { X as heading3 } from './parts.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/module/hidden-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { i as iframeInputStylesSet } from './iframe-input-styles-state.js';
-import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input } from './parts.js';
+import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, i as input } from './parts.js';
 
 const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends HTMLElement {
     constructor(registerHost) {
@@ -78,7 +78,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: 'bf8fcd89cdc8fcd1bfd8b9af5a7211c877e482ba' }, h("input", { key: 'f202d9252b60195b193a8203f750730fcf2e271b', 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' } })));
+        return (h(Host, { key: '547220ec7d5fec026ca4a3a0c8698ffc1e87d207' }, h("input", { key: 'dfc3979a87ec4e993e10c010d55d1bebdc0f003f', 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' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/identity-address-form.js

@@ -23,7 +23,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: '63db91625abddc3e615b031e04366a5823d516cf' }, h("div", { key: 'e07f0e511b178471343594fe0c88ae286325a5e5', class: "row gy-3" }, h("div", { key: 'a22674f05f19378994eceb7386c29f579c285a26', class: "col-12 col-md-8" }, h("form-control-text", { key: 'c6cfe95a8ce577a162e4eae61ff7d61902b36e73', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'de08102a8f4948a929f4fd9194ba7eb2f075d507', class: "col-12 col-md-4" }, h("form-control-text", { key: '8dd269cbd72719ff4ad7b85693ed67e1fdd88225', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: 'a1081a9a0016dc5fe06106ffdb0063374389f5de', class: "col-12" }, h("form-control-text", { key: '94b340156ae354a87a93a8cb44bbc0a2f6507489', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '66732609b564a08b4b907e9a50aab38a782b0cbc', class: "col-12 col-md-6" }, h("form-control-select", { key: '8f91fd2a2ae886044b105f21177c0ccd893c3993', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: 'ebec4b6351ccb7741e195806f1897436e10404cc', class: "col-12 col-md-6" }, h("form-control-text", { key: '2d0884fb5acd8e2557fb5ece1b735e6d5945f2a1', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '8051b9545fd8a93fec6f1c00623c2e2876912db7', class: "col-12" }, h("form-control-select", { key: 'c68c63ce249f139f4d1df8820f0e1dd56763a67f', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: '136f90a2d2e8634c003a5f47af20d422b7cc59be' }, h("div", { key: 'e7441c2a0410381be43f8d0735fdf4e390f664f2', class: "row gy-3" }, h("div", { key: '93f23a3ba51716a88bf90628f395dbb3bc456cdc', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f4801f6eb05d3a169142daa6b0d123ef84864de8', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'e8ce49dcd4d3c6df3327d2c011ec1c0a080fb4f2', class: "col-12 col-md-4" }, h("form-control-text", { key: '8cbe92c156c4d410b712b2fc95c7bfe55be4e337', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '4cfcfc24268fd92ccaac110a8293e95bc9998af8', class: "col-12" }, h("form-control-text", { key: 'b2739b7fd7838ee73c9127fd8e9b0dd6dcd12210', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'ce9e4974dcdab596dfcefef362d045ee2fea3648', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c001d0a3d3b402768ec428c0e5760cf0e88c318d', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '7b73598a2b207db9ec2480ed37d163aa45128e6d', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a070edca32110dc4ec238c486ae96852733ae924', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '57b01955142ed533a65058b63cfd20598e8387c2', class: "col-12" }, h("form-control-select", { key: '8f07809025c039b4c39a452ddf2948f973a82d9a', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true })))));
     }
@@ -31,7 +31,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
         "address": ["handleAddressChange"]
     }; }
 }, [256, "justifi-identity-address-form", {
-        "handleFormUpdate": [16, "handle-form-update"],
+        "handleFormUpdate": [16],
         "errors": [8],
         "defaultValues": [8, "default-values"],
         "address": [32]

package/dist/module/iframe-input2.js

@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { w as webcomponentsPackageJson } from './package.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state.js';
-import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input, l as label } from './parts.js';
+import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, i as input, b as label } from './parts.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'c8a36a456afdfd883ae2ad8e05de98d307615b4c', class: "form-group d-flex flex-column" }, h("div", { key: '580cdd90dd76289f78b688fcdb1486ecb7fe6c5a', style: {
+        return (h(Host, { key: 'ecddfb4d179827cff3373a379a34da18fa1a09e5', class: "form-group d-flex flex-column" }, h("div", { key: 'b19d2290c3a67433a58f0156bdd88f3eb0dd015f', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '7df8c29c720b5edf85553e5667c14eeb0ad6e2b6', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '3caeb47ddf3940e1b1a7fe08d8bd50b8123eb2c5', 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: '2fdff0682753d32292431a8d62d30a1647fa62ef', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '30a49b71d2e590fde1c14294078c38dc424e26b8', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd485f9ce44de38330a611ccbd6d4569dad8e3790', 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: '92607fa74dc6564b53616c2985e42cd605719ca4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '075ca2ca25623703280fda84ff119e4820f9a5cb', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'c94856c9b819ad651a69b93f0fea1443003b9054', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {