@justifi/webcomponents 6.7.2 → 6.8.0

package/dist/cjs/terminals-list-params-state-DfZySwaC.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var index = require('./index-mmd0OhmD.js');
-
-const filterParamsInitialState = {};
-const propsParamsInitialState = {};
-const filterParamsStore = index.createStore(() => filterParamsInitialState);
-const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
-const propsParamsStore = index.createStore(() => propsParamsInitialState);
-const { state: propsParams } = propsParamsStore;
-const getRequestParams = () => {
-    return Object.assign(Object.assign({}, filterParams), propsParams);
-};
-const clearParams = () => {
-    filterParamsStore.reset();
-};
-
-exports.clearParams = clearParams;
-exports.filterParams = filterParams;
-exports.getRequestParams = getRequestParams;
-exports.onQueryParamsChange = onQueryParamsChange;
-exports.propsParams = propsParams;

package/dist/esm/bank-account-document-form-inputs_8.entry.js

@@ -1,198 +0,0 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DwYM91AU.js';
-import './config-state-C2NXATwF.js';
-import './dinero-HXpYMWUU.js';
-import './ComponentError-Cjcsf8ku.js';
-import { E as EntityDocumentType } from './GooglePay-NNHE-OLJ.js';
-import './Pagination-CLHwhyvu.js';
-import './Business-B5rtFhtR.js';
-import './Dispute-BH0Xfn-F.js';
-import { a as bankAccountTypeOptions } from './business-form-options-D6s5H4RI.js';
-import './event-types-XYgDHrVL.js';
-import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { G as text, a0 as card, J as heading2, ap as table, V as tableHeadCell, ay as tableCell, c as input, l as label, b as inputInvalid, X as inputDisabled, a as inputFocused, ah as buttonSecondary } from './parts-sA8HBfkI.js';
-import { s as snakeCaseToHumanReadable, e as formatDate, d as formatTime } from './utils-CDaVtz_6.js';
-import { S as Skeleton } from './skeleton-Dtt56Fl3.js';
-import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
-import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-D3y0TzH9.js';
-import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { c as countryLabels } from './country-config-BQ4D46Lb.js';
-import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-ONP8lDnV.js';
-import { I as IdentityService } from './business.service-BrUSam2T.js';
-import './index-B-fWxE5e.js';
-import './index-DkoufM1t.js';
-import './utils-BeQLScSm.js';
-import './Api-Dln8a6No.js';
-
-const BankAccountDocumentFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '86e292154357fdee7348377c1c640135bdab2bea', class: "row gy-3" }, h("div", { key: 'f35d977767de04b8d2be2886dcdb6158aa39e582', class: "col-12" }, h("form-control-file", { key: 'f78667ccdc39d1337f806a77e24b14ef9d59467e', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: 'caaee3e795369cf8ba6e3c1bbe2fae7421b2ac80', class: "col-12" }, h("form-control-file", { key: '67bbe7631b48b4f851a33d63949b8e77d3b1c82d', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
-    }
-};
-
-const BankAccountFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '2f29b1fd967a5eb4d0d3e19b2cbefb9c6e182935', class: "row gy-3" }, h("div", { key: '46250c36ba140f5a63f90afa51581ee3cea5f5e8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '09c95c14e82f12d1e86ab65debb3e066fcd161ce', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '86c2932fdfeae789dc4cb48e255977fb981396c8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '4ab380b55f4078dd4ed7d3909e8d7206a4cbfc8e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'a61023b07e4550ffcafbbd49c6214db5e8102644', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: 'dcbef312084dcfbe405e18bba854b56837ee6f26', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
-    }
-};
-
-const BankAccountFormInputsCanada = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (h("div", { key: 'b2fac559526f427194abe9533683cffc333cad11', class: "row gy-3" }, h("div", { key: '694356efd7ab3b60ff50b56b727d02b240a0f3d5', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'a05e978c9d2612b5709c9d1c5c498e360aba374e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'a54b15dfa039697fe69c1a138cafb78ae632f83c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '56f458eea6ed6d7a8108fcced3038b83c621d34e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'f42406ade05d7b3fbf58f11c56f8668c9370f038', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: 'd5d3c2e4a63281725abf693f161a97723b5e049c', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: '0d293c70faf73945ff36b021b708bfe0fa58739d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
-    }
-};
-
-const BankAccountReadOnlyValue = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '5b20bad2f4b01597f33221541248681fc08ab59d' }, h("label", { key: 'e0c297e57f2d5f6863b42c9549ee2b869380f128', class: "form-label", part: text }, this.label), h("div", { key: 'ac0512bbf49b43a9ca4a8c47d1f05d36e01fd655', part: text }, this.value || '')));
-    }
-};
-
-const BusinessDocumentsOnFile = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.documents = [];
-        this.isLoading = false;
-    }
-    render() {
-        if (this.isLoading) {
-            return h(Skeleton, { height: "50px" });
-        }
-        if (!this.documents.length) {
-            return null;
-        }
-        return (h(Host, null, h("div", { class: "card", part: card }, h("div", { class: "card-body" }, h("h5", { class: "card-title", part: heading2 }, "Documents Already on File"), h("div", { class: "table-responsive" }, h("table", { class: "table table-sm table-borderless", part: table }, h("thead", null, h("tr", null, h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Name"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Document Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Date Uploaded"))), h("tbody", null, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
-            .map((document, index) => {
-            return (h("tr", { class: index === 0 ? "border-bottom border-top" : "border-bottom" }, h("td", { part: tableCell }, document.file_name), h("td", { part: tableCell }, document.file_type), h("td", { part: tableCell }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: tableCell }, `${formatDate(document.created_at)} - ${formatTime(document.created_at)}`)));
-        })))))), h("hr", null)));
-    }
-};
-
-const FileInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
-        this.fileSelected = createEvent(this, "fileSelected");
-        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.changeHandler = () => {
-            const inputFileList = this.fileInput.files;
-            if (inputFileList) {
-                this.fileSelected.emit({
-                    fileList: inputFileList,
-                    document_type: this.documentType
-                });
-            }
-        };
-    }
-    componentDidLoad() {
-        this.fileInput = this.el.querySelector('input');
-    }
-    get part() {
-        let part = input;
-        if (this.errorText) {
-            part = inputInvalid;
-        }
-        if (this.disabled) {
-            part = inputDisabled;
-        }
-        if (this.isFocused) {
-            part = inputFocused;
-        }
-        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: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '31b57ac83f65fddac21f749e5655a43b9d01c73e', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-};
-
-const RepresentativeFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isEditingIdentification = false;
-        this.inputHandler = (name, value) => {
-            updateFormValues(this.formController, { [name]: value });
-        };
-        this.onAddressFormUpdate = (values) => {
-            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: 'a8c9c71dfc532cbaccb93e1e7fe9f5ed58d40be9' }, h("fieldset", { key: '53c46c01bcd3548aaaa898ff5e63811beaed8538' }, h("div", { key: '63eef8979e6a650d48625b5ac851e6604ba24d03', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2f3ed670ae2a807e391c96ef1847f77b088ce4e6', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'a05b200fd0e59e13dd7582509f8d45231a570dc5', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'f3f74109eea8175e79033bd7e6dc8716c4661b45', class: "mt-2" }), h("div", { key: 'b6c9b108849fd4b5c6437a2a252ccd28793aaf54', class: "row gy-3" }, h("div", { key: 'cf48fed5f8c489c1457610f92527fac6f1fc956d', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a2284f90773a3acc17cfa36ff0ff5da3431e9fb1', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9d975f2c69ed84d60404223e80ba8980bfe20b2a', class: "col-12 col-md-4" }, h("form-control-text", { key: '80805abffa658b8b6c4952e5be7af371ca73c615', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'a62f04413d413545104fe541ebebfd11fb88bc1a', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd3cae6a0a143790a236a5822051a002238105c0b', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '7941c5d512ec57ab94f86066f80b0a5c19479040', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3d117c5457a8b95ee1d8dcfbfba743eeabadb288', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '807b7ac6e655d854536a7e770e9d5bcc0388e6c3', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ce18de4b882dae9b02a11c1f1ad7420604f49e54', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'ae2f1dca7ecc64e67d1faaf0e2bdb7bfb233f862', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingIdentification = true;
-                // Clear current value to force validation
-                updateFormValues(this.formController, {
-                    identification_number: '',
-                    ssn_last4: null
-                });
-            } }, "Change"))))), h("div", { key: '755e3bf64ad60ff7801041bf17bdf96763a3153e', class: "col-12" }, h("justifi-identity-address-form", { key: 'a39d586db59a3f2072f66a22f5f4671c07a6b560', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
-    }
-};
-
-const BusinessOwnerForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-    }
-    async validate() {
-        return this.coreComponent.validate();
-    }
-    async submit() {
-        return this.coreComponent.submit();
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.coreComponent.validateAndSubmit({ onSuccess });
-    }
-    componentWillLoad() {
-        this.initializeApi();
-    }
-    initializeApi() {
-        if (!this.authToken) {
-            return;
-        }
-        this.getOwner = makeGetIdentity({
-            authToken: this.authToken,
-            identityId: this.ownerId,
-            service: new IdentityService()
-        });
-        this.patchOwner = makePatchIdentity({
-            authToken: this.authToken,
-            identityId: this.ownerId,
-            service: new IdentityService()
-        });
-        this.postOwner = makePostIdentity({
-            authToken: this.authToken,
-            service: new IdentityService()
-        });
-    }
-    render() {
-        return (h("owner-form-core", { key: 'd3765b80461f8222189643b378ae5d63886163c3', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
-    }
-};
-
-export { BankAccountDocumentFormInputs as bank_account_document_form_inputs, BankAccountFormInputs as bank_account_form_inputs, BankAccountFormInputsCanada as bank_account_form_inputs_canada, BankAccountReadOnlyValue as bank_account_read_only_value, BusinessDocumentsOnFile as business_documents_on_file, FileInput as form_control_file, RepresentativeFormInputs as justifi_business_representative_form_inputs, BusinessOwnerForm as justifi_owner_form };

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

@@ -1,56 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DwYM91AU.js';
-import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-sA8HBfkI.js';
-import { F as FormControlHelpText } from './form-control-help-text-D-p66Yxr.js';
-import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
-import './event-types-CZfYo5-1.js';
-
-const NumberInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
-        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 getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-export { NumberInput as form_control_number };