@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/esm/{checkouts-table-39a031a0.js → checkouts-table-DQfjKgR-.js}

@@ -1,7 +1,7 @@
-import { h } from './index-29fcfdf5.js';
-import { a as formatTime, b as formatDate } from './utils-ec50661e.js';
-import { B as Badge, a as BadgeVariant } from './badge-1be14e8c.js';
-import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-fd740f54.js';
+import { h } from './index-D4-FKsCU.js';
+import { b as formatTime, d as formatDate } from './utils-BWcTxbSg.js';
+import { B as BadgeVariant, a as Badge } from './badge-D5PvLnZT.js';
+import { T as tableHeadCell, U as getAlternateTableCellPart } from './parts-6ctk_bhj.js';
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/custom-popper_4.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { l as label, c as input, b as inputInvalid, $ as inputDisabled, a as inputFocused, ak as tooltip, al as tooltipInner, am as tooltipIcon } from './parts-fd740f54.js';
-import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D4-FKsCU.js';
+import { c as input, l as label, b as inputInvalid, C as inputDisabled, a as inputFocused, al as tooltip, am as tooltipInner, an as tooltipIcon } from './parts-6ctk_bhj.js';
+import { F as FormControlErrorText } from './form-control-error-text-nyeinPVQ.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -145,7 +145,7 @@ function effect$2(_ref2) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const applyStyles$1 = {
+var applyStyles$1 = {
   name: 'applyStyles',
   enabled: true,
   phase: 'write',
@@ -460,7 +460,7 @@ function effect$1(_ref2) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const arrow$1 = {
+var arrow$1 = {
   name: 'arrow',
   enabled: true,
   phase: 'main',
@@ -627,7 +627,7 @@ function computeStyles(_ref5) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const computeStyles$1 = {
+var computeStyles$1 = {
   name: 'computeStyles',
   enabled: true,
   phase: 'beforeWrite',
@@ -674,7 +674,7 @@ function effect(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const eventListeners = {
+var eventListeners = {
   name: 'eventListeners',
   enabled: true,
   phase: 'write',
@@ -984,7 +984,6 @@ function detectOverflow(state, options) {
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
     element: popperRect,
-    strategy: 'absolute',
     placement: placement
   });
   var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
@@ -1180,7 +1179,7 @@ function flip(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const flip$1 = {
+var flip$1 = {
   name: 'flip',
   enabled: true,
   phase: 'main',
@@ -1242,7 +1241,7 @@ function hide(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const hide$1 = {
+var hide$1 = {
   name: 'hide',
   enabled: true,
   phase: 'main',
@@ -1294,7 +1293,7 @@ function offset(_ref2) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const offset$1 = {
+var offset$1 = {
   name: 'offset',
   enabled: true,
   phase: 'main',
@@ -1312,13 +1311,12 @@ function popperOffsets(_ref) {
   state.modifiersData[name] = computeOffsets({
     reference: state.rects.reference,
     element: state.rects.popper,
-    strategy: 'absolute',
     placement: state.placement
   });
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const popperOffsets$1 = {
+var popperOffsets$1 = {
   name: 'popperOffsets',
   enabled: true,
   phase: 'read',
@@ -1453,7 +1451,7 @@ function preventOverflow(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const preventOverflow$1 = {
+var preventOverflow$1 = {
   name: 'preventOverflow',
   enabled: true,
   phase: 'main',
@@ -1796,13 +1794,12 @@ var createPopper = /*#__PURE__*/popperGenerator({
 const CustomPopper = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.showEvent = createEvent(this, "showEvent", 7);
-        this.hideEvent = createEvent(this, "hideEvent", 7);
+        this.showEvent = createEvent(this, "showEvent");
+        this.hideEvent = createEvent(this, "hideEvent");
         this.placement = 'bottom';
         this.offset = [0, 10];
         this.strategy = 'absolute';
-        this.trigger = 'click';
-        this.anchorRef = undefined;
+        this.trigger = 'click'; // 'click', 'hover', 'focus'
         this.isOpen = false;
     }
     componentDidLoad() {
@@ -1877,7 +1874,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8c840ff88bde2fd2cb7be39772e2b49699d32844' }, h("style", { key: 'b5b1bd1fa8b6f6c76723d014bf96e2ee09fe60f4' }, `
+        return (h("div", { key: '6b09b58218fe286c9b3b2a707cca905c8aa10e98' }, h("style", { key: '7a8d3f88d964a78945f8f129a1a2b7a29b174678' }, `
           .popper-content {
             display: none;
           }
@@ -1885,15 +1882,16 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '80b0e169b33d6679f372f0d34cd2320013485e10', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '4892f58a1fb5a98212f6b651f4cecc03ad7c84a2' }))));
+          `), h("div", { key: 'f96cf490f7d53613156d33ee315f9c7de415d087', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'a9e7ed012d4bb6d5c7f16fad4aacf619304717a7' }))));
     }
 };
 
 const SelectInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        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');
@@ -1903,15 +1901,6 @@ const SelectInput = class {
         this.updateInput = (newValue) => {
             this.selectElement.value = newValue;
         };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.options = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -1934,10 +1923,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'af57c4172958175f90c0b4fc60c7a0b6c5f16b70' }, h("div", { key: '96f1889ffdfd2501e0f598ef4d73634f88301f8d', class: "form-group d-flex flex-column" }, h("div", { key: '3ad3e13eb068b829974d3a738a9ffd9432ea74bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '1effbf4eeb10922f49af14627aef2cee5ed2f23e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a1b9cb3152356f8e3d762b72dc8e7862183e925f', helpText: this.helpText })), h("select", { key: 'd2cfee2048fc3f3f352f065d6c1979b617baf805', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '036090be3ce8ab66abe46395fae7d680c5730783', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -1947,8 +1936,9 @@ const SelectInput = class {
 const TextInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        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');
@@ -1961,16 +1951,6 @@ const TextInput = class {
                 inputElement.value = newValue || '';
             }
         };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.maxLength = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -1991,10 +1971,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '1dec875457354695f83386e1644e60590c12779e' }, h("div", { key: '78f295fddd56b9696077ad3a2fcb766b9b6135bd', class: "form-group d-flex flex-column" }, h("div", { key: '5c758bbca8097ec33596366638adff845f4f7b46', class: "d-flex align-items-start gap-2" }, h("label", { key: '31576778adaf535b52584b1643e1cae3699e76c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '328deeda6bbedb37624aad6730d7dd3a9dcc0f1a', helpText: this.helpText })), h("input", { key: 'ac141a2e464e1b0caf10c1434f03744c4e2c557c', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1b48bf6cbd4ef2b115c7d070310a625f1dfbe814' }, h("div", { key: '2c814160dc94ba70d0a75551ba5c95ba90a011e4', class: "form-group d-flex flex-column" }, h("div", { key: '3d40c1b9f590b2275f43fb16fa4c6d0986760f9a', class: "d-flex align-items-start gap-2" }, h("label", { key: '51ec736c062308443301decbc8c58a4912a55264', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1266b937707fbf83666c61ce6fca593f02d45b18', helpText: this.helpText })), h("input", { key: 'd70668313e3240e998b9c890ef7ab2fb47cb3552', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '2e826f44513b7f1c8a2eb40cf6141f3e34509ec7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'e7b268ed1c6c638b319f01b9a211d5bbc930d2ef', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -2005,9 +1985,6 @@ const TextInput = class {
 const TooltipComponent = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.anchorIcon = undefined;
-        this.tooltip = undefined;
-        this.helpText = undefined;
     }
     show() {
         this.tooltip.classList.add('show');

package/dist/esm/{dispute.service-7ba6d5a4.js → dispute.service-H2Oaq2af.js}

@@ -1,27 +1,36 @@
-import { A as Api } from './Api-52242eb0.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
+import { A as Api } from './Api-C9CDE-UM.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
 
 class DisputeService {
     async fetchDispute(disputeId, authToken) {
         const endpoint = `disputes/${disputeId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
     }
     async updateDisputeResponse(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/response`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
+            endpoint,
+            body: payload,
+        });
     }
     async submitDisputeResponse(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/response`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
     async createDisputeEvidence(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/evidence`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).put(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).put({
+            endpoint,
+            body: payload,
+        });
     }
 }
 

package/dist/esm/{event-types-1bc52f1f.js → event-types-Dv-I6YqZ.js}

@@ -1,6 +1,6 @@
-import { h } from './index-29fcfdf5.js';
-import { X as tableEmpty, Y as tableError, W as tableCell } from './parts-fd740f54.js';
-import { S as Spinner } from './spinner-27479716.js';
+import { h } from './index-D4-FKsCU.js';
+import { ah as tableEmpty, ai as tableError, B as tableCell } from './parts-6ctk_bhj.js';
+import { S as Spinner } from './spinner-BVJ-upD0.js';
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;

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

@@ -1,17 +1,15 @@
-import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
-import { _ as alertDanger, h as heading2 } from './parts-fd740f54.js';
-import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-86a13078.js';
-import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
-import { C as CoreBusinessInfo } from './Business-0855931c.js';
-import { d as deconstructDate } from './helpers-96ea3464.js';
-import { S as StateOptions } from './state-options-a356fb11.js';
-import { n as numberOnlyHandler } from './utils-20cdf321.js';
+import { r as registerInstance, h, H as Host } from './index-D4-FKsCU.js';
+import { ag as alertDanger, H as heading2 } from './parts-6ctk_bhj.js';
+import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-Bn05PRR4.js';
+import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-B-iV5cYd.js';
+import { C as CoreBusinessInfo } from './Business-D6XNzizo.js';
+import { d as deconstructDate } from './helpers-Mu7LQT-w.js';
+import { S as StateOptions } from './state-options-BX8GieXu.js';
+import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
 
 const FormAlert = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.text = undefined;
-        this.hideAlert = undefined;
     }
     render() {
         if (!this.text) {
@@ -27,7 +25,6 @@ const FormAlert = class {
 const AdditionalQuestions = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formController = undefined;
         this.errors = {};
         this.additional_questions = {};
         this.inputHandler = this.inputHandler.bind(this);
@@ -49,7 +46,6 @@ const AdditionalQuestions = class {
 const BusinessCoreInfo = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formController = undefined;
         this.errors = {};
         this.coreInfo = {};
         this.inputHandler = this.inputHandler.bind(this);
@@ -72,6 +68,8 @@ const BusinessCoreInfo = class {
 const BusinessRepresentative = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.errors = {};
+        this.representative = {};
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
         };
@@ -82,9 +80,6 @@ const BusinessRepresentative = class {
             const dob_values = deconstructDate(event.detail);
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }) }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.representative = {};
     }
     get identificationNumberLabel() {
         return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
@@ -102,9 +97,7 @@ const BusinessRepresentative = class {
 const LegalAddressForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formController = undefined;
         this.errors = {};
-        this.legal_address = undefined;
         this.inputHandler = this.inputHandler.bind(this);
     }
     componentDidLoad() {

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

@@ -1,13 +1,14 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { ae as inputCheckboxInvalid, af as inputCheckboxCheckedFocused, ag as inputCheckboxFocused, ah as inputCheckboxChecked, ai as inputCheckbox, l as label } from './parts-fd740f54.js';
-import { F as FormControlHelpText } from './form-control-help-text-83764e14.js';
-import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-D4-FKsCU.js';
+import { a4 as inputCheckboxInvalid, a5 as inputCheckboxCheckedFocused, a6 as inputCheckboxFocused, a7 as inputCheckboxChecked, a8 as inputCheckbox, l as label } from './parts-6ctk_bhj.js';
+import { F as FormControlHelpText } from './form-control-help-text-QhxeQeTV.js';
+import { F as FormControlErrorText } from './form-control-error-text-nyeinPVQ.js';
 
 const CheckboxInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.formControlInput = createEvent(this, "formControlInput");
+        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -18,14 +19,6 @@ const CheckboxInput = class {
         this.updateInput = (newValue) => {
             this.checkboxElement.checked = newValue;
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.checked = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
     }
     get part() {
         if (this.errorText) {
@@ -43,10 +36,10 @@ const CheckboxInput = class {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '3c0c0210457da250712c3eddf587ddb939b6cca7' }, h("div", { key: '9f73f8f1498d43cffc200ef326ead11bc5c2b8bd', class: 'form-group d-flex flex-column' }, h("div", { key: 'a126f90ae5ca483310593816dfed878582331395', class: "form-check" }, h("input", { key: '2c7243c56c3110e199fae658513cd2b1bde96678', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '35f96a2b36843476ec27cbf07b15e366a703fc22' }, h("div", { key: '63ca51116c2a555df16e4c20db527580f22fc14c', class: 'form-group d-flex flex-column' }, h("div", { key: '5bbd306560eb1a1ef5664cef495a67c19f44864d', class: "form-check" }, h("input", { key: 'c4dbb352c9f4e3cbb74d2a6170cb4aab33e36924', 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: '35d662a8e14e56514589fe7d08fae470896a6d65', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '80d0558981f8ed95746a7f8f3be319b4817a00c9', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fbbda937fbf1144d5560b44719c251bdd56a6154', 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: '7866568942027045f761a197b7b43050911aebbd', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '30bfa6ea4c6e0cc5edd3ff3c06d51b71bca33fb3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd054d27b35ba312c6cfd217f4c192ad5e42667fb', errorText: this.errorText, name: this.name }))));
     }
 };
 

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

@@ -1,27 +1,19 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { l as label, c as input, b as inputInvalid, $ as inputDisabled, a as inputFocused } from './parts-fd740f54.js';
-import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-D4-FKsCU.js';
+import { c as input, l as label, b as inputInvalid, C as inputDisabled, a as inputFocused } from './parts-6ctk_bhj.js';
+import { F as FormControlErrorText } from './form-control-error-text-nyeinPVQ.js';
 
 const DateInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.formControlInput = createEvent(this, "formControlInput");
+        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.isFocused = false;
+        this.maxDate = this.currentDate;
         this.handleFormControlInput = (event) => {
             const dateValue = event.target.value;
             this.inputHandler(this.name, dateValue);
             this.formControlInput.emit({ name: this.name, value: dateValue });
         };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.disabled = undefined;
-        this.showTime = undefined;
-        this.maxDate = this.currentDate;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -54,10 +46,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '0f6bd0cc62a7023483a304ff30b272f5110fd2d3' }, h("div", { key: '6ebf0fe799c7a1b74a6c875ca8bed386949fb2fe', class: "form-group d-flex flex-column" }, h("div", { key: '370b2fadb488a3cca203b8e7ab267ee629b70b8f', class: "d-flex gap-2" }, h("label", { key: '828fa9324aac9d218e1c857ce4fdc064dddc0b12', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '42adaa5e8c7b568284e5f3129ec7edc200047f73', helpText: this.helpText })), h("input", { key: '49ae4bd3455935d9ca459dfdb53d2bfd27201e60', 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: '4a62a0efa2d9034ed56996d0f734ef89ae13ef1f' }, h("div", { key: 'f6eb5b949eac993cdb0b7d936e82f17097e91739', class: "form-group d-flex flex-column" }, h("div", { key: '0171bcc477b35886986abd2879fa96dd3565cc1a', class: "d-flex gap-2" }, h("label", { key: '7184b2172dcfc7f6fe9f4e1ca2b4769e64f1e825', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '04714a933a613dc21871fdce95641244d64776a5', helpText: this.helpText })), h("input", { key: 'b1da6e269d7d5d65828236c1b3c4c09d91adba07', 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: '81d1ecc4135b2f7a76e3c70d8dddc7539a7dd670', 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: '7d52e845976c61f3af1a3a36e86bf4bb3b0e2228', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/{form-control-error-text-176d20d8.js → form-control-error-text-nyeinPVQ.js}

@@ -1,5 +1,5 @@
-import { h } from './index-29fcfdf5.js';
-import { d as textDanger } from './parts-fd740f54.js';
+import { h } from './index-D4-FKsCU.js';
+import { F as textDanger } from './parts-6ctk_bhj.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -1,23 +1,15 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, $ as inputDisabled, c as input, l as label } from './parts-fd740f54.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D4-FKsCU.js';
+import { F as FormControlErrorText } from './form-control-error-text-nyeinPVQ.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, C as inputDisabled, c as input, l as label } from './parts-6ctk_bhj.js';
 
 const FileInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.files = undefined;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.multiple = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
+        this.formControlInput = createEvent(this, "formControlInput");
+        this.formControlBlur = createEvent(this, "formControlBlur");
     }
     render() {
-        return (h(Host, { key: '1671eaeeec71bcbcbd8898856f2d397a10abce97', exportparts: "label,input,input-invalid" }, h("div", { key: 'dca1e07456d2dc7f018fc25ccd2743ba87897fda', class: "form-group d-flex flex-column" }, h("div", { key: '5a8f2a9600f27a7554a8096977413263f8f7b942', class: "d-flex align-items-start gap-2" }, h("label", { key: '7ef6391bc3bd46d61463c37ccdfc27bc02027909', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e1992a02fb94bdf71ad46fbf387bdcf0c5ca09b2', helpText: this.helpText })), h("input", { key: 'eb4e4bfcee93ca40c945db9c8d960b069b066645', 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: '125a576d63f4a3735397fe3b27cf2e258b86c073', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '43f71b688c9616fc26de9aa0a1b98854618583da', exportparts: "label,input,input-invalid" }, h("div", { key: '61b59530384248b2d28fd2321b0bee42f4d325f8', class: "form-group d-flex flex-column" }, h("div", { key: '7a9d9d9dc001ec45c7cd983eb7e63d68ab7ece59', class: "d-flex align-items-start gap-2" }, h("label", { key: '624d8ec508af0091b0a0b9a18a7b5d034a29d6f6', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '81548d28fbc003b728e460cde95513faafbb6303', helpText: this.helpText })), h("input", { key: 'f307a0fa51af2749b16c65c470a2b33ce43bc4fd', 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: '78db2911b35525b842029a34a7b9efd5681fbde3', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -25,8 +17,9 @@ const FileInput = class {
 const TextInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        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');
@@ -39,16 +32,6 @@ const TextInput = class {
                 inputElement.value = newValue || '';
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.maxLength = undefined;
-        this.inputHandler = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -72,10 +55,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '140be8b4dc7d31be7bc6cfae5d1d86bdf777e7a1' }, h("div", { key: '8348dbe04bb617081b7fad50238f1bf3a55ae9e2', class: "form-group d-flex flex-column" }, h("label", { key: '4257e23df7cae41e5af09ba3ecbc1d7418c9ed49', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a49a82756de35be6981c8e4bb1f19be17239fa5', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8036cca60e80d20316c602a4b4e975fdaf216878' }, h("div", { key: '400a24d0fdd5305f033428c7e3d4fd1d70e1a6c2', class: "form-group d-flex flex-column" }, h("label", { key: '8a501e7d0610489e6825a610f6203ced59e87a83', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'd360db0694aa4181b1e158909897f2ffcc3be962', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'd9dbc241c4bf6b556cd225b4727ffc894f78a695', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'befc53a62981b67120907b95cdf2ce94e5abf9aa', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '6b1941ef4a7a6b2f97c1d24c4047a4ddf0df4006', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '5dbfb0d0b25ea1e1af7ad7d034853467962c1bf3', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-83764e14.js → form-control-help-text-QhxeQeTV.js}

@@ -1,5 +1,5 @@
-import { h } from './index-29fcfdf5.js';
-import { t as text } from './parts-fd740f54.js';
+import { h } from './index-D4-FKsCU.js';
+import { E as text } from './parts-6ctk_bhj.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

package/dist/esm/form-control-help-text.entry.js

@@ -1,10 +1,8 @@
-import { r as registerInstance, h } from './index-29fcfdf5.js';
+import { r as registerInstance, h } from './index-D4-FKsCU.js';
 
 const FormControlHelpText = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.helpText = undefined;
-        this.name = undefined;
     }
     render() {
         if (!this.helpText) {