@justifi/webcomponents 5.2.0 → 5.3.1

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

@@ -81,7 +81,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '277df43099c0dd77e7dc69927ef51d2457cec263' }, h("style", { key: 'b0bce6ba8275da36f98a9a12abd541fc0ae423f9' }, `
+        return (h("div", { key: 'd59371a35f7215a7e93678b3e8ed37a7900ae294' }, h("style", { key: '70630b46ad7933447a8ed41d3dc7f304600be42a' }, `
           .popper-content {
             display: none;
           }
@@ -89,7 +89,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '23b70bc63642a5a3ec4e67da2d698f4ce70325dd', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c7fdc0e2e03def596ca1eb4a4cb813a93f8cea21' }))));
+          `), h("div", { key: '94b22314d2bcf4ac41ab3239758b2421945de604', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '5c6af2fbf398b3377323f1a78b394ef5eb702463' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/filters/table-filters-menu.js

@@ -23,7 +23,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'ee398b42698ce14cd7d7ac914fe05ecf827adb90', class: "d-flex gap-2" }, h("div", { key: 'd097692b7b7dba1da5b141fccf472a454f008988', class: "dropdown pb-3" }, h(Button, { key: 'bfdc5605e6f771b5492ebecb3a9e857e561c9351', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '7974738ccf48f25886eb22838744e8761a8aab89', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '0f099e12ea159a912874894cdb5533f7bb64a356', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '525abf57ddb5a3ab0606037f0538f08ddf6a370b' })))), h("div", { key: '5381355037c7703a4c89015cd0a5ee34e652e221' }, h(Button, { key: 'e304b0f033a95757a9682257c2e4ff6793cd7cdd', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'd45f459f317d7a5c10083e4d6c7a1855e606ccff', class: "d-flex gap-2" }, h("div", { key: 'cd9625444bf3e4a084508a52f2f4ee52ec108602', class: "dropdown pb-3" }, h(Button, { key: '328dfff010a31a5e49a6a893bd9a8b49ebc44a6a', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '591b15ad81d875d9f0249978394281ee134dd63f', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'dbab8762dddfaa425e13d8f6ca9993ee1811a404', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b4c174ce6d565e7cadcd3ce62af69eaaeac5054c' })))), h("div", { key: '1daabbe4fa3551640c075ee20e39b2c9363bf59a' }, h(Button, { key: 'b09b43e46ad9b40797efd06ede82044c8a6e25df', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {

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

@@ -38,10 +38,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '37c483442db30fe4662377c80798f60a220d005a' }, h("div", { key: 'b09832323b1d686404e362bb77281aec21fc581b', class: 'form-group d-flex flex-column' }, h("div", { key: '2064b9de15f1ca74a3d8132813f9108755a69dbf', class: "form-check" }, h("input", { key: '57218b62428c57d2c6beb65635d2cd51debb656c', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, h("div", { key: '87a7a3e9d34992d992464b8d6fe8ba712ff32865', class: 'form-group d-flex flex-column' }, h("div", { key: 'e3da6c3971c74163e914f53c9b5a480dbac2759b', class: "form-check" }, h("input", { key: '01af0856f7e2ad919790a7ec8896cb06e3329452', 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: '16a1122c4783eb07b00af9fb9449d626f978eeb4', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e6d817bfbcecab7ebdc0537a19aa8e965239de5d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '026032f91f2f011c1dbaa37be3c571e0fb707cbe', 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: '069d3ee70d0cc1c48092407055e8666a1156e7c6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'bbc6d2e5fdef899236c07738bfa15b51b02c6912', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '456e4ad15ab35e4b68102abfcd058e2d16ac0232', 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

@@ -50,10 +50,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '079e8e9be2b4003c29926a3f29794fdcb655e873' }, h("div", { key: 'ccdbde4bb2a14d719a232309cb8df0ddd55d6677', class: "form-group d-flex flex-column" }, h("div", { key: '2dcd3e2cbeef153d1c3c6a3b55f9e68a4ae73e47', class: "d-flex gap-2" }, h("label", { key: '8154626fc1f1bd3cbc85aed221dd1a8ad2bc1ec3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a15f0872945e62061707e78070507069599db962', helpText: this.helpText })), h("input", { key: 'a63d12eba9bb0065a48f3087133447d408de4e55', 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: 'a2e8ffbb23d128699730acd686fc06ce0ade5270' }, h("div", { key: 'd43b72838047707022bd3527b610eec234af6cd9', class: "form-group d-flex flex-column" }, h("div", { key: '416954342c2113ff1f4fc77cf714852e0bb66527', class: "d-flex gap-2" }, h("label", { key: 'e0c366b390fbb3ef8d183b5ca71935b8274a0b22', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e4aa76ce751db6fa45a8f11f8026e68102f484f4', helpText: this.helpText })), h("input", { key: '4022e4c857527cffb19b747815acad73c81025d4', 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: 'b7cdabdf444c9e07dda46f376e3f6372164dfeae', 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: '31c0122e9737c704b087dbb2a4791fd7965be3c7', 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

@@ -11,7 +11,7 @@ export class FileInput {
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '744d405a20702d024f33fc8bc5aa6cbc97c45260', exportparts: "label,input,input-invalid" }, h("div", { key: 'e20fde11ba0bb73f99d9ab7fe7e5a23b30a81ea3', class: "form-group d-flex flex-column" }, h("div", { key: 'fff2a256c667f26cb9cf3dc8a2420276a779a5c4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9df617c17f646c6f48a904e3b96327ff55a6c13', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4095bdb2e3393821fbf0e05592abe64d9c43ca7b', helpText: this.helpText })), h("input", { key: '0f7b7296cbcc68df6e6eb77056928175417e6ecd', 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() }), h("form-control-error-text", { key: '57398436dad7e92bfb362cdfeb73e4f7d939c51c', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '421617186e463989ce9534004e9b59df81f223ed', exportparts: "label,input,input-invalid" }, h("div", { key: 'f3ac5c496a289e0211a249396546e9d6a1840b28', class: "form-group d-flex flex-column" }, h("div", { key: '8f732b62f40a4351462804a6753e235153679cb9', class: "d-flex align-items-start gap-2" }, h("label", { key: 'b8cebb65d6d238253c8710785745cd82419fe9cf', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '10abec154ebc5960a0f72cb2608dbc7b8ea08378', helpText: this.helpText })), h("input", { key: '3df4d0b69f18f4c266a9af0260ec9c7b422d5c7b', 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() }), h("form-control-error-text", { key: 'd657e89c7c9780db8e1c610383054c082fa77822', 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

@@ -47,10 +47,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '442808bae357a7ce08299e5fdfb8ee0751567248' }, h("div", { key: 'ad7608679fa7db4868d6314e423022d2999075ec', class: "form-group d-flex flex-column" }, h("div", { key: 'b92dbbe308de82fcdd32e339a91806560c7ea3bd', class: "d-flex align-items-start gap-2" }, h("label", { key: '385e6dedc7f455bb8cb0af0f839301c4341bb5f8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c08c2d34a2c6b4bc0dd5bc8e873f04521f5f9f84', helpText: this.helpText })), h("input", { key: 'adfeb0d7f02959c6cbb1335b1e9a8b00050f4f3d', 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: '4950c97a276963d0b666313b5eb2047cd05ffe0f' }, h("div", { key: 'f09de9c091824da6e385e9129c007ea3ddefea7a', class: "form-group d-flex flex-column" }, h("div", { key: 'c853c5997df0a9a3b0789712abcbf25c1bc50884', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e5c17b93898fdf7e2244f3a5549fdd3ddcc2bab8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '131ac4f66a6bae82f53473f36448780090f28a71', helpText: this.helpText })), h("input", { key: 'cf8374ebefcbe18b73d853c96b703652869ea0af', 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: '7576a09ef2336bf4645816e8e3530acb3e8e4d9d', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'd5ac4a7e8b5f70fd0cb63e9358bb372a3167ab5e', 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

@@ -63,10 +63,10 @@ export class MonetaryInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '17e5fecec611300d6f55ceed3aa0dbaadc198af2' }, h("div", { key: 'a351e02c9b118dd52c2f16f7fc12328194905923', class: "form-group d-flex flex-column" }, h("label", { key: '94f503e4e1bb020ab2b7822229d45fefef5dd7e1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '2a3c6de082a5b91500061dd9af6f3e941445ad92', class: "input-group" }, h("span", { key: '88b07cbae192b290ffdfdef2f4c4c07bdfac1f8b', class: "input-group-text", part: text }, "$"), h("input", { key: '7de1c2fcf4ad3ab3b42a370d871d62242f262f7b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '467e85f7211d67d6daabfcc8a3531b7ba2a15cb4' }, h("div", { key: '5566df3c8d8f9507acc27a7e47d9c79528928e8f', class: "form-group d-flex flex-column" }, h("label", { key: '5cee3c6dcc1d4e41184d4ad7185b8a8c50f9175a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'e111a7617526080c1d9e2051ff7476a768c8681e', class: "input-group" }, h("span", { key: '359a79709cad258033ee44ca6c4c320be1a85ce4', class: "input-group-text", part: text }, "$"), h("input", { key: '32dda535adca1021e46badb63d8ba064c936bd2f', 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 monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'fb35421f1d48819e88130a0f78e22d12d2d34642', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c5fbe9b975039e658031bc56db89ae6f6ce34006', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '560b1ef9506257d411d9d08e4a984195f1c3b948', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7f4243a3d36cdd86129dca92e925e82917825d12', 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

@@ -67,10 +67,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: '89db4bb1cfd29493cdd96c8c6e3c94e5af49a897' }, h("div", { key: '22210b1d7377890dbf784e8e38b4d34add828f75', class: "form-group d-flex flex-column" }, h("div", { key: '649c0ffdb254257d0d3ac9dbf5daa8d655e7bcae', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c03d8b29747866564c7a708db4701cd0ea547402', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ad3e013f5beab24849b62363d4f0436cfb1e4e69', helpText: this.helpText })), h("input", { key: 'abb8c2383c02a91763784fad05c31271387d7b82', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'b99a11bcbe47c9cd1ec7f52ff081b56c7c56fa9a' }, h("div", { key: '2d549b26a4d88b4653a9433de7e0ab6b07aa8f8a', class: "form-group d-flex flex-column" }, h("div", { key: 'a923b55bc2d2bd9d0097ffa452fe46816870aa18', class: "d-flex align-items-start gap-2" }, h("label", { key: 'af645e990ec448bad5d1b8fe2b6b415fb062c129', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3bbeaa5fff2964e1f635aab612e1f9b8fa1929d7', helpText: this.helpText })), h("input", { key: 'f1fe3e4749703f7658164e9bb31c500db9699cbf', 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: '835e3d30d0f2b6e9aa463c259b9ca5e514fd19e9', 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: '9574288a9424638ee0f72731848813863dffe718', 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

@@ -43,10 +43,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '84a9fa872fcd778c9b54d528de7ac170ea2f6173' }, h("div", { key: '263566ddbbbd5c064348bc57c1991302e933971a', class: 'form-group d-flex flex-column' }, h("label", { key: '0401bdc8bb45d6e0367afd51a36582c9556443f6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'bac419a78477547420a8e1821fe02e46d7bfb12d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '020f9486c87d1ab1f4ecbba08ef8febf889dfbe4' }, h("div", { key: '81d7f8149f287e21c0b41c351defdd528e892218', class: 'form-group d-flex flex-column' }, h("label", { key: 'c2f0799869b0bd31494b85d6cf5db9d0faffbee9', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'ddad27d6112be528bc94ef3f567674ea36453b59', 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: '0cd70acee81da1c14fed139a1f0550aaadbb2671', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2a71ab292360e2d360a7e698f1a8031562ad5119', 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: '5a9fc892d50613e7a436e1425f8b90df7e110328', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '9cc21eab8ed0579a31fe4aae543e1ae521127725', 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

@@ -34,10 +34,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '6206191dcbd3f85e135a207890eec541329e6289', class: 'form-group d-flex flex-column' }, h("div", { key: 'ddaf426f9b4e21d1dd889550bf77c5a1c0e42897', class: "form-check" }, h("input", { key: '6ff61e0fb656b63363268bd6c4ab2602689aab8b', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '51d99ae29bb26e36a3f2540e6ebbbe0e99a49889', class: 'form-group d-flex flex-column' }, h("div", { key: '0ac89070efef01fe3ee76144f2177db9a55497ef', class: "form-check" }, h("input", { key: 'ef109f542471bb8599590614fce2dec13c932572', 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: '9459bcab30351fc5ed57b9b83739732e75db92f3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '3823895bb1b7e93c7610cab4f360b5a6c43874d9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'bdcbb99da7ed76888807c57f70962480144d8e52', 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: 'aa2a71abec10a6f01961a539f0890f162dfeb10c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '67e5b9fb761adef49988f62f72018fe838c7b0df', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e1b4b9c055869524f4b97da177389322fde6736a', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

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

@@ -43,10 +43,10 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a645d4a7ccc8f40c6b4cc988ffc5f65e107b2b11' }, h("div", { key: '0c9487e30f9f91dbc3a099598e21b0305aef54c8', class: "form-group d-flex flex-column" }, h("div", { key: '418037a6859fd16bdfa2b88667e36c028b4029ba', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bc4727c97b24dd70e45f06889371cdbb9d906eee', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '86b5c77592bf453c9e809ca83ec1a627eb43a642', helpText: this.helpText })), h("select", { key: 'f697f156d432280b59ac92d11938b358cc3c232f', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        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: () => {
                 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: 'ec9666c96c30e3ea2089e01a64c3e9b592949d62', 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: 'f5df46552aa8124b344260bca05bd02c695d0fe6', 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

@@ -45,10 +45,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '052c9c9191038f6ba716449c1e0c4297fda88f82' }, h("div", { key: 'f824603f5762cebcc2115628043df96c8304d654', class: "form-group d-flex flex-column" }, h("div", { key: '85640ced19a8fd268b1cc2a6244b2f5a8063b830', class: "d-flex align-items-start gap-2" }, h("label", { key: '6a6cdc56ad80d301f1fd0b00d355b6560d30d095', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'add56a291e6f9104de6fadc030a6f48717112197', helpText: this.helpText })), h("input", { key: '14f3418e2cfd50b15195e674ef68d7b7a5ca59cd', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f742a9b9375efe75d2621e0a333e569e52c5290d' }, h("div", { key: '42ce4c0edaa8a081617ca7d23faa963b2e0909f7', class: "form-group d-flex flex-column" }, h("div", { key: 'aaa00bd55270e8fefe70acb6bfc3c5f5d2e30225', class: "d-flex align-items-start gap-2" }, h("label", { key: '5f5ca7cf669041fb67d560d73b45fd5c0a3e70c2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ad501482251bb1b1ad927ad5e58bbb30900f35e9', helpText: this.helpText })), h("input", { key: 'dcccf1c182a8d9e8cb8dea09f622d85099b97013', 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: '2a29c71bcfc5fca67a51ff7873b76b9ab8359c26', 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: 'b8b968c0a8b56839e43caa61bf317270a78bdbf4', 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

@@ -47,10 +47,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '9e87b1f5529dedd7c181923a595c3a914a3ac729' }, h("div", { key: '18bf20bca1ab1d4a63d20ce52de8701bd750e315', class: "form-group d-flex flex-column" }, h("label", { key: '9a0f4a849115e646ffc892d35c7519ddc102be02', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '0643574a2bc802ea4dcb5b9577b84cd949e61f9e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5ff0ae9958d65d09da3b4faad03b1bc3644433ac' }, h("div", { key: '9cc21c5487cddf7ca4c3dce0f915a2db295396bb', class: "form-group d-flex flex-column" }, h("label", { key: '8dd963da4101aca20b38e586d627d4bbdae89e63', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'afaf7959901a52f8073fab64a6352c08a60f6ea1', 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: '3fc99f67a4b13cadb47fbc34a027cc2e2c3e5097', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f69a3a24f8b4d21db958260a1bc6ceaaf70efa6', 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: '466f7f20f5af124d1b3b9f7761abff49a9845b48', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd65f09910e8631992d42a6b21f55897e26e57ba7', 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: 'ae03d3be50b34d6c98c8e1bd619f1d97049099a7' }, h("input", { key: '347725ba26e6aab3c0da4f9e3da5b2e4ec9f0e37', 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: '21c26d386f4e23af0e0ef069ad0263e252c8c15b' }, h("input", { key: '70bb1f6c7c5e94a96fddfe82d1831df12771f0af', 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

@@ -82,10 +82,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: '0f84e1044b6bddb480dbb4b4fd2ba6f18d75a2a0', class: "form-group d-flex flex-column" }, h("div", { key: '25e6e196ccf3973b9a382f09efe5997bfb4abd1b', style: {
+        return (h(Host, { key: '00956724f4d6e72b09c2c469613a6362a3c7cdec', class: "form-group d-flex flex-column" }, h("div", { key: 'e6605bd5ef7356c21701b0856a133758720a36d6', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'eeddbc0a03692c053898b761fca84635cb3c9323', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'ce10d714ca67511b059adc4fb942ed42885f0a1a', 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: '85bedd02d3013ad4973d3ecfa0a7c530fddf5a7a', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'f52a782a9f1bbca4a8a6e36da1948611ab834e54', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b88199f3de1b52a0aed4d61c0448c293964a7279', 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: '218aa6d48b12c1fc78f04a1556f0a32738c20df4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -95,7 +95,7 @@ export class IframeInput {
                         this.iframeLoaded = true;
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '6533642027fa5184e120452f19e5274476210301', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'f6e57608fc771ca78e39618455dfe57cd40a655a', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/config.js

@@ -1,5 +1,6 @@
 export const config = {
     proxyApiOrigin: PROXY_API_ORIGIN,
+    iFrameOrigin: IFRAME_ORIGIN,
     proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMmlsWHBqOHQ2WVlEQ0xWU0FiVFczMiIsInN1YiI6Im9hc18yaWxYcGo4dDZZWURDTFZTQWJUVzMyQHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfNUV0OWlYclNTQVpSMktTb3VRR0FXaSJ9LHsicm9sZSI6InJlYWQ6YnVzaW5lc3MiLCJyZXNvdXJjZV9pZCI6ImJpel8zYmg2OWJxMXJrM2RtWE5vQUtWb251In1dLCJleHAiOjE3MTE1NTk0MTQsImlhdCI6MTcwMzc4MzQxNCwicGxhdGZvcm1fYWNjb3VudF9pZCI6ImFjY18zcmVOYjRhTll5MmlXRFpRVmN6bXg0In0.oPOoDYxzrnpE8PRUaz-FCU4KqnSuNbFTeDkl3AtMscjUkIctP1OIFh-ZGBjbH5eVH5noXCbaiin0j92dS7jx4gLpxuYT2Q8gpZbuIsT7fa58elvGeRkUUJ-AC5ueZxlv90yPWMm0OIbyrV7XZhuwYyKbV-ZczEbl2JpvBMe40CM-LdClQV66d_-Kw9a23SabBVfYgP5V-5OsagOIESvzZoO-27tGlNkV2a-hxqddDCOZv0HvRYAtp5S7EQrmRdEBu5gCNbf1eRFG424hxZUFVr2LdetYuKQLxJjDdUjf86ZwEUecrEaDSupiN1VC3CitdOwBVf6-R_N0VpN4VLVD5g',
     exampleAccountId: 'acc_5Et9iXrSSAZR2KSouQGAWi',
     exampleBusinessId: 'biz_3bh69bq1rk3dmXNoAKVonu',