@justifi/webcomponents 5.3.5 → 5.4.0

package/dist/cjs/{Api-f5280a80.js → Api-83d93333.js}

@@ -97,8 +97,8 @@ const Api = ({ authToken, apiOrigin }) => {
     async function get(endpoint, params, signal, headers) {
         return makeRequest(endpoint, 'GET', params, null, signal, headers);
     }
-    async function post(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'POST', params, JSON.stringify(body), signal);
+    async function post(endpoint, body, params, signal, headers) {
+        return makeRequest(endpoint, 'POST', params, JSON.stringify(body), signal, headers);
     }
     async function put(endpoint, body, params, signal) {
         return makeRequest(endpoint, 'PUT', params, JSON.stringify(body), signal);

package/dist/cjs/{SubAccount-f9069337.js → SubAccount-9babbfd3.js}

@@ -73,21 +73,22 @@ class Terminal {
     }
 }
 
-var TerminalOrderType;
+exports.TerminalOrderType = void 0;
 (function (TerminalOrderType) {
     TerminalOrderType["boardingOnly"] = "boarding_only";
     TerminalOrderType["boardingShipping"] = "boarding_shipping";
-})(TerminalOrderType || (TerminalOrderType = {}));
-var TerminalOrderStatus;
+})(exports.TerminalOrderType || (exports.TerminalOrderType = {}));
+exports.TerminalOrderStatus = void 0;
 (function (TerminalOrderStatus) {
+    TerminalOrderStatus["created"] = "created";
     TerminalOrderStatus["submitted"] = "submitted";
     TerminalOrderStatus["completed"] = "completed";
-})(TerminalOrderStatus || (TerminalOrderStatus = {}));
+})(exports.TerminalOrderStatus || (exports.TerminalOrderStatus = {}));
 class TerminalOrder {
     constructor(data) {
         this.id = data.id;
         this.business_id = data.business_id;
-        this.account_id = data.account_id;
+        this.sub_account_id = data.sub_account_id;
         this.provider = data.provider || TerminalProviders.verifone;
         this.order_items = [];
         this.order_type = data.order_type;
@@ -99,8 +100,7 @@ class TerminalOrder {
     get payload() {
         return {
             business_id: this.business_id,
-            account_id: this.account_id,
-            provider: this.provider,
+            sub_account_id: this.sub_account_id,
             order_type: this.order_type,
             order_items: this.order_items,
         };

package/dist/cjs/additional-questions-details_5.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils$1 = require('./utils-f752bd45.js');
+const utils$1 = require('./utils-97041614.js');
 const utils = require('./utils-337befa9.js');
-require('./parts-63f60e81.js');
+require('./parts-3118ab4b.js');
 
 const AdditionalQuestionsDetails = class {
     constructor(hostRef) {

package/dist/cjs/{badge-6abf6ed3.js → badge-591df67f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
+const parts = require('./parts-3118ab4b.js');
 
 exports.BadgeVariant = void 0;
 (function (BadgeVariant) {

package/dist/cjs/bank-account-document-form-inputs_4.cjs.entry.js

@@ -7,15 +7,15 @@ require('./ComponentError-233ac749.js');
 require('./Checkout-eef27045.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-f9069337.js');
+require('./SubAccount-9babbfd3.js');
 const Document = require('./Document-0b828345.js');
 const businessFormOptions = require('./business-form-options-62e9c8ab.js');
 require('./event-types-180a85a9.js');
 const utils = require('./utils-bc03ca40.js');
 const utils$1 = require('./utils-337befa9.js');
-const parts = require('./parts-63f60e81.js');
-const skeleton = require('./skeleton-65afa2f5.js');
-const formControlErrorText = require('./form-control-error-text-74fb8498.js');
+const parts = require('./parts-3118ab4b.js');
+const skeleton = require('./skeleton-32198b92.js');
+const formControlErrorText = require('./form-control-error-text-377bcf59.js');
 require('./Dispute-eb6bad54.js');
 require('./Business-d88b77fd.js');
 require('./helpers-602962eb.js');
@@ -116,10 +116,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'b42a36acdd4b1ccbe38d3f990c1ad75dcdca427c' }, index.h("div", { key: 'b77e933e6ec75850cd4f81136ed6c7b1e9d4eab8', class: "form-group d-flex flex-column" }, index.h("div", { key: '1d106fa3f984f9339be5d532e9909e802506a070', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '015b1ec3a10e9e6085a07d82a6f50049b33ca72a', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '7b1920d7910a8cdea94f2264f4525abd6ce12b04', helpText: this.helpText })), index.h("input", { key: '7fd8b89dc312b0fa773ca3f1286146906dcbcbc9', 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 (index.h(index.Host, { key: 'ffd39ec9c5c98ba6d51f30fe3f0877807b9218a2' }, index.h("div", { key: '8d95c947132661088128a20350cb8823eb50aaa1', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c494f917ca23d99c6dafded70156a62610764223', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '8a6ba2787312c3a6e1e531bc05e4459aaecb6229', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '5b68e00507d2211fcc481f007c701179eb4bed78', helpText: this.helpText })), index.h("input", { key: 'd75a0df1951b215b60cee837b102f1b0522cc810', 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();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: '5747821abcfedb2bf33a65907f333ea48478c37a', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '10231eb3448127011aca32c2e653d7974ab27e2e', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bank-account-form_9.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const skeleton = require('./skeleton-65afa2f5.js');
+const skeleton = require('./skeleton-32198b92.js');
 const iframeInputStylesState = require('./iframe-input-styles-state-d0de0b24.js');
-const parts = require('./parts-63f60e81.js');
-const header3 = require('./header-3-05ce2ad0.js');
+const parts = require('./parts-3118ab4b.js');
+const header3 = require('./header-3-a6e0f274.js');
 const Payment = require('./Payment-c47ed1e1.js');
 const utils = require('./utils-337befa9.js');
 require('./index-d2d0b181.js');
@@ -195,7 +195,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '68a2c54e46bbac93bee4a47e94d73d88104fb22b' }, index.h("input", { key: 'b558c0fe75e6c6cdd394a74e7abb4d6da8e7f4e9', 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 (index.h(index.Host, { key: 'd159a6bed8e3d1ea974ce2abab1d6fd1ff233c86' }, index.h("input", { key: '68142d8e2cace690b0f3940730d67d6b0b95c046', 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' } })));
     }
 };
 

package/dist/cjs/billing-form_3.cjs.entry.js

@@ -7,10 +7,10 @@ const index_esm = require('./index.esm-a397536a.js');
 const schemaValidations = require('./schema-validations-47a256f4.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
 const utils = require('./utils-bc03ca40.js');
-const formControlErrorText = require('./form-control-error-text-74fb8498.js');
-const _package = require('./package-82b16c28.js');
+const formControlErrorText = require('./form-control-error-text-377bcf59.js');
+const _package = require('./package-53904238.js');
 const iframeInputStylesState = require('./iframe-input-styles-state-d0de0b24.js');
-const parts = require('./parts-63f60e81.js');
+const parts = require('./parts-3118ab4b.js');
 require('./business-form-options-62e9c8ab.js');
 require('./Business-d88b77fd.js');
 require('./helpers-602962eb.js');
@@ -1674,10 +1674,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index.h(index.Host, { key: '8bd5db2440fd1b9fac9cc543351dc131b275848f', class: "form-group d-flex flex-column" }, index.h("div", { key: '5cb9d0b36e11eecaa83aaece84cbfa6255adc5ec', style: {
+        return (index.h(index.Host, { key: '04753fb11bc73c5d62986e8a8da30290ad9ed57a', class: "form-group d-flex flex-column" }, index.h("div", { key: '3c8e8df43e94ec2a4d7749a31fd05b913f0c3018', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index.h("label", { key: '4bbf84b5246bae6b6951e7148b75cd5aea31f085', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: 'b9322c63b4d85cb7622bba2d2f2c5860d7ecc11a', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: 'fdec589df0be0aab897c06f97b028791d9311ff7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index.h("label", { key: '3604c232c38a73c555d1a0e7f574a7608a490862', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: '019c7844dcc29bc0ec39c3db999df25dabd06750', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: '1898018d792bc1d17bb8894d0c038e98ac8065a7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1687,7 +1687,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index.h(formControlErrorText.FormControlErrorText, { key: '86d9464628d833e2526b50648eb87abeec20b24d', errorText: this.errorText, name: this.inputId }))));
+            } })), index.h(formControlErrorText.FormControlErrorText, { key: '525d1fca8fdccc481aea9cbb6e8040b2c06b53ea', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/business-details-core.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-f752bd45.js');
+const utils = require('./utils-97041614.js');
 const styledHost = require('./styled-host-94309bab.js');
-const skeleton = require('./skeleton-65afa2f5.js');
-require('./parts-63f60e81.js');
+const skeleton = require('./skeleton-32198b92.js');
+require('./parts-3118ab4b.js');
 
 const BusinessDetailsLoading = () => {
     const Block = () => (index.h("div", { class: "mt-5" },

package/dist/cjs/{business.service-776142b1.js → business.service-27f67b29.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const Api = require('./Api-f5280a80.js');
+const Api = require('./Api-83d93333.js');
 
 class BusinessService {
     async fetchBusiness(businessId, authToken) {

package/dist/cjs/{button-aed2ce1a.js → button-7f272a63.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
+const parts = require('./parts-3118ab4b.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     index.h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/cjs/{Analytics-e91a5523.js → check-pkg-version-52c7c2ab.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const _package = require('./package-82b16c28.js');
-const Api = require('./Api-f5280a80.js');
+const _package = require('./package-53904238.js');
+const Api = require('./Api-83d93333.js');
 
 class AnalyticsService {
     async record(body) {
@@ -81,4 +81,24 @@ class JustifiAnalytics {
     }
 }
 
+const latestVersion = async (packageName) => {
+    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
+    const json = await response.json();
+    return json.version;
+};
+const checkPkgVersion = async () => {
+    const version = _package.packageJson.version;
+    const packageName = _package.packageJson.name;
+    const latest = await latestVersion(packageName);
+    // remove rc from version and everything that comes after -rc
+    const latestNotRC = latest.replace(/-rc.*/, '');
+    // checkif there's a major version difference
+    const versionParts = version.split('.');
+    const latestParts = latest.split('.');
+    if (versionParts[0] !== latestParts[0]) {
+        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
+    }
+};
+
 exports.JustifiAnalytics = JustifiAnalytics;
+exports.checkPkgVersion = checkPkgVersion;

package/dist/cjs/{checkout.service-0643396e.js → checkout.service-46a5b9f2.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const Api = require('./Api-f5280a80.js');
+const Api = require('./Api-83d93333.js');
 require('./ComponentError-233ac749.js');
 require('./Checkout-eef27045.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-f9069337.js');
+require('./SubAccount-9babbfd3.js');
 require('./Document-0b828345.js');
 
 class CheckoutService {

package/dist/cjs/checkouts-list-core.cjs.entry.js

@@ -7,17 +7,16 @@ require('./ComponentError-233ac749.js');
 require('./Checkout-eef27045.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-f9069337.js');
+require('./SubAccount-9babbfd3.js');
 require('./Document-0b828345.js');
-const parts = require('./parts-63f60e81.js');
-const table = require('./table-ad35ff09.js');
-const checkoutsTable = require('./checkouts-table-f88ad3c8.js');
+const parts = require('./parts-3118ab4b.js');
+const eventTypes = require('./event-types-921f3555.js');
+const checkoutsTable = require('./checkouts-table-7f2081df.js');
 const checkoutsListParamsState = require('./checkouts-list-params-state-644d3639.js');
-const eventTypes = require('./event-types-b6d34593.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./spinner-a95e9b8d.js');
-require('./badge-6abf6ed3.js');
+require('./spinner-a5c0f3c0.js');
+require('./badge-591df67f.js');
 require('./index-d2d0b181.js');
 
 const CheckoutsListCore = class {
@@ -55,7 +54,7 @@ const CheckoutsListCore = class {
         this.fetchData();
     }
     componentWillLoad() {
-        this.checkoutsTable = new table.Table(this.checkouts, this.columns, checkoutsTable.checkoutTableColumns, checkoutsTable.checkoutTableCells);
+        this.checkoutsTable = new eventTypes.Table(this.checkouts, this.columns, checkoutsTable.checkoutTableColumns, checkoutsTable.checkoutTableCells);
         if (this.getCheckouts && this.getSubAccounts) {
             this.fetchData();
         }
@@ -141,7 +140,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: 'ae6d3dfefad89fcd28b2ad883a1d1172fffd2218' }, index.h("div", { key: '91329a7880cd774c71cf30722b7be49b8a0109e9', class: "table-wrapper" }, index.h("table", { key: '75f974cc2140089a7a42738ef0cd3bd67729ca8d', class: "table table-hover", part: parts.table }, index.h("thead", { key: '6aaaee8db285ca1b94cea662f62a51040f2a0f06', class: "table-head sticky-top" }, index.h("tr", { key: '68215e0698b97a8389083a521bd8a493c410a196', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), index.h("tbody", { key: 'b3aa9bd464fda772fae2e191e1cc4f4612bd514b', class: "table-body" }, index.h(table.TableLoadingState, { key: 'a874602fb597ee55def35b80474bd2228b918200', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '8c30048e8766be8ca14fbbd6f990aac019904b26', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'c567bbca2ebbdc42dcfa6c07ae2c61b538643cb7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: 'f02cd5b963f2c087b1a8ab60f25f6b1081e735aa', class: "sticky-bottom" }, index.h("tr", { key: 'a651ab932931db6a4ad42888a9b43e7b89a58495', class: "table-light align-middle" }, index.h("td", { key: '1fde503bccc4e79454d5786fac8f82bea67618e1', part: parts.tableCell, colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '6237a008bc148f44aa7e159d530470c5114b32e4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h("div", { key: 'ae6d3dfefad89fcd28b2ad883a1d1172fffd2218' }, index.h("div", { key: '91329a7880cd774c71cf30722b7be49b8a0109e9', class: "table-wrapper" }, index.h("table", { key: '75f974cc2140089a7a42738ef0cd3bd67729ca8d', class: "table table-hover", part: parts.table }, index.h("thead", { key: '6aaaee8db285ca1b94cea662f62a51040f2a0f06', class: "table-head sticky-top" }, index.h("tr", { key: '68215e0698b97a8389083a521bd8a493c410a196', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), index.h("tbody", { key: 'b3aa9bd464fda772fae2e191e1cc4f4612bd514b', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: 'a874602fb597ee55def35b80474bd2228b918200', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '8c30048e8766be8ca14fbbd6f990aac019904b26', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(eventTypes.TableErrorState, { key: 'c567bbca2ebbdc42dcfa6c07ae2c61b538643cb7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: 'f02cd5b963f2c087b1a8ab60f25f6b1081e735aa', class: "sticky-bottom" }, index.h("tr", { key: 'a651ab932931db6a4ad42888a9b43e7b89a58495', class: "table-light align-middle" }, index.h("td", { key: '1fde503bccc4e79454d5786fac8f82bea67618e1', part: parts.tableCell, colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '6237a008bc148f44aa7e159d530470c5114b32e4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{checkouts-table-f88ad3c8.js → checkouts-table-7f2081df.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-5b9a3b5f.js');
 const utils = require('./utils-337befa9.js');
-const badge = require('./badge-6abf6ed3.js');
-const parts = require('./parts-63f60e81.js');
+const badge = require('./badge-591df67f.js');
+const parts = require('./parts-3118ab4b.js');
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/cjs/custom-popper.cjs.entry.js

@@ -1879,7 +1879,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '1ea99d6aaa69619c4c1120c1f2fc4e0fcc1cc802' }, index.h("style", { key: 'b8a785d6c4dc1de3459aa84e8fecc2170c1c52cf' }, `
+        return (index.h("div", { key: '0da182c59e8285f0ab76d2f667218c378a402518' }, index.h("style", { key: 'a5cec35dd7cbe6474627f22837703e53711c104b' }, `
           .popper-content {
             display: none;
           }
@@ -1887,7 +1887,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: 'fbd29d61602df70db874c80749397b40426f967a', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: 'a75954430d14e1eb0a070650495a2c8e87bbb31d' }))));
+          `), index.h("div", { key: '657fcfafffda783f7b57af10256fb45c7c8720c9', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '4cf71afd1ef0e9a24a7d56c118e420d27de31e26' }))));
     }
 };
 

package/dist/cjs/{dispute.service-53c80520.js → dispute.service-a36c48bf.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const Api = require('./Api-f5280a80.js');
+const Api = require('./Api-83d93333.js');
 require('./ComponentError-233ac749.js');
 require('./Checkout-eef27045.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-f9069337.js');
+require('./SubAccount-9babbfd3.js');
 require('./Document-0b828345.js');
 
 class DisputeService {

package/dist/cjs/{table-ad35ff09.js → event-types-921f3555.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
-const spinner = require('./spinner-a95e9b8d.js');
+const parts = require('./parts-3118ab4b.js');
+const spinner = require('./spinner-a5c0f3c0.js');
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;
@@ -54,6 +54,13 @@ class Table {
     }
 }
 
+exports.TableClickActions = void 0;
+(function (TableClickActions) {
+    TableClickActions["row"] = "tableRow";
+    TableClickActions["next"] = "nextPage";
+    TableClickActions["previous"] = "previousPage";
+})(exports.TableClickActions || (exports.TableClickActions = {}));
+
 exports.Table = Table;
 exports.TableEmptyState = TableEmptyState;
 exports.TableErrorState = TableErrorState;

package/dist/cjs/form-alert_5.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
+const parts = require('./parts-3118ab4b.js');
 const businessFormOptions = require('./business-form-options-62e9c8ab.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
 const Business = require('./Business-d88b77fd.js');

package/dist/cjs/form-control-checkbox.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
-const formControlHelpText = require('./form-control-help-text-3cffd918.js');
-const formControlErrorText = require('./form-control-error-text-74fb8498.js');
+const parts = require('./parts-3118ab4b.js');
+const formControlHelpText = require('./form-control-help-text-f7369e16.js');
+const formControlErrorText = require('./form-control-error-text-377bcf59.js');
 
 const CheckboxInput = class {
     constructor(hostRef) {
@@ -47,10 +47,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: '6eb5805f9001ba5f27590a8f709c611bcb491cc7' }, index.h("div", { key: 'f8b4ee1c24087c1bcb65ac7df4874916c7dd36ad', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'a41d4b50c7c5d2bdd6008a441d29eba5f8f94b9a', class: "form-check" }, index.h("input", { key: 'd6124d672dda656b4dc9061176c37f8f14d101c8', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '36192fe5f4e99ccc8cb77b6a0058d68427b6dc79' }, index.h("div", { key: '3fd77dbca4264579b0e4293bc537dea99a9e325b', class: 'form-group d-flex flex-column' }, index.h("div", { key: '737b2076e66604ce3fc1b141deb1909a8ac2be27', class: "form-check" }, index.h("input", { key: '3d606b0c14eda0ffba58bd844b75e3ca23f0a611', 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 }), index.h("label", { key: '429ce242775f3ff5a7dda515bf57cd0780de8fdf', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '4680da9893c1015cb53a85250eb906a07551fdcc', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'ed5178fe1bd5cd501ef5ebadcf9e49580b1d2bda', 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 }), index.h("label", { key: '2a8af56e9bee18f4252ea436ae76d65128ee1648', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '013c9b143992a088692de81b623bffb6b4e5f06f', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '0b6814622ff6d0a61d251aea399600ead731ad1a', errorText: this.errorText, name: this.name }))));
     }
 };
 

package/dist/cjs/form-control-date.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
-const formControlErrorText = require('./form-control-error-text-74fb8498.js');
+const parts = require('./parts-3118ab4b.js');
+const formControlErrorText = require('./form-control-error-text-377bcf59.js');
 
 const DateInput = class {
     constructor(hostRef) {
@@ -58,10 +58,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '5360f4917c4af8d4e40522a25e838703d8374480' }, index.h("div", { key: '56a3a99c81ebbf00d1ff5befa1a96363660806ae', class: "form-group d-flex flex-column" }, index.h("div", { key: '5556531a79f39fecd1cc4027568bc3642f68ed68', class: "d-flex gap-2" }, index.h("label", { key: 'b722b7e91adaf94c57698cf5743d43d8cbb04957', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '109aabf5047eebe8254ed49379b297af05f68ac2', helpText: this.helpText })), index.h("input", { key: 'eb9862be33313981dccda15889d315893344ff41', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '39efc4cf0cf20cd611c775f1e47ace6b445eab99' }, index.h("div", { key: '82de246b4d67f3c1a234987c3d9259e8ed7fb3e5', class: "form-group d-flex flex-column" }, index.h("div", { key: '033c637f965aa750c6130504f70f7fabb9d1a9da', class: "d-flex gap-2" }, index.h("label", { key: 'ce384aeee225254eac66cfcb6fbe8b6b5677cd5e', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'a8195ae52a1904bcdaa0ee082b77164bb399e5bc', helpText: this.helpText })), index.h("input", { key: '07bb64ebf4727c892bc5e873d6b8327cb0e89430', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: '01217373b82eee84fae370f504cfee157c6f83ec', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: '783b7b021819a5c26441a438be7b83dabb4cfce1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/{form-control-error-text-74fb8498.js → form-control-error-text-377bcf59.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
+const parts = require('./parts-3118ab4b.js');
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

package/dist/cjs/form-control-file-v2_2.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const formControlErrorText = require('./form-control-error-text-74fb8498.js');
-const parts = require('./parts-63f60e81.js');
+const formControlErrorText = require('./form-control-error-text-377bcf59.js');
+const parts = require('./parts-3118ab4b.js');
 
 const FileInput = class {
     constructor(hostRef) {
@@ -21,7 +21,7 @@ const FileInput = class {
         this.disabled = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '1d12d202fde10e242d835ad9cf1baf037bf08685', exportparts: "label,input,input-invalid" }, index.h("div", { key: '3a1d62634eb422bb81d693edc7bf7209095031aa', class: "form-group d-flex flex-column" }, index.h("div", { key: '19a28fe026bdc3950cceef5985f706bc65a8a036', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '7ef8d2699382ec129538afea93e7fb99e075755e', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ac6fa865cb28cae95fb235984c1b8b390ed7a4e8', helpText: this.helpText })), index.h("input", { key: '46f3596ff86814fc15ee189c5261b74b1a163555', 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 = "" }), index.h(formControlErrorText.FormControlErrorText, { key: 'ad1c1e9b8066cc536530423ecc1ee62a6605590b', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '4dff12fa7d0cb33919c39db34bbc0957fdd5653f', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'ae39b30919625c00463cbbd5bf5172a93b7bd9f1', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f0d20dd0d0c3bed154c220722598dfe41dc4cc45', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '768f21bee9cf3e87caacd08ebd7506d01550f206', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ee446659b7b9503678c16f14a49d564ca8caf27a', helpText: this.helpText })), index.h("input", { key: 'c7eee6e890f87be8a3af204fcdb1cd5d032e5419', 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 = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '5a87d616b1b4be16b32b69d315f07b05d8d060bc', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -76,10 +76,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'bd2917d7d1b655c1c901a3a3de5d7184fedb1c3d' }, index.h("div", { key: '87e1651c5cc4ad9d88bcfc29278d797e30e285e0', class: "form-group d-flex flex-column" }, index.h("label", { key: 'ea65895b454b1f92550100849354ee0a63493501', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: 'f069eee75bbebc663e18648c441969e4c0893b61', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '4c7cefde1aa87f6300e8a8addc4526924a289430' }, index.h("div", { key: '650f5d14e0238bc8189935ddaf11dab193b8b0c9', class: "form-group d-flex flex-column" }, index.h("label", { key: '5a1b3d23c4362344ca440cea94a51a50645e3b12', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '20b1055d4d6ebe28014c039ed007aa807a314ff9', 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 }), index.h("form-control-help-text", { key: '804bc50bd1fa9763a23ccff43c7afb0485a0ef4c', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '42b936fd91f1b7b2d0fea7e08b393e28bd83d07c', 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 }), index.h("form-control-help-text", { key: 'f5e16b2e1db3865366ae00188eef913b5639c3ca', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'f0c3f58e74bf08be61216813ae55be1a7e334fdf', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{form-control-help-text-3cffd918.js → form-control-help-text-f7369e16.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
+const parts = require('./parts-3118ab4b.js');
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

package/dist/cjs/form-control-monetary.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5b9a3b5f.js');
 const index$1 = require('./index-750475a3.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
-const parts = require('./parts-63f60e81.js');
-const formControlHelpText = require('./form-control-help-text-3cffd918.js');
-const formControlErrorText = require('./form-control-error-text-74fb8498.js');
+const parts = require('./parts-3118ab4b.js');
+const formControlHelpText = require('./form-control-help-text-f7369e16.js');
+const formControlErrorText = require('./form-control-error-text-377bcf59.js');
 
 const MonetaryInput = class {
     constructor(hostRef) {
@@ -72,10 +72,10 @@ const MonetaryInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '83294146c6f3ae050163857d50b844539397553a' }, index.h("div", { key: '07251dfdad902a9a80515b3cc5fd3d66ea623e0c', class: "form-group d-flex flex-column" }, index.h("label", { key: '96b4419c336b6b75183692f9233759c5f703dc3f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '3f4acb21a8d950365446153df63031698032cbf6', class: "input-group" }, index.h("span", { key: '9d33e13f2740d2c8326eeae18d77210a32436a44', class: "input-group-text", part: parts.text }, "$"), index.h("input", { key: '8521bd07c63e502699088e45d41f953b28b5fbbe', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '8389bbed996b97a2e4c7536a3f31f8b4873651e4' }, index.h("div", { key: '0cc9d812e034c7017ea49fdb91bcd399ac3112cc', class: "form-group d-flex flex-column" }, index.h("label", { key: '04bf1b6ab410d6236a8d2ea47364c844a557f3fc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: 'bc77863e0a0dc4472c62d98fbca50da4b683b14d', class: "input-group" }, index.h("span", { key: '28e7f0f65529fab762846711cf681b105546a04d', class: "input-group-text", part: parts.text }, "$"), index.h("input", { key: 'edfac6a9f10b1914299a6f42497ebb26659717d3', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h(formControlHelpText.FormControlHelpText, { key: '8158ef70a7e3179433bf0d06b6ab3ac84cc99432', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '2ff89c0f5b9667b7a93f580891f1e314528c5d14', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h(formControlHelpText.FormControlHelpText, { key: '9c28f25c98432c07678698e53b219d17d3d847a7', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '8cd3f89e1efd87fd0209cb5e6cd525b916de073a', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-number-masked_2.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const index$1 = require('./index-750475a3.js');
-const parts = require('./parts-63f60e81.js');
-const formControlErrorText = require('./form-control-error-text-74fb8498.js');
+const parts = require('./parts-3118ab4b.js');
+const formControlErrorText = require('./form-control-error-text-377bcf59.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
 const utils = require('./utils-bc03ca40.js');
 
@@ -77,10 +77,10 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'ce4be8f8dbc45d56729f8dc410782d543d6d36bb' }, index.h("div", { key: 'f541c120af578d82943b6ad74d0b9c3072b885ff', class: "form-group d-flex flex-column" }, index.h("div", { key: 'bcb14b211d16aae90f30a9668988dfe9c8828b1d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '00e7d4b05a71de70d6b835c6c7bafefbdc9c334e', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e327c42167cc82a32761759a51f8894f615dc682', helpText: this.helpText })), index.h("input", { key: 'fe0a584dba22642e87bb7ed60289e33ca9d68a5b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: '33803369123a612e3a59159eca88fa851cc4bdda' }, index.h("div", { key: '4ec22ee1c45e050bb3c82465620f4195f0ee9f78', class: "form-group d-flex flex-column" }, index.h("div", { key: '54f8150c131f9e1d591e893ff850014f986ca4ce', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '10adc8be977ddc13488f86e62d43e15cc27e8061', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'db05a1e10871fcb9cf7bf425963b57a802e8258b', helpText: this.helpText })), index.h("input", { key: '05e6000baf931e6bd51eb44a149613bdad453080', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'b0c95b90958073dd5c695dad53618536a1f0ddae', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: '82ec36209485f448694614454cbddfffa1acca9e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-number.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-63f60e81.js');
-const formControlHelpText = require('./form-control-help-text-3cffd918.js');
-const formControlErrorText = require('./form-control-error-text-74fb8498.js');
+const parts = require('./parts-3118ab4b.js');
+const formControlHelpText = require('./form-control-help-text-f7369e16.js');
+const formControlErrorText = require('./form-control-error-text-377bcf59.js');
 
 const NumberInput = class {
     constructor(hostRef) {
@@ -52,10 +52,10 @@ const NumberInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '7f0a9eb69396c743a326a7c800c1a44758e9021e' }, index.h("div", { key: 'c6690d26559078214bc996c67d9d7822d8602b40', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'b7fa671a2f4c16b748c266433ac8b3f0106a667f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '487e6a423ba4f215f0c6937f83623d2c7fade9d2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'bd8c24f0c1209334fde787d8dc7402e75ea1d91b' }, index.h("div", { key: 'd49ef47d17045ab070005a04a9edc5b11ba1b879', class: 'form-group d-flex flex-column' }, index.h("label", { key: '49bfca8efbaa753dae1f862f5490ab8943c6a9fd', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '3b4ef4300374a4cdd37f85e2155fcc26d357fdca', 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 }), index.h(formControlHelpText.FormControlHelpText, { key: '1013d3b9060dca903372a6a15e340b0e07d011e7', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '4911a0cd712df5789e9ebde0e10e8e0e323f908c', 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 }), index.h(formControlHelpText.FormControlHelpText, { key: '4bdb8dc58c7143ccdbcd50568784b62217459ba9', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '0e5a0df13a356fe03dc389fc4bf6eba9000597fc', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {