@justifi/webcomponents 6.7.2 → 6.7.3

package/dist/module/checkouts-list-core2.js

@@ -12,7 +12,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as formatDate, b as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, ad as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -180,7 +180,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '408d4e9eab54491ce0cb775815c3e00eeb4854a3' }, h(TableComponent, { key: '52d68b140748feb5b20b01e9056a4f013dc6a4f2' }, h(TableHead, { key: '74d2ed3ab8629f60e5d789d160495dbdfa1d0109' }, h(TableHeadRow, { key: '216c56f85e307b622b682810973ec8fe05156173' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c94508c4337cd1381a9caf8ade4f677ef2d62fe3' }, h(TableLoadingState, { key: '2d62155279ca151f77f33321c27c0d68822b1c15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4c4d9c73989dabd4213cfc994e74ce0873741de8', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '423a58df4dfa9e6b52fc41dd8d6f06c8d7cca16c', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: 'd1fbfca88fc702a4c0fae40586c946e3f75220af' }, h(TableFootRow, { key: '9d9c7862bc4d27d70a030d27cb735cb3654ea373' }, h(TableFootCell, { key: '53538be1d8eaf7b66b98476771f1f6d9552ab72d', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '2336a06ecf1eb14719881306ee878105d4b43926', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '54239d9ac3afe4d4594d523f9b84b5bf852190b7' }, h(TableComponent, { key: '0c466e435625f08326fc521690c055648a0d3a6e' }, h(TableHead, { key: '6ac0b1a9bf3d42eb5bac5910f341c84a75d15eaa' }, h(TableHeadRow, { key: '171cc43a933be88dcfe2385414d6368755a66a00' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '238b814cfb2e27fa0ae0aee319da04fb7a9da477' }, h(TableLoadingState, { key: '3e73b173a14edea582ee06caa248dd31bf7e8971', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cd2ec244aa3663f4255f245727790c30c28438f7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'e2f458e70836a01cca79aa6e43c7d8a89bfa593d', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: '97d1c34429fba943a752e9ece7348dd19d742c68' }, h(TableFootRow, { key: '252e8f76070a8a6a531c710cf36117a04625271a' }, h(TableFootCell, { key: 'a3fcfa5e6a90cac15348a387f65fa5b7ed2517f8', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'e4fa2774647748fd12c3742b3dd078aee8fdf483', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/custom-popper2.js

@@ -1875,7 +1875,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'c3ff01a53b15d4678dcbd58e97606885a510a880' }, h("style", { key: 'f239956643a0f5463303992aa2466e37988a124d' }, `
+        return (h("div", { key: 'd9ed696150f2def459af17d43a2a06e0fb24b2d1' }, h("style", { key: 'eb3f2a09ace3aa7d0d6225947a0d511cf73b107b' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '7b710736c1ffe73559ef53d9f1525c22785cde2e', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '116be40554b590b382ea7002f5c442d010059b48' }))));
+          `), h("div", { key: '3221d4cc026a4b9ef06aaaa38a5ad4bc5f190f81', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '6481dcba1041571349cb8c91c350c497453fe054' }))));
     }
 }, [260, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { a2 as heading5 } from './parts.js';
+import { a3 as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';
@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'b348b17f0b320a540b0496f04572ba1360f4fd15' }, h("div", { key: '376750fbcd6da41a602d6ad5b4a2130dbcce17dc', class: "row gy-3" }, h("div", { key: '2f6134bbd055fdb8afa495e29370a3528b5d8701', class: "col-12" }, h("h2", { key: '7e29aa97b070479bc6df91fe2bd4416a3a2210dd', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '7f44155fab6f6387fa768af1225c10a63fc3587b', class: "col-12" }, h("form-control-text", { key: '6c38a71cdcf231729d9db144a3936130dc0e0b4d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '06c883df8dfa58535c32bcb43e6649537ff0b91c', class: "col-12" }, h("form-control-text", { key: 'eb424a6d80d90d19e7be31323de3ad41ede47c09', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'a7ba05dfc72dabeeb690daff6e9f692488172d15', class: "col-12" }, h("form-control-textarea", { key: '9b47c924dfdd8065d6e456210a2cdaac30376f9b', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '37ba310fdd33ffb1fc41a168fb31c4f21a49b568', class: "col-12" }, h("form-control-file-v2", { key: 'e54b14ab429073482f68f8ba259e797be4c41a0f', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '9084a731a58784355bc543759d6bf50bd6001c52', class: "col-12" }, h("form-control-file-v2", { key: 'bfb40202ff50523583ad8bcc7dc96740495de312', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '2a284179b0e885a49328aea3de640ac89a721a50' }, h("div", { key: 'aa7da787c2438af27988aa66ee14a980f3b06b9b', class: "row gy-3" }, h("div", { key: '7866c966658406e25a7a96f8b625dff4cd01fae9', class: "col-12" }, h("h2", { key: '16232b46708a785c70fb1160d45f71457517f146', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'fa470479d54a9c68543f01f5aa8168b31345c558', class: "col-12" }, h("form-control-text", { key: 'b0908d5cf478b70081ae376f52f37539cfe6cd4f', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'a74a0dc1a29526fc24a4ed85b51152679f6cf557', class: "col-12" }, h("form-control-text", { key: 'e212808991ff68e64ef07fe216b30d9ef53f1876', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '588cd9e061aeb50c7b1a427cf961a594b20543e2', class: "col-12" }, h("form-control-textarea", { key: '03792e2bd58e6f83605bd6d8694ecd52c69f7bf9', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'e82bcb4a124a371349a61446ed80bfc2ddff6447', class: "col-12" }, h("form-control-file-v2", { key: '177fd69a1d5fd956e875651f28f3b52673ca7b3b', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '0e1b09ec74a570e5eae6378c0789147b2a8a9f41', class: "col-12" }, h("form-control-file-v2", { key: '07eaaa242425f54482c5bf1c45bbb64b7b0eb032', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/details.js

@@ -9,7 +9,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
+        return (h("div", { key: '77d9c172a85e392d3c21d7d789dd2c264858f571' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/module/dispute-management-core.js

@@ -70,7 +70,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: '6374c478bc8907019b48e1a53b0ecb2e171ab2e4' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '7e809ceb46aa6ae412d9dc554966cc181b77cc64' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

package/dist/module/dispute-notification.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as formatCurrency } from './utils2.js';
-import { t as text, Z as heading4 } from './parts.js';
+import { t as text, _ as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { S as Skeleton } from './skeleton.js';
@@ -59,8 +59,8 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: '366e2c66e1a31395f1b4a0c0e88173e06eb93313' }, this.isLoading && (h("div", { key: '979832175e729da612028cff34fdf59dc280c677', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'f7fc26c781f2a1f8aef343166eaaca261b72d32c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '56e792538dd93b77964f7d21300ef45f8da4f7c1', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '94ca86077eef5aebd5b6e402ac2fdd9a980ad4c5', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '7482cc041236218c16ebf12c0799b2dc62266065', part: text }, h("h1", { key: 'a592932abcab4a1f3563cb044fbd37611c8dd20f', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '65f41565018e74b20a224789f28a4b0c8c39eb76' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'a135934182715a851d5d25d5d1485094454d0a4e', part: text }, h("h1", { key: '61d6842599de3d87c833aa58b237490e4a686e4a', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72c6f7e3639cbd19d25f1aa120d22b3ca56547e1' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '1565a02a4ff6c3e777f08c3c55f5adb52ead464b', class: "h5" }, "Dispute details"), h("div", { key: '73e88ae55460c62a22609de5bc7144485741efd8', class: "d-table gap-2" }, h("div", { key: '9ad5b6375dc161072b9a4a6ed02c845380fad0f9', class: "d-table-row gap-2" }, h("span", { key: '50fc59fd8a3159990d97f4817c4ae4f0ff237a6f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '2295ed0988667f0d9b4a5c7d1574549909e83512', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '3019fb0949177ac697347e1e5156d980073b5fe6', class: "d-table-row gap-2" }, h("span", { key: '6bb9bd0549246e1545244a1c1d6ba6a2763115e8', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'e21ffcb4db63cc336f8417a5f23a95ec9a22e07d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '8ea8d1734de9014d6eaa40698b7370f2579b1686', class: "d-table-row gap-2" }, h("span", { key: '6f1c114ad77e46c67c661e8a7e0da9404a699afb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'f702aff5516a6fe4de66982214019aa23757e5dd', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '9b37b4ca1651c6f5654c284e154a8610491082eb', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7764276dee017b3802c8e5a099c7a14809a5a9e2', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '7d359a4379403683a1ace0a47eded0e6859e198a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '95357ab08560983952ef5dbbaecbd61a686d627e' }, h("h1", { key: 'dee2b2342d93f970ea42313a67bf7134c980c2c9', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '19c9ad659f69e844c06ca5a235f21265635e9d5b' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '7149f82646d7e06bb5355cdb5fab79e1a1c6d67e' }, h("h1", { key: 'eb074d8a3bff90cbca27a836dc959ae115103896', class: "h4" }, "This payment was disputed"), h("p", { key: 'a7c8ca180bfa9c6421f05f9014d1e10f35b2fdf8' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '66a1b25a142f78e1d5b0e234232c32f7addbd203' }, h("h1", { key: '7688608c03db8d4d2e1443b39e21ca39e48fdef2', class: "h4" }, "This payment was disputed"), h("p", { key: '0ba1cc45f3b5cbf9c96456a05ba1e781efeb8e2e' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: 'f73a27de0f7e01960cfe78a5b81b021b22eaf2c6' }, this.isLoading && (h("div", { key: 'ca2c47a78d302e09cd60434eb2a0146787f7ac45', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e7c3318f1ecaae82727ec3620e5ba65f25692552', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '3313a4d5ba47766076e5c13cde8f1500fdcfa4a0', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '94d2c92beaf52499cea87b3e04a37284898ce4d9', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'fe66f1d00863607cbb457953c4880e4bdc4442ae', part: text }, h("h1", { key: '1cf8c42bdb942391c65e67db8a0da0ff4c618249', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '18643d72965f197edcf40c2053325df9dedf47fb' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '096b7b976ddebd49a6ab5067ef5b4f07e06e145d', part: text }, h("h1", { key: '06010bc9881b4cd9bd91399784ff9169e730784f', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'aca40b62cfe60ca69ebecd59d9d1c5c3cfd1b227' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '81f1fe8ec625b44d7bf251f4fbf5a4ac1dea2a41', class: "h5" }, "Dispute details"), h("div", { key: 'b5269224135805abb32164911ef682ed9524a35b', class: "d-table gap-2" }, h("div", { key: 'b90a2c3028003119fdb23f6e0cd8a3f965f9d58b', class: "d-table-row gap-2" }, h("span", { key: '24967d47583c83333966ad788e8d4d388f32bf3a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'a1bc338abb575e5dc496bec2f7199d36d3015d68', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: 'c45e0cc9efcf743d9b981d17d9628b243892d27e', class: "d-table-row gap-2" }, h("span", { key: 'd326adc2bfe3fbd9d67fc4d9d82e1545490d274a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'eaa16df97b9fd1b4963c2561bc5b7eb7892dafb4', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '58999fa8fd18509f29d7233ca7255e2a033139b3', class: "d-table-row gap-2" }, h("span", { key: 'b35f041be173d792e81c3da3992104a0ede2bf91', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'eea5132a629528830dd6a3c68ca773848c89cb95', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'f4975381aad6ed61a674e7a907632790e0ecf399', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '875c8fe451dbf7bb3817be6ab2ab3b919bb6b783', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a4725c6ee3c18785e91d5ce82c3fbdb35029040a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'd02264536dd7f23a7beea17feb42bd6923551b23' }, h("h1", { key: 'ed9411ef96ba5aa6f3a84b622c3b8a07990352ef', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '6cd2edfa3e2f5cf3beccbb4fcaef09997c1d00fd' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'f1fbf9b5fddf71bde59e76456fda138b306df968' }, h("h1", { key: '8763399559fd6ead94c3b20e7ea5a81243eeb19c', class: "h4" }, "This payment was disputed"), h("p", { key: '840285c4091a71fc719b3c9184aaffef0ab48be7' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'b453c75a2fba5e8145c62d0d89b75d7757375ba1' }, h("h1", { key: '5d17f60d1e60a001edf80d9f0ded44c41cd394a6', class: "h4" }, "This payment was disputed"), h("p", { key: '221cdcd0a330f02dff18dd7f8875ace480be68ed' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [257, "justifi-dispute-notification", {
         "dispute": [16],

package/dist/module/dispute-response-core.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { D as DisputeManagementClickActions } from './event-types3.js';
-import { Z as heading4 } from './parts.js';
+import { _ as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { d as defineCustomElement$f } from './custom-popper2.js';
 import { d as defineCustomElement$e } from './form-control-date2.js';
@@ -180,7 +180,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '123cd5e2c03ac23f591c7c0b70c768acdd9e4932', class: "row gy-3" }, h("div", { key: '22d3cf94fddc2bdc52a122d49c35efb6b94d3670', class: "col-12" }, h("h1", { key: '16e6361626153b51b2d958203419752b65c211e3', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'fef2a0e7d8baa24652d487dc11406fc1678d0beb', class: "col-12" }, this.currentStepComponent), h("div", { key: '5c5fbe7839898450d12a08dc857bfda3471f8478', class: "col-12" }, h("div", { key: 'ee1eec3a34d161706418a2be5cbbf149b3a2cadc', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '8b0f0f810ad0bbc57489862ae5159fae8cbad746', class: "row gy-3" }, h("div", { key: 'ca6e73df82123a344b4a28efae395e8b9c931258', class: "col-12" }, h("h1", { key: 'bb78dcfd69d0b747cf1b1865bf463518ae18b442', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '7179e0a6fdb89024d613f897db2cf313255494fd', class: "col-12" }, this.currentStepComponent), h("div", { key: '9219e8b3213c494adef926077f35c298588053c0', class: "col-12" }, h("div", { key: '73c2fd1a8440c19f468610ec02a7cfa6eddecb7e', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 }, [256, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16],

package/dist/module/dispute-response.js

@@ -79,7 +79,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: 'c9a7035e6f28c32602fcb19b4026805d87aa54de' }, h("justifi-dispute-response-core", { key: '9acfee140646d1ed8b46771b353b9d0d71af2c14', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '68bf041be58383d3df181d84e0773bb71fd4ed96' }, h("justifi-dispute-response-core", { key: '76af71dd1a21bedf10406aa2cd6d93bfad5b5746', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { a2 as heading5 } from './parts.js';
+import { a3 as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';
@@ -42,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'e47e81701d243ca3d0cbd63752ac8edc02337cf8' }, h("div", { key: 'e8c380c186d957a09910887ffaa1476c55889ae2', class: "row gy-3" }, h("div", { key: '6209bbe1f2b37a0fb7215d9eca5da546f7b07343', class: "col-12" }, h("h2", { key: '4fcc49631c78e5f780b116f6741efbdc8526a81b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '8d0a2ebe2fc159af79392decb28775e39e18868a', class: "col-12" }, h("form-control-text", { key: '45e3bfb01b42fdbfa366226bce57f59b33b682e5', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '2e2d2c826a068d1ca22b527187b8850c5f92aa80', class: "col-12" }, h("form-control-textarea", { key: '97437cc325d852b9ff4ad1080d7921caac392ad2', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'bf0afc8eaf9eafd1cf08a1d1efeb1007e66ed1a0', class: "col-12" }, h("form-control-file-v2", { key: '75d18cc087a7765798f51463d2f9e70197cc5374', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: 'bfd32a0d9ae4fb268939513d5206912e6e60b499' }, h("div", { key: '2c41e7c7b33d711a7a4c76c4a3fccb569e9e9a44', class: "row gy-3" }, h("div", { key: '5cc774a79845c5899c1d34e402db5876cbf3e438', class: "col-12" }, h("h2", { key: '4f26c3cd1e6035100d9837bfbc9e8fda96b4b04e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'e8f259b79ad4b0378ba9608499407e1f5506e962', class: "col-12" }, h("form-control-text", { key: 'abe5a8f45e4839d6c22e7a43b2561148226fa3f9', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '73f01e8f48b828b4469bd9a12ed20373e3a68ffe', class: "col-12" }, h("form-control-textarea", { key: '9d2779988e2fc60c4284a874b512a214a2f84831', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '77393e15774fbce72f9051414a8d92c07a7b8a00', class: "col-12" }, h("form-control-file-v2", { key: 'c89b9fe51f969e0eeaf34a0a1d5aa3e94374d26d', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 }, [256, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { a2 as heading5 } from './parts.js';
+import { a3 as heading5 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -39,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '6518aa80a07c58e19076a102cc9e319cc3c9ee39' }, h("div", { key: '73444a9bf6008cbb1e6e66945ceca8ee23b996b1', class: "row gy-3" }, h("div", { key: 'b13b7db17bcf0e35a2fec5089bb5a282323587cb', class: "col-12" }, h("h2", { key: '289f212f765d91b9565e2c2024b0adedece833c2', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '7c4bb450be8746e3024b807ea8dc9f368cbb746c', class: "col-12" }, h("form-control-text", { key: 'b4938d9d1b0869af38d4d74eb61b8f5dda1761e2', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '88ce56f5e30a5dae990fcf3ee0816a3636dfe4f9', class: "col-12" }, h("form-control-file-v2", { key: '4890efb2a4c67ec668c12caa53ce0978f6870925', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '6d2edd78d7560d7f4c1b649b6682d9565642a471' }, h("div", { key: '943bb135558ddd1b77584348e1dc7a78eea9bf95', class: "row gy-3" }, h("div", { key: '114e921a4f2cfdb130c9a8fde298a8ffe2744662', class: "col-12" }, h("h2", { key: 'd2e5515b640557162bb8856fdc1bbd778b4cdab1', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '99e45755978c66b8ba8bd4ac3c57015900fc4aaf', class: "col-12" }, h("form-control-text", { key: 'f2d9724bfdd36297a72240d0709b777acc41566d', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'fedc63aa2a66f0b65dd10bdb80973031813a5106', class: "col-12" }, h("form-control-file-v2", { key: '4c83a23b83af34e14575673377a1ed5ec6af0c63', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 }, [256, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/form-address-fields.js

@@ -19,7 +19,7 @@ const FormAddressFields = /*@__PURE__*/ proxyCustomElement(class FormAddressFiel
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const labels = countryLabels[this.country];
         const options = countryOptions[this.country];
-        return (h(Host, { key: 'dde5469230a6067ab343e77b1e11e25d815caa5a' }, h("div", { key: 'a28ca49da90e4981e363ccc69fa59e930097cad2', class: "row gy-3" }, h("div", { key: 'dc6e201854c758cbbd493dd23c38a40e072cfaaf', class: "col-12" }, h("form-control-text", { key: 'a2e43eb37e7df69c89484f74adf7f297183818d7', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: 'e59a0af86c1146e1c5ac2b86f0e531bab76467cc', class: "col-12" }, h("form-control-text", { key: '8ba59e74e6be2bc5980ff2c08126c9df77460ab2', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '671a3098a6295c6702b670506a8a17190a4cf90a', class: "col-12" }, h("form-control-text", { key: 'cb1c90bd567e1ecb82a9be4c540eab7ca2bcfb99', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '554e28a4a0cdc81076f0342b31ccb1cad3c122f7', class: "col-12" }, h("form-control-select", { key: '9fb1e73cf440173d9a4a94f23eca5dbf77310e76', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'fbde65bfada699a7bcab4bb642b39cae3dc123b8', class: "col-12" }, h("form-control-text", { key: '9218151756e93820985c88721bb549904e0f7212', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
+        return (h(Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '5ec53f357907749c9abdcf568c027b71faad19fa', class: "col-12" }, h("form-control-select", { key: 'b9eef22eb507ffbd58c26bffa41b5b225925297c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '7456cd4f6b62b59bc9289ca3721440083e9aa4f3', class: "col-12" }, h("form-control-text", { key: 'c483c93d0f09d5ded3c11145216273ba75822009', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
     }
 }, [256, "justifi-form-address-fields", {
         "country": [1],

package/dist/module/form-control-checkbox2.js

@@ -15,6 +15,9 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -42,10 +45,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'b21aecbedc9eabe175a7c49de7289e7f514a2dca' }, h("div", { key: '7ce9735adb9b351864381ae4966e5344be8cb2de', class: 'form-group d-flex flex-column' }, h("div", { key: 'b99004c99627c2ffdc31c098d3ae956f391fbae3', class: "form-check" }, h("input", { key: 'f0e2bb106393a2eff4f172eac1c1e97aa8a184e2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '56962751d91674cfeb2716ba90bb9e9751ea4f66' }, h("div", { key: 'e3bb3cac2bf8ae03fc72558b3c00ef32ee56f61d', class: 'form-group d-flex flex-column' }, h("div", { key: '7be82e8be1da073c8f0e5ca7d609ce1d29c82c5e', class: "form-check" }, h("input", { key: 'f6b5f0ed365937feeb6ee0d885c55a27f21eaec0', 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: '18911a1180bd64375104fdbb3ba9a89f822e33cb', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '4d0d0df3bf3cbaf1314e37cbb24b5ba61446d1f7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5270fa11eecdc61c155a9eeacb83781d7b2445d8', 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: 'dda8703d86506cdd5a3b3549f3c54296830ff20f', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a4260e0cc463ad937128d46a3eb251191319473d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'de41ad6865a3d0414fa850ee5439cc11abf31f4f', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],

package/dist/module/form-control-date2.js

@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '488832557ae8112639435cdc76233db84267066d' }, h("div", { key: 'daeae634334b1b15421ba7b3794950c96cb99d9d', class: "form-group d-flex flex-column" }, h("div", { key: 'f5dfa500d0bcea5dc434914e275466b60ef3b764', class: "d-flex gap-2" }, h("label", { key: '58985478033b8909f7c90dc95e02907a9403901f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e7937af44fb79a9c4c3cde98ddaa57fc97d9dfa9', helpText: this.helpText })), h("input", { key: '636a3aee2edd091ac988c4294fa5966c9305003c', 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: 'af231bc296d7bd79a01ed4c1f78b6bba1b1027c4' }, h("div", { key: '47b148201af9e18546284492a668a6720e10a015', class: "form-group d-flex flex-column" }, h("div", { key: 'e0b7c6f48baeb022018039391479007efe9b1dc9', class: "d-flex gap-2" }, h("label", { key: '26133591445cecd41c72cf69e694b7116d8a0ea5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '822ad6405b38887385c374f9646c9512b59d7e5a', helpText: this.helpText })), h("input", { key: 'ea928f636ea90f1bebfca9df9049bcde26ffdbfe', 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: 'd796894d861cbdbbe6415d2236153edabceb3a63', 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: '66c1cac66140950abb0cb6bf550d86dfee7e2b6d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -11,9 +11,12 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '17cd92cd095bef638fa7f9df47267019b13ce421', exportparts: "label,input,input-invalid" }, h("div", { key: '036155730cb27b8c751c1d7c60b9113db1d20525', class: "form-group d-flex flex-column" }, h("div", { key: '09654b1abea93cf763be9d04edc15b544748ab23', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bb8abe4e719e40ca83da8dc15e581fb52f1a5fd5', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '599e5a958b5905ba4de825ea7923c2cf376f6d37', helpText: this.helpText })), h("input", { key: '0a6bd85a915f5017c5645037e03e56512372a478', 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: 'af1ebc0ca32c321bf4f68128f0be341368209405', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'fa58417927e8c0a4be71047c133d00ff544cbeb5', exportparts: "label,input,input-invalid" }, h("div", { key: '99167d13386b858ae940cf03015139dd1d676b4e', class: "form-group d-flex flex-column" }, h("div", { key: '33f821ca2473a4e9233e91aee0fb47aced0bdfd4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'd883b7a1a000d638ad0f1d594d314c62509259a9', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '020594f1fec84e5789fbc7f16b41777613d2f5d4', helpText: this.helpText })), h("input", { key: '841064420ca58f24d65d33e4a3a92732bcc7028c', 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: '6d703a1e7418695b6d62bb643dd3a8088bdbed30', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

package/dist/module/form-control-file2.js

@@ -17,6 +17,9 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.fileSelected = createEvent(this, "fileSelected", 7);
         this.isFocused = false;
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -50,10 +53,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '95a6b4192008faa7a9e0e012dda864d3a62c15dd' }, h("div", { key: '34d5ffd4bc5ab846c1c60487bd6ffe14d5de620e', class: "form-group d-flex flex-column" }, h("div", { key: 'd6c2b6d31464540a698b711e01fc7d3da6fa5210', class: "d-flex align-items-start gap-2" }, h("label", { key: '64105650845148fe40ae8730de602eb90f4aa5b0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5683cd62fa425e340e68267091f188dbacad5d33', helpText: this.helpText })), h("input", { key: 'dec6fca61cc0a50f3604e25990326faec0498fe2', 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: '430da302c06fb83a93c10bbf8d9b62ff89fc9e5e' }, h("div", { key: '2235fd7e9ef83839a5c9644828580cb1727cb3cc', class: "form-group d-flex flex-column" }, h("div", { key: 'e899430b50cd692e76b4992d01df4ab5ef754ff4', class: "d-flex align-items-start gap-2" }, h("label", { key: '41a257c0c9064ababe2167522690678627d574ec', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '734a6dbf61d1f04920b01e8d9024c29bc8cf0967', helpText: this.helpText })), h("input", { key: '6bbe60077bbff7c427cb84883f91489ae58abbd1', 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: '31b57ac83f65fddac21f749e5655a43b9d01c73e', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '4b0ed448a2f7fd8e76d21abdaa47662f847bca7f', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

package/dist/module/form-control-monetary-provisioning2.js

@@ -18,7 +18,11 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.imask = null;
         this.isFocused = false;
+        this.errorText = '';
+        this.defaultValue = '0';
+        this.inputHandler = () => { };
         this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = false;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -67,10 +71,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         return part;
     }
     render() {
-        return (h(Host, { key: '5dc9ad5ec4f9af9bb4afec0d5265a35c52167721' }, h("div", { key: '03efd5093d0176772bbcb070b8e580c1c027ed0e', class: "form-group d-flex flex-column" }, h("label", { key: '153721fcb4f29fca302512ecc29b8bc30e5f6aa3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '16250c5429d1047febcdd056b55a38a09441fcbd', class: "input-group" }, h("span", { key: '12d29ec8820f21bfa2ba7ae25217cb9bf3944cb8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '9eb4547dba64f8979b30e8d212b7e0576c3b4491', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7a72954c74f3cb31f92d565835de4aceb874a1b5' }, h("div", { key: 'e05612ec4b1b195a24f5a2d2a00ca5b284b4c2f7', class: "form-group d-flex flex-column" }, h("label", { key: 'ffabdebea58878f550cad78430783bcb8372f2c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3593ef8b4adda873a7d6b1789253bc6e1748dcfc', class: "input-group" }, h("span", { key: 'b42f4a51f38451ee36fff437b3a60bd1292d6307', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'd49072c9c3653540fc8edca8a8dd86ad34bef902', 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.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'c6601c7cc606c915bf3c01535bd907d4990ea0ca', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '89634f2156d5aae538e700f16554451120ec8a6d', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'd714b88d923f5f38f1b66620c5513ce7c82a7ef0', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '47b9d96f588785bb2597b16a685c18889e1945c1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-monetary2.js

@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: '26420a8cfbf1b2e121a62971060603aa83cf3e70' }, h("div", { key: '59c4042f4b6c7c0116af7b2cf3194924be87d8b5', class: "form-group d-flex flex-column" }, h("label", { key: '37454ea79c867986b12aa1b0acb63041e10c47d9', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '005a9bafecbcf6de1629f56562a6fb2588749ef5', name: this.name, helpText: this.helpText }), h("div", { key: 'd1a12b4c4e444b788e8a96a23c1ca12c3b02f90e', class: "input-group" }, h("span", { key: 'e4100991c98e073d559a4378340288829bca8e63', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'b14b182e5df0eb3cf7a5fd4abd7eda4969e9413c', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e83c01fe72f78306203ff6662c47f2db56f9e5eb' }, h("div", { key: '2763732191437c92edd551b75da1eeb2fc03d079', class: "form-group d-flex flex-column" }, h("label", { key: '923fbb823f00a52308d3e7450a136dcbb1c1b214', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '3f3dc06c3cea6478ebe66d0ae0c36532a2c9de26', name: this.name, helpText: this.helpText }), h("div", { key: 'ed01d39c77eccced675f08626cfaf19d0bbd6e65', class: "input-group" }, h("span", { key: 'b29263f7ff45ba093d3c3f1bf256e19002d64bcb', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '4a842881767f8bacba8330b2b20e33c51ca6eeb3', 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: '4fd052b178da46d734bdbd88f063dd1ed021d47e', 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: '828447aed9364496041d38539bf9446a8055d709', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number-masked2.js

@@ -18,6 +18,8 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.imask = null;
         this.isFocused = false;
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -73,10 +75,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '19208aa7aae72ea0492dcb2d46651bb80b6ab133' }, h("div", { key: '93aea8b9cede9bec9c4f5959dd3cb22065bd684f', class: "form-group d-flex flex-column" }, h("div", { key: '8782f39a557f2f1fb14accea192d5677256c5752', class: "d-flex align-items-start gap-2" }, h("label", { key: '0abdc2776f59ddb560e404b7ce05200cec8d1082', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '649166a60116190c3e06039825e1a87d1b01b100', helpText: this.helpText })), h("input", { key: '862ea2874c2f1f33c12b5e8afcb49e903731e3d9', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'b9cd5f622f3473b22f48ee939884199f4102aa02' }, h("div", { key: 'c7ac55bf53f9b069a0f1997faee9df04b5efc48f', class: "form-group d-flex flex-column" }, h("div", { key: '344f29000db4d633073536530f3fd312a7c65000', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c58e246347c2bb8da3dafa10aeca23290ebdcbd2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7a32bf62aea68cca9a86f07e28ca58a0f386fdf4', helpText: this.helpText })), h("input", { key: '033f6ab25c31f4386733195a281de935b39aa7e5', 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: '01ecae80e5d67d45a2c954ededea51d1db41aafc', 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: '9238f8d110a09bed1f5172991ed951399ea520b3', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number.js

@@ -1,87 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { V as inputInvalidAndFocused, e as inputFocused, c as inputInvalid, i as input, b as label } from './parts.js';
-import { F as FormControlHelpText } from './form-control-help-text3.js';
-import { F as FormControlErrorText } from './form-control-error-text.js';
-import './details.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
-
-const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.isFocused = false;
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.updateInput = (newValue) => {
-            const inputElement = this.el.querySelector('input');
-            if (inputElement) {
-                inputElement.value = newValue || '';
-            }
-        };
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        if (this.isFocused && this.errorText) {
-            return inputInvalidAndFocused;
-        }
-        if (this.isFocused) {
-            return inputFocused;
-        }
-        if (this.errorText) {
-            return inputInvalid;
-        }
-        return input;
-    }
-    render() {
-        return (h(Host, { key: '7f35cfd267eb699289ef853e2304b57001ee5d72' }, h("div", { key: 'b1904621266ded431837e3eff9c0f7c34118f6da', class: 'form-group d-flex flex-column' }, h("label", { key: '6b2f9ca05973be1dc766368c27c54a33de6456b0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'cab982efea26e96dfc027401fd2fc6de8dab454f', 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: '1bd6b915860a46baba35b74d9f2c260aa5b4e757', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ef91eda0e16195dbc6a59998cff4a43c16f8d8fc', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-}, [256, "form-control-number", {
-        "label": [1],
-        "name": [8],
-        "helpText": [1, "help-text"],
-        "errorText": [1, "error-text"],
-        "defaultValue": [1, "default-value"],
-        "inputHandler": [16],
-        "disabled": [4],
-        "isFocused": [32]
-    }, undefined, {
-        "defaultValue": ["handleDefaultValueChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["form-control-number"];
-    components.forEach(tagName => { switch (tagName) {
-        case "form-control-number":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NumberInput);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { N as NumberInput, d as defineCustomElement$1 } from './form-control-number2.js';
 
 const FormControlNumber = NumberInput;
 const defineCustomElement = defineCustomElement$1;

package/dist/module/form-control-number2.js

@@ -0,0 +1,87 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { V as inputInvalidAndFocused, e as inputFocused, c as inputInvalid, i as input, b as label } from './parts.js';
+import { F as FormControlHelpText } from './form-control-help-text3.js';
+import { F as FormControlErrorText } from './form-control-error-text.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+
+const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.isFocused = false;
+        this.disabled = false;
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        if (this.isFocused && this.errorText) {
+            return inputInvalidAndFocused;
+        }
+        if (this.isFocused) {
+            return inputFocused;
+        }
+        if (this.errorText) {
+            return inputInvalid;
+        }
+        return input;
+    }
+    render() {
+        return (h(Host, { key: '6f21df9000033747331d4f8633ad8ee9cf02ec98' }, h("div", { key: 'd55ae7c8e2cb411909f82373933e7607bd786ae2', class: 'form-group d-flex flex-column' }, h("label", { key: '1d984246cbda85fdf6a7e2d5b534c39361a0b479', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '80aa0ddaf5be104c3a60e7700ac23e2c53c42d76', 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: '1163face94f9b1bbe59c53f8ddad4d7ef0c58945', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '1db87aa5f5a07c3e19f9d674835cb48f222ad18a', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+}, [256, "form-control-number", {
+        "label": [1],
+        "name": [8],
+        "helpText": [1, "help-text"],
+        "errorText": [1, "error-text"],
+        "defaultValue": [1, "default-value"],
+        "inputHandler": [16],
+        "disabled": [4],
+        "isFocused": [32]
+    }, undefined, {
+        "defaultValue": ["handleDefaultValueChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["form-control-number"];
+    components.forEach(tagName => { switch (tagName) {
+        case "form-control-number":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, NumberInput);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { NumberInput as N, defineCustomElement as d };