@justifi/webcomponents 6.11.0 → 6.12.1-rc.1

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

@@ -0,0 +1,65 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { a as CountryCode } from './Business.js';
+import { n as numberOnlyHandler } from './utils4.js';
+import { a as countryOptions, c as countryLabels } from './country-config.js';
+import { d as defineCustomElement$4 } from './custom-popper2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const FormAddressFields = /*@__PURE__*/ proxyCustomElement(class FormAddressFields extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.country = CountryCode.USA;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const labels = countryLabels[this.country];
+        const options = countryOptions[this.country];
+        return (h(Host, { key: 'c7b688749c7e08a18fd2000e8d441dc01e9b2e8d' }, h("div", { key: '3e133db2244db25e8f9841a48ecb28f923eaab22', class: "row gy-3" }, h("div", { key: 'aa765dd77b4c9a32f1446d2034a9bc5e95bb9ca1', class: "col-12" }, h("form-control-text", { key: 'e02f2088d591c1979afcd37a1ba24559a9278ee5', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '9966e1ed471af132236d022be860fd1adb56b61a', class: "col-12" }, h("form-control-text", { key: 'b1a434bf3726ff08f5372d9d350fc5251129815a', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'a5027c59a7fc4f1293578ea165d1dad53e55d361', class: "col-12" }, h("form-control-text", { key: 'e1567856de791bc32e0a85caeb5464b2f63f5f63', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'b131845ebeaa5e7bbfd745d724932174fe785de7', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c590815dfc61241b7c1fc9172dad75a7116b703c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'f896d6370e956ab8b1750b6164ec6cd5c1e8b9ee', class: "col-12 col-md-6" }, h("form-control-text", { key: '469fb8945ca6603a503f32971ef9d2afa3e8a30e', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, 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: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
+    }
+}, [256, "form-address-fields", {
+        "country": [1],
+        "errors": [8],
+        "defaultValues": [8, "default-values"],
+        "inputHandler": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["form-address-fields", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "form-address-fields":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FormAddressFields);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { FormAddressFields as F, defineCustomElement as d };

package/dist/module/form-alert2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { N as alertDanger } from './parts.js';
+import { _ as alertDanger } from './parts.js';
 
 const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLElement {
     constructor(registerHost) {

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

@@ -1,6 +1,6 @@
-import { C as CheckboxInput, d as defineCustomElement$1 } from './form-control-checkbox2.js';
+import { F as FormControlCheckbox$1, d as defineCustomElement$1 } from './form-control-checkbox2.js';
 
-const FormControlCheckbox = CheckboxInput;
+const FormControlCheckbox = FormControlCheckbox$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlCheckbox, defineCustomElement };

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

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { O as inputCheckboxInvalid, P as inputCheckboxCheckedFocused, Q as inputCheckboxFocused, R as inputCheckboxChecked, S as inputCheckbox, b as label } from './parts.js';
-import { F as FormControlHelpText } from './form-control-help-text3.js';
+import { G as inputCheckboxInvalid, H as inputCheckboxCheckedFocused, I as inputCheckboxFocused, J as inputCheckboxChecked, K as inputCheckbox, l as label } from './parts.js';
+import { F as FormControlHelpText } from './form-control-help-text2.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 
-const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput extends HTMLElement {
+const FormControlCheckbox = /*@__PURE__*/ proxyCustomElement(class FormControlCheckbox extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -45,10 +45,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '56962751d91674cfeb2716ba90bb9e9751ea4f66' }, h("div", { key: 'e3bb3cac2bf8ae03fc72558b3c00ef32ee56f61d', class: 'form-group d-flex flex-column' }, h("div", { key: '7be82e8be1da073c8f0e5ca7d609ce1d29c82c5e', class: "form-check" }, h("input", { key: 'f6b5f0ed365937feeb6ee0d885c55a27f21eaec0', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '44db0e9fbb544ade578adfa78a58664c56edc61a' }, h("div", { key: '5b8ccfb8659b890613955a973b0a5bfc19a72268', class: 'form-group d-flex flex-column' }, h("div", { key: '6c20bef58bef64bc2a62e65981f9c1d256741c60', class: "form-check" }, h("input", { key: '50887059a371612ce3061c22979568559e525c5b', 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: 'dda8703d86506cdd5a3b3549f3c54296830ff20f', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a4260e0cc463ad937128d46a3eb251191319473d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'de41ad6865a3d0414fa850ee5439cc11abf31f4f', 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: 'a0b9429f7176c3d835eaf91fb435037c73e80924', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '1a5e408bd2e46652a223f43660f50f97a1cd0856', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '71ab774bedd832db1171fdb752b92f8678c677ff', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],
@@ -68,11 +68,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, CheckboxInput);
+                customElements.define(tagName, FormControlCheckbox);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { CheckboxInput as C, defineCustomElement as d };
+export { FormControlCheckbox as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { D as DateInput, d as defineCustomElement$1 } from './form-control-date2.js';
+import { F as FormControlDate$1, d as defineCustomElement$1 } from './form-control-date2.js';
 
-const FormControlDate = DateInput;
+const FormControlDate = FormControlDate$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlDate, defineCustomElement };

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

@@ -1,13 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
+import { e as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLElement {
+const FormControlDate = /*@__PURE__*/ proxyCustomElement(class FormControlDate extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '04fe677b669177d1ea7d4e8e426d190b74118a02' }, h("div", { key: '9b1479566eeba80113ccf466f8eaf56efce2da47', class: "form-group d-flex flex-column" }, h("div", { key: '81f2620f428f5d9c7caeb0973dacc942337207b2', class: "d-flex gap-2" }, h("label", { key: '8e483165943647e63dcf2eea780582f0ea77dce8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '44162246cc52b4e6600b1c1399de588d98d28a15', helpText: this.helpText })), h("input", { key: '87cc9774e38ff9de3067c9f750afc6312eb72993', 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: '7dedd8129ac03b8a6e4377eeb85d7d11fbd725c4' }, h("div", { key: '3c8b4fe0d6a754467f6a160264243e4dd4820584', class: "form-group d-flex flex-column" }, h("div", { key: '3c354acfc613ee7eb7f7237c6ae5c7555ad0590d', class: "d-flex gap-2" }, h("label", { key: '978b8a6d2ebb30d6013f9a8546bcb023f997d614', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '830c65877ffe20c5d8b9854d550bde324f8a6d5a', helpText: this.helpText })), h("input", { key: 'bc1bb45b9766dbf84b1d449b09b62a48a1beea28', 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: '8a34b1155e7f0e732de278f61bd8eef223bf69ef', 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: 'e6fb1187611b553021e2d25212249b413f72a930', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -84,7 +84,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, DateInput);
+                customElements.define(tagName, FormControlDate);
             }
             break;
         case "custom-popper":
@@ -101,4 +101,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { DateInput as D, defineCustomElement as d };
+export { FormControlDate as F, defineCustomElement as d };

package/dist/module/form-control-file-v2.js

@@ -1,6 +1,6 @@
-import { F as FileInput, d as defineCustomElement$1 } from './form-control-file-v22.js';
+import { F as FormControlFileV2$1, d as defineCustomElement$1 } from './form-control-file-v22.js';
 
-const FormControlFileV2 = FileInput;
+const FormControlFileV2 = FormControlFileV2$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlFileV2, defineCustomElement };

package/dist/module/form-control-file-v22.js

@@ -3,7 +3,7 @@ import { F as FormControlErrorText } from './form-control-error-text.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLElement {
+const FormControlFileV2 = /*@__PURE__*/ proxyCustomElement(class FormControlFileV2 extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -16,7 +16,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '852cd7deb91a1305b0941c90f1ea0b00ee2a9f69', exportparts: "label,input,input-invalid" }, h("div", { key: 'd1c094c73bb6414137f5e1acfd38c0048debef27', class: "form-group d-flex flex-column" }, h("div", { key: 'da46f17f893e4c9557725294404e2451f001ffec', class: "d-flex align-items-start gap-2" }, h("label", { key: '1197fab50023e2028d8eb18a40e7675c3cb88283', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e0834b634350912a26ce08f0d5f1a2dca824cd9f', helpText: this.helpText })), h("input", { key: '98fad302f019cc8abd081834ae006f406d457d5b', 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: '71c5a49575314fca8a6f4434c0634a3cdf82b084', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '8f1a2e7469bf052321e464d3d7d4434a8e1b94eb', exportparts: "label,input,input-invalid" }, h("div", { key: 'a930b47727ba05e965ec5df7b042d2416d38db2c', class: "form-group d-flex flex-column" }, h("div", { key: 'e1040ac692c0f597c0461bcaa27f562c69056c30', class: "d-flex align-items-start gap-2" }, h("label", { key: '387e3d18da10274de2cf9ef680d9483d7855e77e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4bc4aab440ec7cca2eb6af7105d2d9078922376a', helpText: this.helpText })), h("input", { key: '4050a93b51b5b1ecadfe9cff53c5794321c77d13', 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: 'aee21aa5cd54e48f2e7eca3763a07051dd942653', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {
@@ -37,7 +37,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-file-v2":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, FileInput);
+                customElements.define(tagName, FormControlFileV2);
             }
             break;
         case "custom-popper":
@@ -54,4 +54,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { FileInput as F, defineCustomElement as d };
+export { FormControlFileV2 as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { F as FileInput, d as defineCustomElement$1 } from './form-control-file2.js';
+import { F as FormControlFile$1, d as defineCustomElement$1 } from './form-control-file2.js';
 
-const FormControlFile = FileInput;
+const FormControlFile = FormControlFile$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlFile, defineCustomElement };

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

@@ -1,13 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
+import { e as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLElement {
+const FormControlFile = /*@__PURE__*/ proxyCustomElement(class FormControlFile extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -53,10 +53,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '5dae73a138845ac8e08102905fb9ccae526519b5' }, h("div", { key: '38fa7c7c23abf18530a1508e93dee487382f8456', class: "form-group d-flex flex-column" }, h("div", { key: '3c90cfef275acbc2383f3af046b342408e524659', class: "d-flex align-items-start gap-2" }, h("label", { key: '65af257367512c58f75bff6ecc09248148c0929f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd54ddf27dd6197f52487e342963e442dc04aa459', helpText: this.helpText })), h("input", { key: '033108ddee4cac2aca98bcde260ab391e24b8ce5', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9ea17017850bd5e83a213b5247af2fe64f11db6c' }, h("div", { key: '6cb7715a542d193a1ef1579dad6889fb0191e195', class: "form-group d-flex flex-column" }, h("div", { key: 'c643268b004611f98b4d24c341a46d0bce9a8944', class: "d-flex align-items-start gap-2" }, h("label", { key: '3541f24060c2279f0cfb604f7bdec355462196a8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '66f62e7d0ab51765fefc92d8674402a439671792', helpText: this.helpText })), h("input", { key: '564819ed2423c923f16329dc4ccb7a96f50e7ddd', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '81aec26bc0781bbcfe531d37c0dd4bf6966ef9ce', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '2bbc1831fa7aaf773c24860ac47a8318b2eef93d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {
@@ -80,7 +80,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-file":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, FileInput);
+                customElements.define(tagName, FormControlFile);
             }
             break;
         case "custom-popper":
@@ -97,4 +97,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { FileInput as F, defineCustomElement as d };
+export { FormControlFile as F, defineCustomElement as d };

package/dist/module/form-control-help-text.js

@@ -1,4 +1,4 @@
-import { F as FormControlHelpText$1, d as defineCustomElement$1 } from './form-control-help-text2.js';
+import { F as FormControlHelpText$1, d as defineCustomElement$1 } from './form-control-help-text3.js';
 
 const FormControlHelpText = FormControlHelpText$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,35 +1,12 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { h } from '@stencil/core/internal/client';
+import { j as text } from './parts.js';
 
-const FormControlHelpText = /*@__PURE__*/ proxyCustomElement(class FormControlHelpText extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
+const FormControlHelpText = (props) => {
+    const { helpText, name } = props;
+    if (!helpText) {
+        return null;
     }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
-    }
-}, [256, "form-control-help-text", {
-        "helpText": [1, "help-text"],
-        "name": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["form-control-help-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FormControlHelpText);
-            }
-            break;
-    } });
-}
-defineCustomElement();
+    return (h("small", { class: 'form-text text-muted', id: `form-help-text-${name}`, part: text }, helpText));
+};
 
-export { FormControlHelpText as F, defineCustomElement as d };
+export { FormControlHelpText as F };

package/dist/module/form-control-help-text3.js

@@ -1,12 +1,35 @@
-import { h } from '@stencil/core/internal/client';
-import { t as text } from './parts.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const FormControlHelpText = (props) => {
-    const { helpText, name } = props;
-    if (!helpText) {
-        return null;
+const FormControlHelpText = /*@__PURE__*/ proxyCustomElement(class FormControlHelpText extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
     }
-    return (h("small", { class: 'form-text text-muted', id: `form-help-text-${name}`, part: text }, helpText));
-};
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
+    }
+}, [256, "form-control-help-text", {
+        "helpText": [1, "help-text"],
+        "name": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["form-control-help-text"];
+    components.forEach(tagName => { switch (tagName) {
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FormControlHelpText);
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { FormControlHelpText as F };
+export { FormControlHelpText as F, defineCustomElement as d };

package/dist/module/form-control-monetary-provisioning.js

@@ -1,6 +1,6 @@
-import { M as MonetaryInputProvisioning, d as defineCustomElement$1 } from './form-control-monetary-provisioning2.js';
+import { F as FormControlMonetaryProvisioning$1, d as defineCustomElement$1 } from './form-control-monetary-provisioning2.js';
 
-const FormControlMonetaryProvisioning = MonetaryInputProvisioning;
+const FormControlMonetaryProvisioning = FormControlMonetaryProvisioning$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlMonetaryProvisioning, defineCustomElement };

package/dist/module/form-control-monetary-provisioning2.js

@@ -1,14 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { I as IMask } from './index3.js';
+import { I as IMask } from './index2.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { U as inputGroup, b as label, T as inputAdornment, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
-import { F as FormControlHelpText } from './form-control-help-text3.js';
+import { i as inputGroup, l as label, a as inputAdornment, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { F as FormControlHelpText } from './form-control-help-text2.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 
-const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class MonetaryInputProvisioning extends HTMLElement {
+const FormControlMonetaryProvisioning = /*@__PURE__*/ proxyCustomElement(class FormControlMonetaryProvisioning extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -71,10 +71,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         return part;
     }
     render() {
-        return (h(Host, { key: '7a72954c74f3cb31f92d565835de4aceb874a1b5' }, h("div", { key: 'e05612ec4b1b195a24f5a2d2a00ca5b284b4c2f7', class: "form-group d-flex flex-column" }, h("label", { key: 'ffabdebea58878f550cad78430783bcb8372f2c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3593ef8b4adda873a7d6b1789253bc6e1748dcfc', class: "input-group" }, h("span", { key: 'b42f4a51f38451ee36fff437b3a60bd1292d6307', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'd49072c9c3653540fc8edca8a8dd86ad34bef902', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '3bfa76f9374c9e9c08ae44dfc3a579fc07a9292d' }, h("div", { key: 'd7f92783fa26877f673963237b67be2f3dc7eb2b', class: "form-group d-flex flex-column" }, h("label", { key: 'd2adedb97996bac860c3161548652f83a65c6c26', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'be26aeee918412b59d296f18da7d81dfcbfd6a69', class: "input-group" }, h("span", { key: 'a4fca49f6a2d274e7609d86030553100d94bbd7a', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '551ea231e6af58ef27ed186905db553d90e1f1c8', 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.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'd714b88d923f5f38f1b66620c5513ce7c82a7ef0', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '47b9d96f588785bb2597b16a685c18889e1945c1', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'd66e64755451907a6a2593babc6c4e9766cf3025', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ff373668801ac2c1eb30f515a2f7f6fb7c04387f', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -100,11 +100,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, MonetaryInputProvisioning);
+                customElements.define(tagName, FormControlMonetaryProvisioning);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { MonetaryInputProvisioning as M, defineCustomElement as d };
+export { FormControlMonetaryProvisioning as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { M as MonetaryInput, d as defineCustomElement$1 } from './form-control-monetary2.js';
+import { F as FormControlMonetary$1, d as defineCustomElement$1 } from './form-control-monetary2.js';
 
-const FormControlMonetary = MonetaryInput;
+const FormControlMonetary = FormControlMonetary$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlMonetary, defineCustomElement };

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

@@ -1,13 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-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 { b as inputInvalid, c as inputDisabled, d as inputFocused, e as input, l as label, a as inputAdornment } from './parts.js';
+import { F as FormControlHelpText } from './form-control-help-text2.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as formatCurrency } from './utils2.js';
 
-const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput extends HTMLElement {
+const FormControlMonetary = /*@__PURE__*/ proxyCustomElement(class FormControlMonetary extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: '2c0e7cdc644343a61c87852733ee805739ecaaa1' }, h("div", { key: '998eb7ec3125af116e876e837982d2f37285ce4c', class: "form-group d-flex flex-column" }, h("label", { key: '90cff5cbb09cf4f39c04c12c10eae45a6ada97c5', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'be23587b830c4e6e96abcd53a78108543c5ad1c4', name: this.name, helpText: this.helpText }), h("div", { key: '6f47b9e86f4af9c641f26dc631fabc917bc06e8c', class: "input-group" }, h("span", { key: '0e39a178edf94795851c0c52dc054a8a61c2643b', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8bb615087578002c9990dbf7528536ae2cb7aa01', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0e155ea412884f0d45702620cf31aa3910940e88' }, h("div", { key: 'bdf371cf77ec32483c8f984fdc68133ae05be865', class: "form-group d-flex flex-column" }, h("label", { key: 'b8b30aa3bb6ebc5e423593737fd646090a584272', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '6ba6701d1b54eb1b7e4e9de2f6386346b055d516', name: this.name, helpText: this.helpText }), h("div", { key: 'cf6893c681afe85d9e435a9e8920683dd9864c14', class: "input-group" }, h("span", { key: 'de56ce422d29f38028dcbefd8f35be3210223f67', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '234592cf95dc5e613fee8da90a5a4e40389b5bc4', 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: 'd97f18500d2fe6cf23bad8a872f1d0e965ccb114', 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: '2e66376501c5a7718f41c2714a66acf74bb6cde4', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -83,11 +83,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-monetary":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, MonetaryInput);
+                customElements.define(tagName, FormControlMonetary);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { MonetaryInput as M, defineCustomElement as d };
+export { FormControlMonetary as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { N as NumberInputMasked, d as defineCustomElement$1 } from './form-control-number-masked2.js';
+import { F as FormControlNumberMasked$1, d as defineCustomElement$1 } from './form-control-number-masked2.js';
 
-const FormControlNumberMasked = NumberInputMasked;
+const FormControlNumberMasked = FormControlNumberMasked$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlNumberMasked, defineCustomElement };

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

@@ -1,14 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { I as IMask } from './index3.js';
-import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label } from './parts.js';
+import { I as IMask } from './index2.js';
+import { b as inputInvalid, c as inputDisabled, d as inputFocused, e as input, l as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMasked extends HTMLElement {
+const FormControlNumberMasked = /*@__PURE__*/ proxyCustomElement(class FormControlNumberMasked extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -75,10 +75,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '8e8abaf2afd497cf83ef9661374606b899c0f730' }, h("div", { key: 'b9281582a6dc56d34e67541ecf7eda264d911f97', class: "form-group d-flex flex-column" }, h("div", { key: '41816d8d12b7feca244efee7df3afae3594ac687', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c41b28d631cccb4f21ae61763e7afbc866475cc6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd665eb4abc33a53389d9417fa83b8bff46af90ef', helpText: this.helpText })), h("input", { key: 'fbfa6e0768f52ad5e5a92609e9cb1d8c8bd34966', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '63f9e8fbdf09ad22d7744b074d1646e6ea620b61' }, h("div", { key: 'a9fb05c711ebd9de3d3022a2ec17a9c666e7e2aa', class: "form-group d-flex flex-column" }, h("div", { key: 'e726ecfce3bd700fab74b6b3f81bdcba0d43428f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7940a4f3d8b3c894d0ee54871935e9989899c894', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5c1782d425686b096e0b91c411e7543b794b969f', helpText: this.helpText })), h("input", { key: '3b8533a7cd4e0fe1907c6d5e01008063cf70d120', 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: 'db0b75ce2d99e1707b383c0d443416b42f4b620e', 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: '085b4f0ee135c12c6ea9293593e4c722091f895e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -104,7 +104,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, NumberInputMasked);
+                customElements.define(tagName, FormControlNumberMasked);
             }
             break;
         case "custom-popper":
@@ -121,4 +121,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { NumberInputMasked as N, defineCustomElement as d };
+export { FormControlNumberMasked as F, defineCustomElement as d };

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

@@ -1,6 +1,6 @@
-import { N as NumberInput, d as defineCustomElement$1 } from './form-control-number2.js';
+import { F as FormControlNumber$1, d as defineCustomElement$1 } from './form-control-number2.js';
 
-const FormControlNumber = NumberInput;
+const FormControlNumber = FormControlNumber$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlNumber, defineCustomElement };