@justifi/webcomponents 6.5.1-rc.3 → 6.5.1-rc.4

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '2d0e25dfa8773068af86d6fe6ca409066bc6b2c5' }, h("table-filters-menu", { key: '59c4a6a3038b229edc1ed0ccbfa39c95d35c06a5', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'ab5d1b080926c6dfa3b6a24d2ef51e55d2ac50cc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f41350a3057e4faf4ff0a871051236eb9869274f', class: "p-2" }, h("form-control-select", { key: 'b31e9a018da3cf96acba122528f9576d9bf19ad3', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '23479013bcfb1032d36e9f990706b8c592974d64', class: "p-2" }, h("form-control-select", { key: 'ab637427ceacd69f701d1f8b47abc800217e56c0', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '5d5044e10c54216e0a1b0052317071e52188824b', class: "p-2" }, h("form-control-date", { key: '3349e63fccc7b4ea18678cfa4a8487c288e908f7', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '2d964be3e59c67c48239bdce33b916f37ab80e9b', class: "p-2" }, h("form-control-date", { key: '601484b636d8d048c1faa3b69883e42b64177258', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '1426d09efdcd667674d448b2bb572436ed4a5787' }, h("table-filters-menu", { key: '0aadfbc5ba334e99f0cd16496faa7671114c7ee8', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6a0344eb0be7848cbf3ca6e9c862e69beacd78ae', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c383e57642f44332dde7f1526c0908353add6db1', class: "p-2" }, h("form-control-select", { key: '4b0a4b2772ba57a3952943b583ebad965f7fd74c', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'cdcfceef054dc263efa88f6b95d51ffd2190accd', class: "p-2" }, h("form-control-select", { key: '664b377599b07ff344df1e8f7c63eb5fdaf20cb7', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'e8b6e71186f760045f613191f8f511e0c0389622', class: "p-2" }, h("form-control-date", { key: 'b321911aba223d6c88acde201ffced30f98acb24', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '219bfedd2c9268c8218e2cc66ca755bc447608ec', class: "p-2" }, h("form-control-date", { key: '70e620e3f6335751838b0eb33a165f28f49685a3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '80b94e88e1513441181fcb561ac2ccc8f15f081e' }, h("terminal-orders-list-core", { key: '265b0bfcd7be64feac679690f1a3bf8b0fbbf760', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f89cb75d014a5d43c6766f0e0e7a572807c3df9f' }, h("terminal-orders-list-core", { key: 'c38fd6424ebca672c9577255d81b9e97712f3b9b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-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: 'c5141c3ebcbbb8598116b9977305043ca1f63324' }, h(TableComponent, { key: 'fc4c3d9e1b0429bb96e9ce944f22a31ba8fdbc53' }, h(TableHead, { key: 'a97290876f8eacb6a0645efbf95ffe10be4e49d9' }, h(TableHeadRow, { key: '4870bbd9fc764d37631143369e8c2c2d5d3b4049' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'cd872991d6a0df1ef19b5a591eb6ced2406eee84' }, h(TableLoadingState, { key: 'ae2b94dccfd300db6fdcb4641fa6428b3a933c22', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ae90c4c8d3fadd40464f2c753c08cb54fe2e804c', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '3884e116fd694639542d2afed7fbc3b8a5866e1d', 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: '20631ff15eca22634c3282e51aaaf075dfdd953c' }, h(TableFootRow, { key: '67d32304559fb9fa5a48a5b02d251c6363b7d5ba' }, h(TableFootCell, { key: 'b755e8711195a00762ffe96d5ef2563e96b87969', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3cb9c0e66098065669b644cac3ac5aa26228be9f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '7e7b972d8a3c58efc8fb40f1d624ada5a20e71ca' }, h(TableComponent, { key: 'e778996b05716c01f44b98da22f2fe3b58456454' }, h(TableHead, { key: 'd01507e960cfc8bbc8d728817681fbfc4fb2e9b7' }, h(TableHeadRow, { key: '278ca7b14f201c42bd31126fdb1da36832aea545' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '7ed5c139ccc346e3e301298e036a9c0db60a5bed' }, h(TableLoadingState, { key: '3abc3c6bcc4d197c7e854d607f5098798c6105f5', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd802709566ad9f5273f07b2bc210e9ca20b6ab33', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '7a80f72254c005e10d82afe97c9e6ee0da21d887', 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: '72c9888413f02ca800bcbac63f98e266a2dd841d' }, h(TableFootRow, { key: 'a56d4a7d580cdaf71466aa4b91b8d788baa9e377' }, h(TableFootCell, { key: '53b604f7db687d554e7e380b763fdc0b4f6ba6cd', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'fa44f5486ff2d194c6ee06246e34dda7b6add4ce', 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/terminals-list/terminals-list-filters.js

@@ -36,7 +36,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '72827bf5b2d47b76915db4de8d7e37eb5a75dad9' }, h("table-filters-menu", { key: '07648f9cf7707f3e4032110d5228d32e3cda2877', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '290f0c5ca889efced21b3b8ea645b3fe0b9e6fa6', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8a1d07b931fdc95a34622a056fb724ebf0e02683', class: "p-2" }, h("form-control-text", { key: '1c62055e99c69b9e70a63db8e640e68acb2be3ec', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'f57e1d1133bb88d5992d8cf19003c2a355466540', class: "p-2" }, h("form-control-text", { key: '128a21be829d192eec3bb0b08a94821bf20c13c3', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'e25e2fe5c2e659c78161b701d12be3aec5d7b03e', class: "p-2" }, h("form-control-select", { key: '66c302e33e9c7705670357cd47befeae3a8c6254', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '572f99cbf9fe8b4b01a6e4e34575ba83f5c62f25' }, h("table-filters-menu", { key: '21513ea58fa052e458af8a21691935cb9caed5f4', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '6bfe4487288dacdb4c56651d7431cfffcf715755', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9cba47fa96feb4d8cde9a54a7a98023d9b470f7a', class: "p-2" }, h("form-control-text", { key: '4cf78e13a31c8f6b7efeca735d31fd298c0f465a', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '1b3f105d54261c711b52d8730f99c7459c9d12e2', class: "p-2" }, h("form-control-text", { key: '09f4d86fb281bd84c2a47446e4dc5b263c034d8e', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'fb373b529881adee6b2bf3e3e55be3246623b956', class: "p-2" }, h("form-control-select", { key: '373348087fe077b04bd76fbd3cd3d5ab85ca77b8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'bdd2e2c152c5d1482d6b90ad60b9d4c0bbaca0b3' }, h("terminals-list-core", { key: '2444663ce45854b825f8a78cb15a25a0b5111d52', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '34cb952a43c4ecfd904c3449a05895e10e673a95' }, h("terminals-list-core", { key: '32d981b366889364c4f27a4351aab41ed7d085b5', 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/tokenize-payment-method/internal-tokenize-payment-method.js

@@ -247,7 +247,7 @@ export class InternalTokenizePaymentMethod {
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '6cf2d727360142a1342256c020bf3dc9af8da29c' }, h("form", { key: 'd57740b68749410cda92bd87edb8697ff379715c' }, h("fieldset", { key: '8df769d00d6f9c5499e7b7dce8e9c5472898d3fa' }, h("div", { key: '8501055a25d62fd9f6c9608a9813ec8cfbd79c84', class: "row gy-3" }, h("div", { key: '125cafaeea5cb3bd5631526f0f96c1f24dcf3235', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '80f3d481aa89d3f7ee8fa127535f9511022cdf1a', class: "col-12" }, h("justifi-button", { key: 'aa6c7db5425e799f12949affce288b1d5feb8abb', 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: 'e1ee33f08d3eaff9a2951bd30ef9814a5d959b35' }, h("form", { key: 'df73d7965968c0efc3ee2b35a9a85d551915e5a1' }, h("fieldset", { key: '2967ed65f1c0af42082a8b7c255db5fdc1c78019' }, h("div", { key: 'f45b8e074f39ec6abefc8f7e30bdf0ae57b1272c', class: "row gy-3" }, h("div", { key: 'fe9c90b34d60802f4d0dc51863874151f4a17b2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ff1b8332d70fe68c3d3140c5a173dd8b419b6a8e', class: "col-12" }, h("justifi-button", { key: 'bf2ced1a5164a9c9af2bf2c5b750c5f9734dc86b', 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 "internal-tokenize-payment-method"; }
     static get properties() {

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

@@ -13,7 +13,7 @@ export class TokenizePaymentMethod {
         return this.tokenizePaymentMethodRef.validate();
     }
     render() {
-        return (h("internal-tokenize-payment-method", { key: '96e07efa80306f387f54e51d3802cb5379f2eb4e', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
+        return (h("internal-tokenize-payment-method", { key: '41dac9317c40f0e6aa42f4daea111a50e077ff7c', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/store/checkout.store.js

@@ -8,7 +8,6 @@ const initialState = {
     },
     bnplEnabled: false,
     applePayEnabled: false,
-    googlePayEnabled: false,
     insuranceEnabled: false,
     bnplProviderApiVersion: '',
     bnplProviderCheckoutUrl: '',
@@ -66,9 +65,6 @@ export function getAvailablePaymentMethodTypes() {
     if (checkoutStore.applePayEnabled) {
         methods.push(PAYMENT_METHODS.APPLE_PAY);
     }
-    if (checkoutStore.googlePayEnabled) {
-        methods.push(PAYMENT_METHODS.GOOGLE_PAY);
-    }
     if (checkoutStore.bankAccountVerification === true &&
         !checkoutStore.disableBankAccount) {
         methods.push(PAYMENT_METHODS.PLAID);

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: 'd41a43285190500dbdf63ebfe4c381e6ebe3c680' }, h("style", { key: 'c9f85586d09e78390d94a2c62815a30d5b5c72c8' }, `
+        return (h("div", { key: '8f01710b6c352f39b35c5814cd6a876ab7e088c5' }, h("style", { key: 'e1885fe648eda95a8efa50a8f6cd46a09f59cc61' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '34cd3ce248d7856ef8cd287bf460fa663ff047da', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '8cf3cc61f96ccd087435dceb2a999bc367c110b8' }))));
+          `), h("div", { key: 'b2d5d36d62207fceda79ad2d1d0d0680bee6a366', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '406218fe16ad4b65e3e80ca467c3c49a462dee18' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

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

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'b807bfa85e0bca62a639f19e1f30fa747b8072fe' }, h("div", { key: '5d2694ffa11664f6c0aa5300aedd5eec8596b307', class: 'form-group d-flex flex-column' }, h("div", { key: '7b5394d56eaa028e0d7e6d208218ff0eab79cb31', class: "form-check" }, h("input", { key: '2fc998ec3d2a9e9eb9c6dc9f7a4d544d583b78ba', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5f017faf77fcd07141c04c973dfa5f152f58594b' }, h("div", { key: '4a6b586e30452418ab4b8f5d0495ac1efb70ab73', class: 'form-group d-flex flex-column' }, h("div", { key: 'bf63d72855f2c0ef4def2b129a9bd2313205fefd', class: "form-check" }, h("input", { key: '072795a8dfe2754692ecb8c82aaf6a62860b4bd0', 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: '5908446baac590c68042f07a945d78ad7182958a', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e754a1e7b67a27a68f0017e8536a6fab47eb8b10', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '0c5d2e8c1e44eadb43c5e2df022a7ae1c8fd8fc9', 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: '1734511d48ce354ee9fd8545056f20f334152800', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '0629fffb0838e03d4a8fe2e3bab2577342f1c7e8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b9ba3d370907e48ac3caafa4285181fe9a4e27c1', 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: '69ef8b13877f5a1222da2863ae4776b92125291a' }, h("div", { key: '5c7dda504e14d6f4eee4bacbb84493d9e75bd2e0', class: "form-group d-flex flex-column" }, h("div", { key: '967f8103c8004437654231e017adce9a05cd4ce4', class: "d-flex gap-2" }, h("label", { key: 'e974346e8e6cb459652a3623b45c65841e83666a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'dc7b1c88e0542c8c7c7730af48d38803abc0ee1e', helpText: this.helpText })), h("input", { key: '1c23f346c5f59cd9039c4d991b8dc7d24060a3df', 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: 'c1db3dd4bca7d9bf6dcbf61b0b43793232caae2f' }, h("div", { key: '4e00566fe24c7db972bcc7a99eaa1aa14c968f2b', class: "form-group d-flex flex-column" }, h("div", { key: '30e022fb522a6f69d04fadebb893c0377c0c580e', class: "d-flex gap-2" }, h("label", { key: 'f43b0d3c1e53d6c6e99dd26ca1dc61b601617e2c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '39ab2bcd705b6d917dad575c9e09594d2a6ff199', helpText: this.helpText })), h("input", { key: '54d475675a44f28a05315c23ed07b7e61717c6a9', 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: '72385ca52f02222bddc17e4ad97c3449a0bfa21a', 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: '91455fa726313c5316a91d395209df04d6927a41', 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: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', 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: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '3e9e35e7c4c1166866e3cf94dd18bfda6d64222d', exportparts: "label,input,input-invalid" }, h("div", { key: 'f951ee548b004edd55957f2b34a8ab4cddb59bc7', class: "form-group d-flex flex-column" }, h("div", { key: '9b28774efa7c53871c23b2e66ea8b6434af3d07b', class: "d-flex align-items-start gap-2" }, h("label", { key: '783eb33e72b44bb42d01f7e474998d7fa2b58093', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'bbc906ac8482e5cf21af56cf841932b78cd5e015', helpText: this.helpText })), h("input", { key: '3670f289b59e5464c11ba8b5ef66af0a3a2d65ca', 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: '11d9f49721bc8920c0fa917e6a406019aa29041e', 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: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', 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: 'c1d92b4464500d430ad828ce374b864f0abf79dc' }, h("div", { key: '7753e5875afe4c6da178a088721b62590e104039', class: "form-group d-flex flex-column" }, h("div", { key: '35732250f1da24e5d8af9d6c984360402aa8c749', class: "d-flex align-items-start gap-2" }, h("label", { key: '1dbdb4c74c82415714295d882a48ea3634265cae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '132b4e5b01986aba2f1999db2f19373477b0af9d', helpText: this.helpText })), h("input", { key: '4c371be7c4d784fb7ba3dc3244aaab5ef7dea763', 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: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'f9c2a057b20ccf863331c90156a5a9df65bb85a6', 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: 'c8f67091e23f41d7cff3ae8e7d484682546c7b46' }, h("div", { key: '5a957dc0aec90bdf3220b8b736353d158d23d5e2', class: "form-group d-flex flex-column" }, h("label", { key: 'a71b52991e5ec8a46aa01d0d3017aaf6de15a682', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '85b306a5a8445187ac103d15926ef9d6d161db3c', name: this.name, helpText: this.helpText }), h("div", { key: '2a9cf50fc362e436d6c2b3c592fea5ddfbc95710', class: "input-group" }, h("span", { key: '99829c1fb6bec3bb86fa7c13bf3182f04b41a5bc', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8adbcae5bb6aa9d110b5c47b29edd6021a90b3fc', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'dd501963b2b4c85eecd6c78ac8a1c38d6e30020c' }, h("div", { key: '4c130a5d956ab1caaab521930d29d666dfbfcf67', class: "form-group d-flex flex-column" }, h("label", { key: '59a59b0589b3555efcb509ebb0ca34a3cc01ce3a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '0290105bb2d69ae83d1583f2495557e1e11b2939', name: this.name, helpText: this.helpText }), h("div", { key: 'cf80c69cc63137195ef179dd12f726f34bf35780', class: "input-group" }, h("span", { key: '5ecc2e144e7fe9fde5a64e48d8b8471d446fdb5d', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '585da3cd389904d002a545c01b4322c9aa9ea74e', 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: 'c390bb0b610a367b9ca08ff3a737250b97b685fb', 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: '52a6fef8192278acb9a3eb854f5cea8834ed5d0f', 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: '589d87bd8c266abca5f90b98a4c283bbbf7395e0' }, h("div", { key: 'b81beb01581f1ba626e62fbd977e50ee0ce1e511', class: "form-group d-flex flex-column" }, h("div", { key: '6d19e6935f4b161a803b5c977b031f47590bd9cc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f083814b699a6b319d487e4d604c944c25e33604', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '50dc464aa682be09049620371eda508deb4e622a', helpText: this.helpText })), h("input", { key: 'bfddf6e15747db29189374015178c167a491e4ec', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '5252b2a1d8f6275cdaaa803c1c3a58294b35ef5c' }, h("div", { key: '7fe65f7797268ebc964a1b02ac61166254a0c409', class: "form-group d-flex flex-column" }, h("div", { key: '843bf1cf8ff7bf245760d0f65ea844768aa78ad2', class: "d-flex align-items-start gap-2" }, h("label", { key: '2ba6512c6a6dfa9aa4105f069809173f01262c60', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec179bc366c9286246134133510bcd35fd9de891', helpText: this.helpText })), h("input", { key: '546e50189acc596e7b1c1826edb7473084f93754', 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: '3f89d9f453eb3267606abc1ac4138eee97b18d22', 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: '6da86dcebd7e427cce68d7b88d07b94daec26f21', 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: '53d8829b903659510dcac88b1d9656bf820b0c0b' }, h("div", { key: '795d0f1b6033e039a081fb10f93908cffddb493f', class: 'form-group d-flex flex-column' }, h("label", { key: 'dd5bfb80db6bd7b0332976034705c58c0421638c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'e8f794181b53447d9f352e3b00405c24bcbdc0f8', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4272ba30cf80097abd67fd184b927f4d41b3091b' }, h("div", { key: '567b2b04d354e5c3352dd42431c92bd84fdb4d9d', class: 'form-group d-flex flex-column' }, h("label", { key: '0d3ee096554d638896e03002ed908f7379e406fd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '59ffd3ffe0beba8af97de7dd7ee12a2589c0d722', 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: '04c4a1f7f9e991190462cae647f569bfbef9ba48', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ab947bca804ceb6ec9f1c3d603a2b550266aa20f', 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: '891b76120f5985007ad9101379a818e9e095cb46', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '974fb8971bd4a369fb3dc838a2af03ca11d1f650', 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,10 +26,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '444e9e4c42466bab91d72f6da7b48c6ad59072a8', class: 'form-group d-flex flex-column' }, h("div", { key: '1833b9b305aced695eb2c42c30a5b41b3008a309', class: "form-check" }, h("input", { key: '97e093575b649eea82dca07c0143e8ce722c799f', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1b798d4c7a78475795a0b667839e82bbc402749c', class: 'form-group d-flex flex-column' }, h("div", { key: 'df37525372c220bb0fcbc54bc89d28b55c5b5407', class: "form-check" }, h("input", { key: 'af923ae2cb8677fd9e943c912ef9c117dc8eb9d5', 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: '0daa3e06d66c182c41b8c28cb7938d24168ecf17', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4601db2bed3f67eee325a5132d6288ea5d55c240', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2b20dbb4481969e937c498fabec4b708d0eda4e5', 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: '06aec18092d38c386cb3dbeb7712a356f6615f82', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '63356fa988cecc235ff01b7f9eb4c344d62a18c0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61c5b0fac0b21856660dd6b9c64c2202f82324b2', 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 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: '21cd587a6a3f6b1c508201f688e6cf3e3456166c' }, h("div", { key: '5666e007193120a6ae78d4bab4b1005c0e3f0b49', class: "form-group d-flex flex-column" }, h("div", { key: 'fba926c6cf060e64ecaf6d30afeb82e58eaf82bb', class: "d-flex align-items-start gap-2" }, h("label", { key: '4e1f65a58657e129dbdb2fb7dfa6bfc664942527', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '51cb52bc2a167ddbe48de8686e969905a7a9f865', helpText: this.helpText })), h("select", { key: '29bd66fd51ba97138828317633c9d14267efd815', 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: '867d7ac1d9d7ec0b121135f944994565a2b18760', 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: 'd2bda676ececdf630c420c541d070b0e24f0c876' }, h("div", { key: '11cb790f797a1ea3009b134670741d3cf8da4c87', class: "form-group d-flex flex-column" }, h("div", { key: '7049eba9568b3847d6eec66133606ab6ec3534ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '591c5e32006d90bf7e6cfdd0cebaa72f01e5535f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '206b51faffe537a28854f36d632354ded8b09e84', helpText: this.helpText })), h("input", { key: '3849d55e0d300acfdaadbc649e9adb7d977e3216', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bf68ea270c8dee6a9e572f0d2fdfc9308c8c106f' }, h("div", { key: '8e315377092c55c7c1a48c5528dba67f0d4a6f1c', class: "form-group d-flex flex-column" }, h("div", { key: 'c507734dadd643a306a22ce2e9df63a54422a7ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '7e9ca4266d86bfb0e33e5951a07599a7a17c0c31', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a3f1737b361144e9df92c706c6b5a1c4e1e2fc34', helpText: this.helpText })), h("input", { key: '657edb006b902ad815cd65e426d74a306328a0cb', 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: '63ac8e960213bd020b222be5e5082514b96ddbcd', 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: '1ebb690623549e319972fe5ea0221966a9982cac', 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: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1e41c053b809f4bda982850125e00e9897470d54' }, h("div", { key: 'c87bf55b62aea28d4eee19235c6a49ba5e14d9d7', class: "form-group d-flex flex-column" }, h("label", { key: 'be4dd8515c80b016e8d0cb88d8a50a53f570e239', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'da24a7b98a098a71683a79bc1a4c77da64d9f3dc', 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: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '4d4fc8fc5450eb711dad88e2d8ca0d318b6dfd0c', 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: '6af10143701fec60501ebc5bcbff614638d3c9a9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3a56898b53e89041e5947d3ffcd9f827a6b925fe', 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: '1b98a59d083941d0340cd80fd47c2f0153365d4a' }, h("input", { key: 'a8206286c9b4ee1c1609450b64ef9d9d85349f7d', 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: '213626f7805ac907a867ccca6fdaf02b9ea3382a' }, h("input", { key: '1f54e360af287b98c49c62687b90fd0a20251c3c', 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: 'f8aa1654e8ea569bb287d7a16e5d1f0f10faddd2', class: "form-group d-flex flex-column" }, h("div", { key: 'bc11e0b644272ac251f41c8f104d04f117ddca1f', style: {
+        return (h(Host, { key: '0c3f4427120c3405bf47f60dd3bde638f0c3176e', class: "form-group d-flex flex-column" }, h("div", { key: '6ba2a62c8df9db7b01341ea06fbe1df25a87e604', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '10d634dcd3697797932d89abeaedf572667819e2', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'ee4f6ff9b8753ad65c32927a1d62c5755d8e4cbf', 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: '14bbe359e808944e19aeb0742adfc1f4db07c9b5', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'cc7dfd2299382e473f6ce279c5ffe61794d56e59', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '62406d7581a21dcdec52c993edc2a03cd8fce1ef', 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: '7c804be15e9029e003684bea21f93578269bdac7', 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: 'c88d3d3e88707285d207341347a088b05c19ab2b', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '2cb6be114be8cea65d880b6c21eacdf46052468c', 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: 'cd1f1943978c8005bf1c302a33130ad88c3e792a' }, h("nav", { key: '703c1baab98530ea1ea41b7d40cba3391a773b8f', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '59bb4d35cf41f44d8887017d44a446c658afb9ab', class: "pagination m-0" }, h("li", { key: '9249ed0e2aca03cde7a31f79d41d6c49df12bd57', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '4dd88ebab129e2ffe803242d687b7c9161c8a3ba', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '67ec7328221f28064498ebc359ec2100b33df423' }, h("nav", { key: '503d4f3c3e236797a1ef6309edb00d8d0c2be345', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '9573011f1775928268a0b0932890a6c25050e3fe', class: "pagination m-0" }, h("li", { key: '0247aa3068849046f8282124e7e168c381fd6340', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '5608ce502116c96e9400fdfeb0cfb4e64bc25a55', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'bda9bc49f5bc696e2093a091410f6eabd2559874', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'd3b67ccb0aa0f6ae09da2a54c8a255ecb7de54fc', part: paginationButtonText }, "Previous"))), h("li", { key: 'c30f386a2758e08f7091045b232aca869b96ea11', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '487bae06e01775cf8f22ec548d1fa04137d39249', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: '7c08295d1c5edd4950bb577272a8745e3cd3d692', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'cd766ba6a6e6c31509442537a4f8345f2cd16251', part: paginationButtonText }, "Previous"))), h("li", { key: '54c810056bc6d74be7245a47f54c8d4b75068feb', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '5ff8d8621accf87017980b527823640061b27c18', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '85a042e415b364e2edf56b5589a28ddf55de7a88', part: paginationButtonText }, "Next"), h("span", { key: 'a8b311e4771cce6a3d291f1aa9eaf7ec08397a3d', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '2dc934a96eb1be000eb7e016507ddc926c68db2a', part: paginationButtonText }, "Next"), h("span", { key: '4e7cbcbfd2e29969f2019eacde0a24d07a72cbb3', 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: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, h(Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', 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: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, h(Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', 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: '73104ea086f8a9948e69f86451adf19e0f39fb32' }, h(HeaderComponent, { key: 'a8582109634299a24e2a9b3c7181c6bba511fde7', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'd4871da09451d40b27220a207ee72317ed9b1b9f' }, h(HeaderComponent, { key: 'f7de159fa6395ef4024f48b868369f8d10edf64e', 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: '0dbb20245a88851e3cf9fc853029b22847f1cdfe' }, h(Skeleton, { key: '7778f32d71f1b7d46b0f8eab39bb7d98a215ebb3', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '79c2def38d099c6c146b89b6d33f8b1ca403bace' }, h(Skeleton, { key: 'd73576f82a88f9282caebaeb66cf4c444e8318a6', 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"; }