@justifi/webcomponents 6.12.0 → 6.12.1-rc.2

package/dist/collection/components/terminals-list/justifi-terminals-list-filters.js

@@ -45,7 +45,7 @@ export class JustifiTerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'a74ed2422b669401402664c77542412f3763ba76' }, h("table-filters-menu", { key: '9158ca6884cb610dc712fb1b3a69ca6803a7dce7', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'e24cfc9c7f078f9eb7d5f1f5b4d5cef8374378ce', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cce1419064f7e7cdc687437416327f7daebe5eae', class: "p-2" }, h("form-control-text", { key: '750c30bc7e281f40646bdfaf0a29393d0ce7f72b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '512ccc43edb3aab2ec6ab7d9c76bebf6369df73d', class: "p-2" }, h("form-control-text", { key: '6320c75ecd89ad00162c764998c1c703a5965787', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '6f0d58b200a36516ede61609aad03ca191f240c2', class: "p-2" }, h("form-control-text", { key: 'f786e9fbbd7c9604429c5f43935121245f2943d2', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'b4d84761c2f5de192669012acc41bb5ba2b76750', class: "p-2" }, h("form-control-text", { key: 'deb1c3b5cc3b72b2724a296b1024f8f66ae69683', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'b90c15ba9fa6bbe5eac425152753d1cb508b1710', class: "p-2" }, h("form-control-select", { key: 'beb78ebcd076b7b26a0cb5115ae9b619584fc307', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: 'e6109b7758b998d41d2ff555bf26ee9de1011c94', class: "p-2" }, h("form-control-date", { key: 'e407111678baea094666e8789175ce15d40c2ee8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'edc59eb19b58592803ffba665adae26d34fdfe0c', class: "p-2" }, h("form-control-date", { key: '21c995d7eef08082ca7996eaf9286aeaa80fd2e9', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
+        return (h(StyledHost, { key: '4b6ba70d8a8581d78facb0a2f262c7f11baf971b' }, h("table-filters-menu", { key: '38f0bfb11c9887a612c3dba55ae22fc3848e16ea', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'b9ba8adf4e258310bb5c250c4d47d10157101007', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd6c3a5b11c0def890980eacac4690accd73abf68', class: "p-2" }, h("form-control-text", { key: 'e3657ae3f8a875a865a66e652ecf7ea86f3e768e', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '5991ea46b3e887bd600041ed1cc6dd522adb92c2', class: "p-2" }, h("form-control-text", { key: '36a007337309b04d89f4754b07ffb535e8806033', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '6089e2751f0fadc14b899510972b00eb7b1cf3cd', class: "p-2" }, h("form-control-text", { key: '430eeeeb1adfdc50f83b35fa662d08b7387ee699', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'e82b272ebcd175a68a39b19acc033213422ee07f', class: "p-2" }, h("form-control-text", { key: '38829262c19e3281e3c0e96d6287d35ed4110f75', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'fcdb9be89ea287c91bcd1ca64bb81adae03912ff', class: "p-2" }, h("form-control-select", { key: '0555fdc74f33ce2589de7e7695256c15e4f21ed5', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '9bdb42ed941298a2b4f42f85cec7469c3dba7301', class: "p-2" }, h("form-control-date", { key: '8366403642c6394822c324b249307760a7ba2b1c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'd1a02ac27ede585547d29082d41b7dab30e1bf04', class: "p-2" }, h("form-control-date", { key: '62b86c28b87a179dbd3ad8a85d9d2eb3d06fff9c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/justifi-terminals-list.js

@@ -61,7 +61,7 @@ export class JustifiTerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '4e900ef9f56434c1e7dcb905d9110ab85d995dca' }, h("terminals-list-core", { key: 'ea56fdc9c9274b092ed370a1b5d67eaefd893c21', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '136c4d4140fd6c4432622d71147930079ca7b0ba' }, h("terminals-list-core", { key: '0964a457efcdd5ba9c02464ab4ac19e247a35b49', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/terminals-list-core.js

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '02998f36781eed9ef569cc2214b257beac0948fd' }, h(TableComponent, { key: '02f9eae9ac123b8147648f2f17eb2d4835fbf62c' }, h(TableHead, { key: '212c06a2f14cd1407d653d03d00bfff1eeb7e254' }, h(TableHeadRow, { key: '2bc532ffe62e4fba60ae4545102ea156e31c01fc' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '0791432813e6ed171d39d0615e61e8083544c0ab' }, h(TableLoadingState, { key: 'f21849ccae8af62b3710b826afc2742b68c0556f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '61ce65b0a5f7fde9fffec510fe139586e3422a50', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '90981407df2e2f815ad8c91cec6c98db13e4a95c', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a3756808eb67e6d7cb38dac53d31b781c5aea090' }, h(TableFootRow, { key: '6526d2d7e29c1bcbb0613ebe1cf1317d643885c8' }, h(TableFootCell, { key: '270b17f77ddb10bc1ee5356b113049771819b908', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '94e8ce60d5a9576708a51a1ce02c50f3609cc7af', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '247655a3f6f3e1f0065bfca813db88febceefad7' }, h(TableComponent, { key: '4ba562f1862cb5ae9cb9a0f2be29d9ddff3f45d8' }, h(TableHead, { key: 'e47c7f2b007075105454c200b80d5263fcbab1fd' }, h(TableHeadRow, { key: '448803e4554e98be3edb30f52fd136a693e536c6' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '73923048cf5607aa1fcb9f43b93b76fda3077d71' }, h(TableLoadingState, { key: '3b09f705def14b2c145f14d0d692358431b1f98f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4386cd03124e4c0274e5121c09888e988dfd30c8', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'a933699155dd46b837a0ceabf7aba828d057a240', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '0c3549e13b76ea577cabcb84628d593a720b2bf4' }, h(TableFootRow, { key: '360fd35d69ba096577e6ba017c7d8b50934cf405' }, h(TableFootCell, { key: 'a563dd980e687fb35fe59c7102dcc3c56c0c69fa', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'db86ccf6bfde5279491631e3e1a0ed2bea28d41d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {

package/dist/collection/components/tokenize-payment-method/justifi-tokenize-payment-method.js

@@ -260,7 +260,7 @@ export class JustifiTokenizePaymentMethod {
             } }));
     }
     render() {
-        return (h(StyledHost, { key: '2d4349f3e5ad632981cdeb14dbe4e483f79379da' }, h("form", { key: '754afee2c5229cf016bd8fc0cf81041cf37270a8' }, h("fieldset", { key: '01867151a09d384e1258ef7f62fbc88c526706cc' }, h("div", { key: '7ba453d4629a0c2ef583daddcb9cf02ac5eee265', class: "row gy-3" }, h("div", { key: '4148f2269c738a00f2684d69d4a83a4ab2424f2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'e67b09357571aadfb3d2712f55954506748b3826', class: "col-12" }, h("internal-button", { key: 'c2e805060ff7e9e97144533ffad3b4a02433e792', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: 'bd0d7ab1f2c9c313c998790214d5d04bf0978521' }, h("form", { key: 'aa6af831bf7428a26b441183852fb0439eabc8c5' }, h("fieldset", { key: 'ea0ac36b5acd8e5fe40a1d6f8e9ad43c0e1af1a6' }, h("div", { key: 'b7d78c90bdc2ea74228a35a9e801c6cb0040bd61', class: "row gy-3" }, h("div", { key: 'dc0e1d8e52cc4e622e7f68ce2964692c2fcbcbdd', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '0c9cb2aac8e78a264abaed66040bb4aa8cd47d4b', class: "col-12" }, h("internal-button", { key: '2521d61e7bddc9ac945630e415905cb4e3dc9dd8', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }

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

@@ -108,7 +108,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'eb1e7317215bc36f340ac0cd8b5826cc302c3693' }, h("style", { key: '1acdb1992e684a654d659e7472758e016b4b11d6' }, `
+        return (h("div", { key: '673bffd40c2c3ca346f45a3eb6cf0eacb1bc0420' }, h("style", { key: '1a22ba743c813e67a72db15bbb8847c5e5f5407f' }, `
           .popper-content {
             display: none;
           }
@@ -116,7 +116,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '53ff89449687b84469c9cfbb83c7807b6e95e003', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'f8f516747c2ad6c2e32efefeaa33f319a202bba6' }))));
+          `), h("div", { key: '0626834e4395eb59afda87b93653f47e9641b79a', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '26895f103accf6acce333928c2100c55dcdd1f5d' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

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

@@ -34,10 +34,10 @@ export class FormControlCheckbox {
         return inputCheckbox;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '44db0e9fbb544ade578adfa78a58664c56edc61a' }, h("div", { key: '5b8ccfb8659b890613955a973b0a5bfc19a72268', class: 'form-group d-flex flex-column' }, h("div", { key: '6c20bef58bef64bc2a62e65981f9c1d256741c60', class: "form-check" }, h("input", { key: '50887059a371612ce3061c22979568559e525c5b', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '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 }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: 'a0b9429f7176c3d835eaf91fb435037c73e80924', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '1a5e408bd2e46652a223f43660f50f97a1cd0856', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '71ab774bedd832db1171fdb752b92f8678c677ff', errorText: this.errorText, name: this.name }))));
     }
     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 FormControlDate {
         return part;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '7dedd8129ac03b8a6e4377eeb85d7d11fbd725c4' }, h("div", { key: '3c8b4fe0d6a754467f6a160264243e4dd4820584', class: "form-group d-flex flex-column" }, h("div", { key: '3c354acfc613ee7eb7f7237c6ae5c7555ad0590d', class: "d-flex gap-2" }, h("label", { key: '978b8a6d2ebb30d6013f9a8546bcb023f997d614', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '830c65877ffe20c5d8b9854d550bde324f8a6d5a', helpText: this.helpText })), h("input", { key: 'bc1bb45b9766dbf84b1d449b09b62a48a1beea28', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '5e523b911d4b4810c7512c4dda63a3204eabb11a', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: 'e6fb1187611b553021e2d25212249b413f72a930', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

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

@@ -7,7 +7,7 @@ export class FormControlFileV2 {
         this.disabled = false;
     }
     render() {
-        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 }))));
+        return (h(Host, { key: '8f1a2e7469bf052321e464d3d7d4434a8e1b94eb', exportparts: "label,input,input-invalid" }, h("div", { key: 'a930b47727ba05e965ec5df7b042d2416d38db2c', class: "form-group d-flex flex-column" }, h("div", { key: 'e1040ac692c0f597c0461bcaa27f562c69056c30', class: "d-flex align-items-start gap-2" }, h("label", { key: '387e3d18da10274de2cf9ef680d9483d7855e77e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4bc4aab440ec7cca2eb6af7105d2d9078922376a', helpText: this.helpText })), h("input", { key: '4050a93b51b5b1ecadfe9cff53c5794321c77d13', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'aee21aa5cd54e48f2e7eca3763a07051dd942653', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

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

@@ -40,10 +40,10 @@ export class FormControlFile {
         return part;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '9ea17017850bd5e83a213b5247af2fe64f11db6c' }, h("div", { key: '6cb7715a542d193a1ef1579dad6889fb0191e195', class: "form-group d-flex flex-column" }, h("div", { key: 'c643268b004611f98b4d24c341a46d0bce9a8944', class: "d-flex align-items-start gap-2" }, h("label", { key: '3541f24060c2279f0cfb604f7bdec355462196a8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '66f62e7d0ab51765fefc92d8674402a439671792', helpText: this.helpText })), h("input", { key: '564819ed2423c923f16329dc4ccb7a96f50e7ddd', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '4a0c1869b8b19a01273d8f1ca3f3cd92134ddb58', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '2bbc1831fa7aaf773c24860ac47a8318b2eef93d', 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 FormControlMonetary {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '0e155ea412884f0d45702620cf31aa3910940e88' }, h("div", { key: 'bdf371cf77ec32483c8f984fdc68133ae05be865', class: "form-group d-flex flex-column" }, h("label", { key: 'b8b30aa3bb6ebc5e423593737fd646090a584272', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '6ba6701d1b54eb1b7e4e9de2f6386346b055d516', name: this.name, helpText: this.helpText }), h("div", { key: 'cf6893c681afe85d9e435a9e8920683dd9864c14', class: "input-group" }, h("span", { key: 'de56ce422d29f38028dcbefd8f35be3210223f67', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '234592cf95dc5e613fee8da90a5a4e40389b5bc4', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '5cb05fe585766d5f037c33d86485a6002894c781', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '2e66376501c5a7718f41c2714a66acf74bb6cde4', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

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

@@ -63,10 +63,10 @@ export class FormControlNumberMasked {
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '63f9e8fbdf09ad22d7744b074d1646e6ea620b61' }, h("div", { key: 'a9fb05c711ebd9de3d3022a2ec17a9c666e7e2aa', class: "form-group d-flex flex-column" }, h("div", { key: 'e726ecfce3bd700fab74b6b3f81bdcba0d43428f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7940a4f3d8b3c894d0ee54871935e9989899c894', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5c1782d425686b096e0b91c411e7543b794b969f', helpText: this.helpText })), h("input", { key: '3b8533a7cd4e0fe1907c6d5e01008063cf70d120', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '8791f48bed5d6508b7cccad7bba8da7d65f96ffc', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '085b4f0ee135c12c6ea9293593e4c722091f895e', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

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

@@ -37,10 +37,10 @@ export class FormControlNumber {
         return input;
     }
     render() {
-        return (h(Host, { key: '07b767b8c9091079f121d1df2b552c7d406f47b1' }, h("div", { key: '1c6c234435bb5571d3bbf5123f6f47cf51b095d6', class: 'form-group d-flex flex-column' }, h("label", { key: '883c05703351e32c7e12dbf7d984f888825606e3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9b841736efd2971cf93c1167ec1fd1c1d5045ec9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e21694c1c7611df6ede999aa75fece02977f66f3' }, h("div", { key: '8ea4a38832865e82ffeebcceaabc704d10403966', class: 'form-group d-flex flex-column' }, h("label", { key: '396ab2f79a7168080538ae46da735506b0797311', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '715cb6bfbf439fdd4f659e6d21091b047cbca94d', 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: '26133a236b3c8b2cc14dce1c1244f3b1a9163605', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e69f03f593e1632fada2d1f6dd56aaf5612a2da7', 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: 'f8695d85c9b447644b5bdf02d4df9e1c1e3e5da7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e736f720d89f5d5aeee6982cb15ea11f63c5dd93', 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

@@ -29,10 +29,10 @@ export class FormControlRadio {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '155f8db94cbc78a33daeaace0ea6b9e403d6856d', class: 'form-group d-flex flex-column' }, h("div", { key: 'f2c34e5513e584a68c6117775124eeb40d8a4de3', class: "form-check" }, h("input", { key: '50114b7a8428cc78b963442cf92eda6d0146f824', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ffbfee5a2bffb9dc2d6c2489faa9daa60a36604e', class: 'form-group d-flex flex-column' }, h("div", { key: '93e4d129fd0a67d6b6f021b2af4e816683f8b926', class: "form-check" }, h("input", { key: 'e100d93d9750db95262e63aaaf75ff413dbc0928', 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: '759a69de65a6fc043494d394a118c55b1e948e75', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '18ca0f0b27657d1a159b9eb4839290969f349d7e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e4bffdf3cd4596a3b42fb6098be620005d68296e', 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: '14a8bb0f48683405413245f572d3186d8948de41', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'ca497838c5f52e0c9a528c9503b2e17785239d23', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f1f5d3ac8e1fe55d9c676f5e5f96633de777d01', 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

@@ -35,10 +35,10 @@ export class FormControlSelect {
     }
     render() {
         var _a;
-        return (h(Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bf6556107b1f272aa6bc4f89cb0f2a889f8b9d1d' }, h("div", { key: 'be1644d78987676c9af452831e25c3effc31a67c', class: "form-group d-flex flex-column" }, h("div", { key: '62eaea4bdbee959d6e785c00c4f41f642c0a16af', class: "d-flex align-items-start gap-2" }, h("label", { key: '641ada798c78ca0c649ec76029c157069636838b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3a04fe21799a54e402e8afead34b60898c804af4', helpText: this.helpText })), h("select", { key: '54188864be36aed540647275cd84eae738eb633f', 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: '061a26387560f0b8085e83e1c373a43340146469', 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: '387753bf79494f44a91858175af74d48a9e9c051', 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 FormControlText {
         return input;
     }
     render() {
-        return (h(Host, { key: '4ab9e7a2c6312b568de8a8ee429ef02f3f792173' }, h("div", { key: 'e273e0bc062be883505fe3047d41a741eaf23a44', class: "form-group d-flex flex-column" }, h("div", { key: 'a7496dd4f6b5549f26752ca2de35a34c5261e439', class: "d-flex align-items-start gap-2" }, h("label", { key: '97480c49cb0fcd3c75d123c6033df4880755baf0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e2a53e4e15be4f9f739a79afeaf28c3671c14a4d', helpText: this.helpText })), h("input", { key: '1571553d763734454026b2c4feaa88a9535f2057', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0a275b26c5e6604a478bd4618f8955264205b4f8' }, h("div", { key: 'c495cf0113cfd1ddd6a4d586dfb96d67ec7e92f1', class: "form-group d-flex flex-column" }, h("div", { key: '6a97e6086faaf4b43c41da9615568f359760343c', class: "d-flex align-items-start gap-2" }, h("label", { key: '39c1d7b7d281874a81125374e7a351783de14207', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '646caf4cd154574488610f47a593a8fbfff0778f', helpText: this.helpText })), h("input", { key: '540637afeb21d3da93c304710568a0ed8ad99dc4', 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: '44f7c7847a2255ff3ddd83f542ff6690d1aed798', 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: '1a8246dbf9908c7e56ae2cc0cbea65934c3a33ce', 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

@@ -42,10 +42,10 @@ export class FormControlTextarea {
         return input;
     }
     render() {
-        return (h(Host, { key: '1e73c7219f321b73bc6001cde222b33ba79a7338' }, h("div", { key: 'dc682efd7a21e80ed1936cf69a186d3fab258de8', class: "form-group d-flex flex-column" }, h("label", { key: '526bcc6604b03b79737e4211c6d7a282cbd71979', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4dab395c565c7180631042f99ac3b91382df4ca1', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c23d0ccb0e033048012cb1e1110f785a6270b163' }, h("div", { key: '971db0fe032afae7ea976e0fa3845040a39aab28', class: "form-group d-flex flex-column" }, h("label", { key: 'b733fd61b5421aea811e3b9423d85c6c682493f0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fa13e420ffdfa28d139418ebfa48bf9108710438', 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: 'dc851b2b46a3be03c65121a7e1f957f6c6d20c1b', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3f09a6b275b4218aff7588f90a3cdb0de02ae8bb', 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: '787e9ecc2833c827880c7a44c9a577c56f258375', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f0915db581aee8672f6089d681596c9650b09c2', 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

@@ -87,7 +87,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'd3aa78cd75de1a781c8100c121933122c6db599b' }, h("input", { key: '7ac01ecc01ca776cd6928a3a1d1e0b2baa4b8965', 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: '101ddb08b5ac601f7cfeafee09d70f54b1d66f59' }, h("input", { key: 'b6318d9b00eed8d15d212ac7ba43ecb9fdd8e82c', 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: 'a3039409160cb6fd7dd2e7bf189e241f34ddeca6', class: "form-group d-flex flex-column" }, h("div", { key: 'dab356c30fedca21f6092cfbaf576e23df36b318', style: {
+        return (h(Host, { key: '48e69bc02c2aeda1ceb355baf9b1ec5e445e44a5', class: "form-group d-flex flex-column" }, h("div", { key: '8ece805fab05473a7cbe8f4c093313cdb43c321c', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '0469fb973476f92cd5b275b62e4a462521448273', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd91253d593d700279c0d869b34d3d4f5d572759a', 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: '2a3676ad3d25daedccaa0cb2297f505641b47497', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'f3412b3845d16d30407f86aaa9e924f391cf6541', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '8557ed13cc67232983e091b40ca1c3a6c0cfdf9c', 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: '178d81e1bb1b4b333466a0070c6fa2729f697d2d', 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: 'e54b9c1a7ef5da3bed2eb62e25a28c91865f1f40', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'b149f245fc1687512189175f7d64b316d394982d', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/internal-button.js

@@ -6,7 +6,7 @@ export class InternalButton {
         this.type = 'button';
     }
     render() {
-        return (h(Button, { key: 'b9c53e47ed16f09a34b2d28c9edc275de6f375c1', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (h(Button, { key: '4048996761c978279f2aefbb43bbbb249fe445d9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
     static get is() { return "internal-button"; }
     static get properties() {

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

@@ -9,7 +9,7 @@ export class RadioListItem {
         };
     }
     render() {
-        return (h(Host, { key: '72ed5a0699e0777e0e9fe64fcf4384ee3a6f1d1b' }, h("div", { key: '0f6565adcc8fecd970e44ee5cd06f15d21cd2feb', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '017390d5dc479fb85b3d4fa493f3aaf292bce7b5', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(Host, { key: '254375c6a1fd52924a84392bfd36d21ac60e4c0b' }, h("div", { key: 'df0f6abdeb91cbbe3c1b7e91f42cd7950379d8bf', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '4c7e8e499b76bc83e83504b0cf22785fe2fdf6ec', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
     static get is() { return "radio-list-item"; }
     static get properties() {

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

@@ -6,7 +6,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'f1ac17863df571d72e7db9b748b1980218145322' }, h("internal-button", { key: '0b7052d216fb79ed5d9f90aacff97d39dce87473', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (h(StyledHost, { key: '1e09a302d064e2e4a860dc4efd9eb9693d4d0055' }, h("internal-button", { key: '9ce7819853789c44860de43f26632c62415ebdb5', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
     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 JustifiHeader {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '879e301ec35e7cc536dec135e11daf140c67eeed' }, h(HeaderComponent, { key: '1766cb9a4d84bee1b3365b4df93515274cf31565', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '1843adabddf7d439036f8ce6f55627b7ca3e4a9f' }, h(HeaderComponent, { key: 'b16e5624ce7e092cc8c144a7cdfd9cb6afdf7a83', 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-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: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'aae82594ed1833982d7bb06ea0808e56e06b11f8' }, h(Skeleton, { key: '52c5680b1dc298b75646e5409b9c5c5b83f53eae', 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"; }