@justifi/webcomponents 6.11.0 → 6.12.0

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: 'e29f7f83cadc904cfc99431b72503ec7db545d0d' }, h("div", { key: 'f12e1246925a1a1fbfe25e07144aee46f698c24f', class: "row gy-3" }, h("div", { key: '109e36cc204e6798d8c4698aa92872226a885020', class: "col-12" }, h("form-control-text", { key: '9d458a0cad4fd33ac5ab1211a0930e23109cbe6c', 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: '7001ca8f0f123d3bd6c819b51bcd9859c138875d', class: "col-12" }, h("form-control-text", { key: '47b8ffbf8e14d731187dfa6903ccc50ef7719eca', 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: '24795c8373dfb546e7bb9bd841646a24455c72af', class: "col-12" }, h("form-control-text", { key: '124aab7c415c972f010b98eca83e9eef51f96f33', 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: 'b710a554fa639a3c0a7a31661379b480a537d776', class: "col-12 col-md-6" }, h("form-control-select", { key: '3bca33f351147286fa34fdff51f0cfd9b5443658', 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: 'b869501766aa4482e9ea9edda29af9ecd05fac0e', class: "col-12 col-md-6" }, h("form-control-text", { key: '29b3412e69ee4bf83bf211fa3f8395d6d80fde2d', 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: 'dc2fdbd7fd92a0205b15e4b302458d8f0d775b35' }, h("div", { key: 'f32f7d5cb559282cece071f3623bdab80998bc04', class: 'form-group d-flex flex-column' }, h("div", { key: '5481439484b97ad733a0051f1722a5c3ed45778d', class: "form-check" }, h("input", { key: '9e96a563e5b0b1a9589dff7eb4f3eb3038d4918b', 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: '11a27a415d7741d8a29dde8d1fd029c2e143f235', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3e0ef15182200a48d3cf3142c3511a0ad8095db3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e85175ea76f6073d7ee813a3f2d8eaecc044601a', 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: '4bde5edec967df1c66865f5f20d24fa386e261ff' }, h("div", { key: 'fa0a944cd5d06f7e705737bd7fa98d80b8fd1555', class: "form-group d-flex flex-column" }, h("div", { key: '44dcf29339d380087fe7a98173a2033d16ad6764', class: "d-flex gap-2" }, h("label", { key: '8a0a38ace6f4a3db0388013f12381d4afec000bd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c9105a132a81408c304ab24f08c559289d68648b', helpText: this.helpText })), h("input", { key: '7938856aa5c1dca7d6c1ce89b3318eec3055348a', 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: '5e523b911d4b4810c7512c4dda63a3204eabb11a', 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: '5df12f5dc87f1c7d5b18676a9d4a7b257719b2fa', exportparts: "label,input,input-invalid" }, h("div", { key: '57b02e11bd44c405635a2f6253637b288bafdd41', class: "form-group d-flex flex-column" }, h("div", { key: 'd62f4ae4183e33af3105d76d0180ebe0f54983e5', class: "d-flex align-items-start gap-2" }, h("label", { key: '82d8b58d0147f4fc6302c3852a44a73d9fcf34e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec4e21a9d4105b751b099378ce49c55a95ef36b2', helpText: this.helpText })), h("input", { key: '332527088f01b11bb06af38c73f39d3040d925b7', 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: 'd7caedcf4b1263e3c133310312374bc6d61b82c2', 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: '1f5c8bdc73c664cf40acb4f5b61db454bbda36a0' }, h("div", { key: '77f0007875132d26dd8df91dfb53386da9e15ce4', class: "form-group d-flex flex-column" }, h("div", { key: 'a6885165580120dbaffaedf60edf2e2cc9883a9f', class: "d-flex align-items-start gap-2" }, h("label", { key: '489b6d49a60f8339722537084f64746e5625297d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fc581e32bfb8935e79648c0a670bcb26bf225fe4', helpText: this.helpText })), h("input", { key: '34ddfe0796848feadcd6249ed861c5fa623840d4', 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: '4a0c1869b8b19a01273d8f1ca3f3cd92134ddb58', 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: 'c91bf2d63e4cd717dfc472f5b16dac9c3e9fdd69' }, h("div", { key: '8f1eaae0f9dfbcc97adf788a5b955824dc68dbd2', class: "form-group d-flex flex-column" }, h("label", { key: '1965936a9e14612fdb8aec07e0def943e1e1344a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'dd517aee7a39c71c1fe98b6c53a4528c9d3826d5', name: this.name, helpText: this.helpText }), h("div", { key: 'bb62ed9e6c9db38f39581d7f86483a242330c295', class: "input-group" }, h("span", { key: '5a358beea95c1eed695b8ca5e5f9a7a82b0864b1', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '5c37a1edb6a229634536c2c7ad4cb4c2cfff211b', 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: '5cb05fe585766d5f037c33d86485a6002894c781', 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: 'c70d3fcce4d3e1e120008b03a708bb3d1038777b' }, h("div", { key: 'fc3c3cf5637121a7c6f662649a1b3910ec503afa', class: "form-group d-flex flex-column" }, h("div", { key: 'c06e87a0d72942e421c37ab406b7f71d4e7f2c54', class: "d-flex align-items-start gap-2" }, h("label", { key: 'eedeec0161e3085cd65ea08b3fb4517ff62c6ffc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9fb05bd91836ca51750f30a714a7940493bfad8b', helpText: this.helpText })), h("input", { key: 'ef12caf83b42b0de0c33ece690bdd927b9b9a02c', 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: '8791f48bed5d6508b7cccad7bba8da7d65f96ffc', 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 };