@justifi/webcomponents 6.10.4 → 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: '85a09c6f209dbfbf3fd319953e65c189a9b7459b' }, h("div", { key: 'e133720b466b49bcdfd79bf84e865b4d99d5d37d', class: "form-group d-flex flex-column" }, h("div", { key: '80e2986fb137ab7067451a9c62e685e340e32976', class: "d-flex gap-2" }, h("label", { key: 'c6402fdecf21a836987b5a8ddb597d90e21a1926', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '314f8cb1d8715da046c47b66815bf37c1506ed3e', helpText: this.helpText })), h("input", { key: '5591aa3f855ae88394fabaf127ae1fe587c7e0a5', 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: '39864e02b813e9a4a46f9d42c5288dea14f934b7', 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: '9ae20e0fa6175e68642be79ada4f3464631be680', exportparts: "label,input,input-invalid" }, h("div", { key: '607cd1269298725d8f4300f1b56adb945c361067', class: "form-group d-flex flex-column" }, h("div", { key: '5490713d71075bf5a273ec1e39d3a7db525d11ff', class: "d-flex align-items-start gap-2" }, h("label", { key: '1fcac0b30532d33c296884133991d72dfdbddd37', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e06af0a48fb6dacc82f3730fb7f39b180a3375a3', helpText: this.helpText })), h("input", { key: '7ec47dbbad4a53b3ac6f513e82c67c27ce54498c', 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: '265cfe1af1dcebdca02b538872b4f2c4a6c57309', 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: '8172f7df27c42c6d5211d29ef595dd2e4dbd9def' }, h("div", { key: '99740d980c280502242ee1cdcee2a3df6ba53146', class: "form-group d-flex flex-column" }, h("div", { key: '5fb94f2b710d5fd734172ee91b59621d736e129b', class: "d-flex align-items-start gap-2" }, h("label", { key: '12fedf016c7d789fad8692c7ae03975481964005', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6d59be5a27d3c9a171292244fc9e9bb598b9ecce', helpText: this.helpText })), h("input", { key: '64c7d9eaa46f95714d5527cf94d28c206065a411', 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: '9610c0676934fd616fbdac08e98a102240773084', 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: '9fcce717caf2a14382e8a66c07a023ec31bffce0' }, h("div", { key: 'a5ef7195ec5904764f69c2987b1d1878a2d5be8d', class: "form-group d-flex flex-column" }, h("label", { key: '75cf2a0d4790426df3956a69ea2483aba3e232ec', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'daabe1b4779cea9af67b5bafcc8244d32bcc4775', name: this.name, helpText: this.helpText }), h("div", { key: 'fbe335cf9e131842e9218befcf51535d1012f4f1', class: "input-group" }, h("span", { key: '389b0a9697af6e81b350c41956bc36033dc151a2', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '28a854f05c8a2476002b22baf5c5958fac9a4ec2', 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: 'cfbdf17dcc9d55951ec39951f236cb0a5242e8cc', 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: '6fc95da2f8a43f319b11205b6d27b5e24b1e2586' }, h("div", { key: 'b51ae7976fee61e38d6f00f31cfaa835733db5f3', class: "form-group d-flex flex-column" }, h("div", { key: '16aed34d97424e168fa74d1fdb5757537f56b4b1', class: "d-flex align-items-start gap-2" }, h("label", { key: '7b1fdf28df1ab377b1b756746fb73f42085baa42', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '391b4373fcb966ba8c65c617167f044bd0d901f1', helpText: this.helpText })), h("input", { key: 'fb893ef4da1e43f72031baef93aa2c5a3a1632b9', 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: 'b67a3581cb5058971fb2f356a181ca8f0de2a9eb', 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 };