@justifi/webcomponents 6.0.0-rc.9 → 6.0.1-rc.0

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8bfc9503d439750dac5b1d7bf57b52a679342203' }, h("style", { key: 'c9b621af52af23eca1b31d212d212e9e1851efb4' }, `
+        return (h("div", { key: '6249f59c6bcced199fe4d509988644633d783b6b' }, h("style", { key: '9d6a47ff5b927ebfb318b7d0852678f7ade406ca' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '278b302602f6694c3d8897a11caffe8053396e14', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '512ccb791eaddb6d215f15257c4b09e0aad009c8' }))));
+          `), h("div", { key: '311f13edc07bc1aea0569fb6c92fbbc241704529', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '93e806d8db16cd7c1b29ce6b6bec784c8126ab67' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/details/details.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ErrorState } from "./utils";
 export class Details {
     render() {
-        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
+        return (h("div", { key: '026afe404e83a58245d2c0d68b188a5b227933b4' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '128a949dbbbf194f13552ec2b6d9cc47e643459a' }, h("div", { key: '24fdfab17ddc656c7ed4ce4a26298bb3312b84b5', class: 'form-group d-flex flex-column' }, h("div", { key: 'd66bc9dd8ec3018e934d4279cfc78073e1529ddb', class: "form-check" }, h("input", { key: '754d00dbfa79b34ba919d12ecaf6f69114c92a37', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6ef9c4917c0371f697b92f6a7ee1471feec1aaf1' }, h("div", { key: 'c9b0a6f9d55f2fccc0ce060af6b0944d1cc9104e', class: 'form-group d-flex flex-column' }, h("div", { key: '618bf437e3d39095c5d5fb29b539d37e5f25b225', class: "form-check" }, h("input", { key: 'e51b0c603bc0be02055dc96145b04dbb43638b79', 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: '07928f06ba16f3871948610d8c043de985cb9810', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '83976d5d65b37aa34e41879f0db3347a8902b7d7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '3a4e23a3e9f174d51683518608e2568e0edc72e2', 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: 'bad954d2501514587ef79c0325ecaae0ba6a4b91', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '26d50d8b95bd2285211079e5527f57152c739651', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2f8d2c9fe3a883d2bc9a6200075d8ba13a5dc4', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-date.js

@@ -42,10 +42,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'a309446013bd49b83f2cd63ddde74595b4ad94b5' }, h("div", { key: 'f29f5561099a85767d3a95411d9234e45ce2abf6', class: "form-group d-flex flex-column" }, h("div", { key: 'd0406aa96a962e26053e9495c5be6bef8ce10a49', class: "d-flex gap-2" }, h("label", { key: '72c5d168b03c79083a93481417b5361d4b4acec4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2954e61b39260bf40d2190ed0d6d0c0a4d2fbec1', helpText: this.helpText })), h("input", { key: 'bf82716d44ce3a96cf70c8be2b349d598839e39d', 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: '2e4a67de83ef5dcd64ff15e1f6fbc125db0d121d' }, h("div", { key: 'e73d09d041e2152e88917ac65f8a5b5bb7949df4', class: "form-group d-flex flex-column" }, h("div", { key: '7c0e2d8be29956e61aaa37bc4575efc595382ce7', class: "d-flex gap-2" }, h("label", { key: '1d3692f53203455abacb1addb300549d5d47d8e6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e16354b0813c63cd2b21b4185fdd33c0159d9ee3', helpText: this.helpText })), h("input", { key: 'bf559dea1bf215276a69833a0d5ff78502043669', 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: '1c6036c4ea8ebd3303af2400eb0c0884329a7b33', 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: 'df02643ac9a15c675726ccba1bfb2ec45ed2c4bc', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file-v2.js

@@ -2,7 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
     render() {
-        return (h(Host, { key: 'e4b695469afbe84e1fc03b9f8dab55cc86dee32a', exportparts: "label,input,input-invalid" }, h("div", { key: '7f8ed80d7c8ffb10955c3aa0298011936ee662cb', class: "form-group d-flex flex-column" }, h("div", { key: '517ee3552d3ba2c9096961fa152580ad2768cf9f', class: "d-flex align-items-start gap-2" }, h("label", { key: '204bea2b6abdde9110e7fc2de5488b9647e83a98', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f6c23190a77e997af1433f211a2bf45892a4072e', helpText: this.helpText })), h("input", { key: '666d761e0a0bb7bedef337b9f07641cb4d6dd566', 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: 'a09cb5b92539c22a53f469fd99a40d85680135ba', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '151b13500f5bc11102f13e9e8aba583f5535458f', exportparts: "label,input,input-invalid" }, h("div", { key: 'aa24b590885e67c0dae7bbf10a46e111cbb108ac', class: "form-group d-flex flex-column" }, h("div", { key: 'a6da0c166f60904ac32eef2e9ebb77c472bb7180', class: "d-flex align-items-start gap-2" }, h("label", { key: '24ddc6dc7f49b1be6a8a8d81c829c11f8c76b9e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d058f5f8029abce0a75c86a2de3b11d3c26a8f6', helpText: this.helpText })), h("input", { key: 'c807436e93a21ad7c1fd942cfb295d51bf30a9b7', 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: '59abec5b8a6660de5c3aa09d5341b53bc53b3dea', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file.js

@@ -37,10 +37,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '028fa0490ce436410bf0aea234e92c171bf93b25' }, h("div", { key: '22d1cf8dd7d5731c8bb4469ecb788afef0a8ec6a', class: "form-group d-flex flex-column" }, h("div", { key: '9fe0d7827e5f18b8bec4894aa29f7a9e08e2e139', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ddc0da46940544d5bcf12304f89f6bebc800e457', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '63cdd224e5075ee49a8795dd0d658c3b218db767', helpText: this.helpText })), h("input", { key: '3cb815fa320b991f7089452bd94e910c3ce910ea', 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: '3f6adbe90fc89972562f658958433d77ca9ad67c' }, h("div", { key: '522ea5f78109a2717e8b016c16d29c9444ebf0c2', class: "form-group d-flex flex-column" }, h("div", { key: '39647185cf2b6fbe4317aa5ae609a971161974a7', class: "d-flex align-items-start gap-2" }, h("label", { key: '18d7f1e782c74bfd9a1aad52c70d451e2d7ebdd5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3eab40969bc7d68b195093f7671244a2c1a0f537', helpText: this.helpText })), h("input", { key: '0acb164fc09a23fd8a8937222f527052bb02248e', 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: '03f60fc9c2d42f987b951947f5b189eff623641b', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '03689848a01a3844dcf4480d5f997a3a52338ea1', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-monetary.js

@@ -42,10 +42,10 @@ export class MonetaryInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '522db34cb5be7d1200ab8ce3864c846d91f278dc' }, h("div", { key: 'b2d5b5515eb51843042f511c1ce64a00222aa24c', class: "form-group d-flex flex-column" }, h("label", { key: 'ebba4dc6aa72cbda1656b7c0b846b776555748d4', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'ed37818c0151b760e29e4d21b5344f71b67c516a', name: this.name, helpText: this.helpText }), h("div", { key: 'c1273d4fd5f52e0c6d32a61b600a99d6820b8c84', class: "input-group" }, h("span", { key: 'fa8e479fc0af0ae94e45d881907ebbc4eefead70', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '2347defbce5f2787bb39002096ea67543aa0c474', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fdd31eca7047ab022668fd4ad9ebbde3ec691508' }, h("div", { key: 'fda274a4e96edc22bb99e699faaa91b37b95a856', class: "form-group d-flex flex-column" }, h("label", { key: '72e259579224953c92c9df1f7e32cda7344019ac', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'f548c208758806082639372954d1634cd7202570', name: this.name, helpText: this.helpText }), h("div", { key: '3365f9842f780d2ce8903a798fdf71df7673aae7', class: "input-group" }, h("span", { key: 'c6f8169b97667ee821ba79aec2ea2e1b0d35e3f6', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'd8995e95fd187dda908dbacba511547c13bb4b27', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 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: '067197d8c0167d36f6dc3f5ef73d58d2dd7a5fda', 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: '00127c5cdce079d88a8b902c16d960201ff3bce1', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number-masked.js

@@ -61,10 +61,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: '7390ff05013c1007f32c9860259288a02ff1c52e' }, h("div", { key: 'c082f20b7fd2adbf45f317ab213b93ebc788e5e4', class: "form-group d-flex flex-column" }, h("div", { key: '8fe10be0c3c9ee6331d29342468a725d3b2767e0', class: "d-flex align-items-start gap-2" }, h("label", { key: 'de1e1a2c32de0153cdb803eb4d653c0934aeb19c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3421ae7e1b2b78cbcfc79281bf971c12b2eba0c7', helpText: this.helpText })), h("input", { key: 'f8e8be44c384dd6f3affdbbf948837ec77ec6ba4', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'cd0a23e4a4b1d7b39448e0770c5681aa319fe376' }, h("div", { key: 'fdaeea5b68035edc6885d7e3e5106d6c4962325f', class: "form-group d-flex flex-column" }, h("div", { key: '46379bb141130c88d0b09c1382a9f34758808b8c', class: "d-flex align-items-start gap-2" }, h("label", { key: '5a191a9c22d82d58354fa297d78f51c4cd0ec36b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9a8c580ee3b69902a30bca5aa79309be15d0c51d', helpText: this.helpText })), h("input", { key: '03bec84295380c4c86cc4c1b9ff6609ddf15c7b8', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 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: 'e44994a8c4409e4580216b1dbb0c448e1f0679d6', 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: '55e523b3be538bccd3a438edf109acbb7de3fce9', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number.js

@@ -36,10 +36,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '9ba1b402f0d760fcf5f1a258db29559127d8eb39' }, h("div", { key: '994f5896a8791dea3fe4ebbbe98778edd9406c92', class: 'form-group d-flex flex-column' }, h("label", { key: '1b9a7b572e01fb4c5ee8bc037e2877a3782f8021', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '990735a9b1f835c4110d283bfaed4e6bf080a866', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7d3590c5616114610038d95cf45e3aa1f6fca08f' }, h("div", { key: '231c16a61a76aa7501df035639a7c2de474a2578', class: 'form-group d-flex flex-column' }, h("label", { key: 'c6736b7830e68c4ebfad4e954510fa7e6f839772', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '739a6c3f50a684da033e5a2669bb661cd50836a9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '2f99538e9541d9d3fb43fa171af23edad97667de', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '6756fb24fbb631bf925b470f555365e33f15c4a7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '456c71cb54cf15bf17b2bcf95140d47db9002bce', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '55aa4e9d84f0236e9a1b0e27b174f385de2b9537', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-radio.js

@@ -26,21 +26,21 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'c22f0df594e14c5095be415fe80df4ecae7aa6b4', class: 'form-group d-flex flex-column' }, h("div", { key: 'dc2f63fa23042176825ab3b0617419f3445da972', class: "form-check" }, h("input", { key: '48fe6f95a43e90393bace948455ab87f83a5bb51', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '15657fdcd58d4971b8a25d32b458ff652203af29', class: 'form-group d-flex flex-column' }, h("div", { key: 'f50498d959e589a759fdf34a88ffdd2d423a3c7b', class: "form-check" }, h("input", { key: 'ac09f7a9de18b042302373d755565524170578aa', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '501ca93d655605a6b2f16d2598a6e601315de97f', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '711f8f1eec58731d7925ef8fe0912dcd37542bbe', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a62e4bbcf9c5faae63f17c49f5fc2c431395cbe9', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'a9a890749f5106772e6e849d3ffde7cad8c7b744', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b85b9fa72868f1b70d7e2cf37e5b831762c2c448', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c2658161f4564fac4ec33acf48a23fd4cc656615', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {
         return {
             "label": {
-                "type": "string",
+                "type": "any",
                 "attribute": "label",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "any",
+                    "resolved": "any",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/ui-components/form/form-control-select.js

@@ -35,10 +35,10 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a7428cd8a89414d877dafe9948f5652f28c36a5f' }, h("div", { key: 'c9d5d5d2f8a6292484d3606d883dbb9d168aa316', class: "form-group d-flex flex-column" }, h("div", { key: 'c1aba6560934b966de02e9afef77428c6060eefb', class: "d-flex align-items-start gap-2" }, h("label", { key: '5fbbb09c3955ff3285b006f24c3873082394d39c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f756a05a8273ab6fd65205bb5c32cd34c30a9db3', helpText: this.helpText })), h("select", { key: 'ffd0fa461d3c35da5595e705a7c4068066d8f971', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'f5df46552aa8124b344260bca05bd02c695d0fe6', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '6ee60bb236ccf7cea7bc8ccf946a363d2cd26906', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-select"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-text.js

@@ -36,10 +36,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'a8372f03c84409f2cd36b67d11aa3f1c6ade5230' }, h("div", { key: '6e00089d666df5be04bdcfbef7f163c4ae6b567a', class: "form-group d-flex flex-column" }, h("div", { key: '2d243bb04b2276757b44903719991aabefa13254', class: "d-flex align-items-start gap-2" }, h("label", { key: '98ba977b38ef706a7fd9089db13879c24d5e1480', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '500d46e1bdc581989fc1c3c0a79b67b3458ce980', helpText: this.helpText })), h("input", { key: 'c3efaf9b7b2fd6a42fcb76756775a1c58e2c61df', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '71473077484c65dce4e3311db05a194f642a37c8' }, h("div", { key: 'fbceee0b9fae4f05e1310a97c009fa5a97866ea4', class: "form-group d-flex flex-column" }, h("div", { key: 'c5b6cc944e8a1a7aafe136e67e5f37772f364cd6', class: "d-flex align-items-start gap-2" }, h("label", { key: '029a560a612b7e00f4d67c7adc2b5bdffa85cb53', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b3a41a599dc2f59171befb532c0cd219adba5', helpText: this.helpText })), h("input", { key: '2510c95b50bb26d00fb2975e38fde9efb7a6986e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '2aff3e8ef0fbfd37e2add41f9aad3891d62bd9bc', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'feff4a3d104ea6f74a8d7049f79b8c2850b308a9', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-textarea.js

@@ -38,10 +38,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '24c71b939da77ef7235f9c6d76dafa3646f03185' }, h("div", { key: '2c377064ecedf1de8761cadf857d855ea81f98e1', class: "form-group d-flex flex-column" }, h("label", { key: '57626622619247902a6a80dfb8aa9a26d4958b0f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4f1e9a912e6b0a250c785a74982f322b83990c6d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b4cdee53e150296601582bd17a74e7bff12c1867' }, h("div", { key: '198dd6fc463200a2445bd08934a15a0423ba4778', class: "form-group d-flex flex-column" }, h("label", { key: '73624f9fa6f506bb184bf461b60717f1aac87fdc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4aa0e8ef05e13f8c4c60c73e3312fd8d19d1b442', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'a2adeb24bd1576fe48651193e44965f39b8958ae', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '76867a846f4b3e38ea768fbfd185ee9ce28bb4eb', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'e54de23fbe76cfc9f1a9e88d71737b23b84d0ea4', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7ec33f817f34514cf2c8acdb2bb1647de433aad7', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {

package/dist/collection/ui-components/form/hidden-input.js

@@ -73,7 +73,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '371bbf07abe040e607c3f2a548204193702b868c' }, h("input", { key: '05ab53862e84dd10ec59b7b77df8480b4e16a41f', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: 'bf8fcd89cdc8fcd1bfd8b9af5a7211c877e482ba' }, h("input", { key: 'f202d9252b60195b193a8203f750730fcf2e271b', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {

package/dist/collection/ui-components/form/iframe-input.js

@@ -77,10 +77,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: 'd77a2d0b61928a0194ee7662fd6a16d47666c304', class: "form-group d-flex flex-column" }, h("div", { key: 'a34d32b6497924fadef2dba7beec4e99233645ed', style: {
+        return (h(Host, { key: 'c8a36a456afdfd883ae2ad8e05de98d307615b4c', class: "form-group d-flex flex-column" }, h("div", { key: '580cdd90dd76289f78b688fcdb1486ecb7fe6c5a', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'fe606e175435571ba5a5617abe36468e4627dcc0', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'e3355a4ad2960fc6b3fc9ad46092e570ed7b4397', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '83d0ab3c20019a33dc7d72b0378ccf95eb77e95f', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '7df8c29c720b5edf85553e5667c14eeb0ad6e2b6', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '3caeb47ddf3940e1b1a7fe08d8bd50b8123eb2c5', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '2fdff0682753d32292431a8d62d30a1647fa62ef', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -90,7 +90,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'e8bf25dfe4ad6296e3a64132559c7ccce632b12a', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '075ca2ca25623703280fda84ff119e4820f9a5cb', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/pagination-menu/pagination-menu.js

@@ -7,13 +7,13 @@ export class PaginationMenu {
         this.params = {};
     }
     render() {
-        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '60e8ec0ae3694e92d4da6c9acafcc99ee7133a15' }, h("nav", { key: '4e6e0fe25d9e74361ac35088998e633f9bfed406', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '534d80446e2c0353815cc7a90814a530d0a847d9', class: "pagination m-0" }, h("li", { key: '64f5bcbca960ad9e7aebe4a80dbb39b4839e0a30', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '69c8738326ad600ab0d3b62fbfff02e356cc363d', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a78f24c5d02f12c4668ccc831f19b9062af46000', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'a1088b77164fd7d72cb37a055c1a79e302ed3c83', part: paginationButtonText }, "Previous"))), h("li", { key: '81d5fa7a02b4248d8d7e3ee717f1fba1bda94adc', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '8e971b90b118a09522c2ed0481faf678215c6e11', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: 'bae3f08686008a581c481ad8c9608ccecce1414f', part: paginationButtonText }, "Next"), h("span", { key: 'cd89a36c4875da848110bfaad8c20fc63bd3f2fa', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
     static get is() { return "pagination-menu"; }
     static get properties() {

package/dist/collection/ui-components/shadow-dom-components/justifi-button.js

@@ -7,7 +7,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'b9a4be42df1dbeca39a2c310ab6375cc2c1946f3' }, h(Button, { key: '04bfb3aaa6af8b2dafa07dbcebaf6b7a03a07442', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, h(Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-header.js

@@ -14,7 +14,7 @@ export class Header {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '002dfd5dd8fa47304d9e468e28bdbeb56723913b' }, h(HeaderComponent, { key: '63110d45f87268510cc309d8081f191ef8d4cd8b', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'eb3651b698897193d34a6c6456cd57dd0bd0bc43' }, h(HeaderComponent, { key: '39caee687f93d3d4d90e62d9fbcae318eaa8022e', text: this.text, class: this.class })));
     }
     static get is() { return "justifi-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-radio-list-item.js

@@ -10,7 +10,7 @@ export class JustifiRadioListItem {
         };
     }
     render() {
-        return (h(StyledHost, { key: '492a73e2bab02c04aa8733ce0b9ab801e5ff8875' }, h("div", { key: 'c095a98ba11739b85ece4c7bb0e0c30e7e08ec7b', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '050ed9e552c4a8bf4462e544d3496bed356e7c06', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: 'b0501b66bcfdd697d88c01835b8f97fb2c0861ab' }, h("div", { key: 'ada4dda7868086b1ea4cadd6c8824f87d3cb2301', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '72c6d07dd2a664ca6bd2be9b446584d7344bc2b0', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
     static get is() { return "justifi-radio-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -55,12 +55,12 @@ export class JustifiRadioListItem {
                 "reflect": false
             },
             "label": {
-                "type": "string",
+                "type": "any",
                 "attribute": "label",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "any",
+                    "resolved": "any",
                     "references": {}
                 },
                 "required": true,

package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js

@@ -3,7 +3,7 @@ import { StyledHost } from "../styled-host/styled-host";
 import { Skeleton } from "../skeleton";
 export class JustifiSkeleton {
     render() {
-        return (h(StyledHost, { key: 'd19fcf55df4b5b001d31af93c263fef39fc0d160' }, h(Skeleton, { key: '9ab49d76aa71146287fff2013050e008342f0275', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
     static get is() { return "justifi-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/utils.js

@@ -177,3 +177,8 @@ export function generateId(length = 10) {
     }
     return result;
 }
+export function generateTabId() {
+    var _a;
+    return (((_a = crypto.randomUUID) === null || _a === void 0 ? void 0 : _a.call(crypto)) ||
+        `${Date.now()}-${Math.random().toString(36).slice(2)}`);
+}