@justifi/webcomponents 6.1.0-rc.1 → 6.1.0-rc.3

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

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '705ee40711e90c28a6b1699f450befa7c5b5529b' }, h("terminals-list-core", { key: '3d54a1519e5299eb83d16bf2034711fc0dd0cc18', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '8be2d4a6da1e9e5e5dd5d86f1ef62fc693f57590' }, h("terminals-list-core", { key: '69badecd6e85df42bd303637d0aa201868efa9b6', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }
@@ -69,7 +69,6 @@ export class TerminalsList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -84,11 +83,11 @@ export class TerminalsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,11 +102,11 @@ export class TerminalsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -123,6 +122,7 @@ export class TerminalsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

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

@@ -247,14 +247,13 @@ export class TokenizePaymentMethod {
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '5fc5dad15215fe24b421f4d6c13355fb849b8a76' }, h("form", { key: '0e0330e5b11ee3ae0bef9e092fa2fb2a0a6af3e7' }, h("fieldset", { key: 'ee4c026ccda62a249e019a9e105e40ea465fc400' }, h("div", { key: '15a8a86fa5be8a545745260d76a8c3b2569d6a0e', class: "row gy-3" }, h("div", { key: 'bbbeed6ee96311394a876b4beb206e8e335184c2', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'da2a2009abe4348e25a5fc712557e81e9f6c4c1f', class: "col-12" }, h("justifi-button", { key: '050939c757999383226f281ee0eff1ec178be203', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '373ac317c7a4c4c808ca67e8bf63be28c5dd43b4' }, h("form", { key: 'da07764bca9a6af5baf6b3bf025c1abf9661e4b7' }, h("fieldset", { key: 'af277c0c07697969a2c83dcbac6017a596c22077' }, h("div", { key: '1dc0ea324a4ed69eceb240504f320f1c1dfcf6b3', class: "row gy-3" }, h("div", { key: 'feaaff69b06663e759864857f6d15eec2aa31819', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '0dbee981688f541bfcf638c55698444f6a4eb9b4', class: "col-12" }, h("justifi-button", { key: '851dfb38a1a92c9990050dc17c55a693f3875afd', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get properties() {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -269,11 +268,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -288,11 +287,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "disableBankAccount": {
                 "type": "boolean",
-                "attribute": "disable-bank-account",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -307,11 +306,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disable-bank-account"
             },
             "disableCreditCard": {
                 "type": "boolean",
-                "attribute": "disable-credit-card",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -326,11 +325,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disable-credit-card"
             },
             "hideBankAccountBillingForm": {
                 "type": "boolean",
-                "attribute": "hide-bank-account-billing-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -345,11 +344,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "hide-bank-account-billing-form"
             },
             "hideCardBillingForm": {
                 "type": "boolean",
-                "attribute": "hide-card-billing-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -364,11 +363,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "hide-card-billing-form"
             },
             "hideSubmitButton": {
                 "type": "boolean",
-                "attribute": "hide-submit-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -383,11 +382,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "hide-submit-button"
             },
             "paymentMethodGroupId": {
                 "type": "string",
-                "attribute": "payment-method-group-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -402,11 +401,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-method-group-id"
             },
             "submitButtonText": {
                 "type": "string",
-                "attribute": "submit-button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -422,11 +421,11 @@ export class TokenizePaymentMethod {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "submit-button-text",
                 "defaultValue": "'Submit'"
             },
             "savePaymentMethodLabel": {
                 "type": "string",
-                "attribute": "save-payment-method-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -441,7 +440,8 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "save-payment-method-label"
             }
         };
     }

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

@@ -16,7 +16,6 @@ const initialState = {
     checkoutLoaded: false,
     bankAccountVerification: undefined,
     disableBankAccount: false,
-    disableBnpl: false,
     disableCreditCard: false,
     disablePaymentMethodGroup: false,
     paymentAmount: 0,
@@ -59,7 +58,7 @@ export function getAvailablePaymentMethodTypes() {
     if (!checkoutStore.disableBankAccount) {
         methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
     }
-    if (checkoutStore.bnplEnabled && !checkoutStore.disableBnpl) {
+    if (checkoutStore.bnplEnabled) {
         methods.push(PAYMENT_METHODS.SEZZLE);
     }
     if (checkoutStore.bankAccountVerification === true &&

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '6249f59c6bcced199fe4d509988644633d783b6b' }, h("style", { key: '9d6a47ff5b927ebfb318b7d0852678f7ade406ca' }, `
+        return (h("div", { key: '8f01710b6c352f39b35c5814cd6a876ab7e088c5' }, h("style", { key: 'e1885fe648eda95a8efa50a8f6cd46a09f59cc61' }, `
           .popper-content {
             display: none;
           }
@@ -88,14 +88,13 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '311f13edc07bc1aea0569fb6c92fbbc241704529', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '93e806d8db16cd7c1b29ce6b6bec784c8126ab67' }))));
+          `), h("div", { key: 'b2d5d36d62207fceda79ad2d1d0d0680bee6a366', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '406218fe16ad4b65e3e80ca467c3c49a462dee18' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {
         return {
             "placement": {
                 "type": "string",
-                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -117,11 +116,11 @@ export class CustomPopper {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placement",
                 "defaultValue": "'bottom'"
             },
             "offset": {
                 "type": "unknown",
-                "attribute": "offset",
                 "mutable": false,
                 "complexType": {
                     "original": "[number, number]",
@@ -140,7 +139,6 @@ export class CustomPopper {
             },
             "strategy": {
                 "type": "string",
-                "attribute": "strategy",
                 "mutable": false,
                 "complexType": {
                     "original": "PositioningStrategy",
@@ -162,11 +160,11 @@ export class CustomPopper {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "strategy",
                 "defaultValue": "'absolute'"
             },
             "trigger": {
                 "type": "string",
-                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -182,11 +180,11 @@ export class CustomPopper {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "trigger",
                 "defaultValue": "'click'"
             },
             "anchorRef": {
                 "type": "unknown",
-                "attribute": "anchor-ref",
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement | SVGElement",

package/dist/collection/ui-components/details/details.js

@@ -12,7 +12,6 @@ export class Details {
         return {
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -27,7 +26,8 @@ export class Details {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "error-message"
             }
         };
     }

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

@@ -31,17 +31,16 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '6ef9c4917c0371f697b92f6a7ee1471feec1aaf1' }, h("div", { key: 'c9b0a6f9d55f2fccc0ce060af6b0944d1cc9104e', class: 'form-group d-flex flex-column' }, h("div", { key: '618bf437e3d39095c5d5fb29b539d37e5f25b225', class: "form-check" }, h("input", { key: 'e51b0c603bc0be02055dc96145b04dbb43638b79', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b9f175598599477e4eab8b690e414539421368c9' }, h("div", { key: 'd775d704b4ec7d43ce3b973b38dfe145b99bc6b9', class: 'form-group d-flex flex-column' }, h("div", { key: '0c7b3e3a405f967914e270f84e9625074fb1fb05', class: "form-check" }, h("input", { key: '7cc316c6069fd7ca174a0f41c5e564f68147099d', 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: 'bad954d2501514587ef79c0325ecaae0ba6a4b91', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '26d50d8b95bd2285211079e5527f57152c739651', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2f8d2c9fe3a883d2bc9a6200075d8ba13a5dc4', 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: '329eaefa881d6b6b15fe1aa910d605c3a81b1eac', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '0f2acd28cbd742726c50eac743bf96acaed8b9d3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c9837469aeb10591668c1e3d3db1e97047ac1bc1', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -56,11 +55,11 @@ export class CheckboxInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "name": {
                 "type": "any",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -75,11 +74,11 @@ export class CheckboxInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "helpText": {
                 "type": "string",
-                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -94,11 +93,11 @@ export class CheckboxInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "help-text"
             },
             "errorText": {
                 "type": "string",
-                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -113,11 +112,11 @@ export class CheckboxInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "error-text"
             },
             "checked": {
                 "type": "boolean",
-                "attribute": "checked",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -132,11 +131,11 @@ export class CheckboxInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "checked"
             },
             "inputHandler": {
                 "type": "unknown",
-                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: boolean) => void",
@@ -154,7 +153,6 @@ export class CheckboxInput {
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -169,7 +167,8 @@ export class CheckboxInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disabled"
             }
         };
     }

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

@@ -42,17 +42,16 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '2e4a67de83ef5dcd64ff15e1f6fbc125db0d121d' }, h("div", { key: 'e73d09d041e2152e88917ac65f8a5b5bb7949df4', class: "form-group d-flex flex-column" }, h("div", { key: '7c0e2d8be29956e61aaa37bc4575efc595382ce7', class: "d-flex gap-2" }, h("label", { key: '1d3692f53203455abacb1addb300549d5d47d8e6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e16354b0813c63cd2b21b4185fdd33c0159d9ee3', helpText: this.helpText })), h("input", { key: 'bf559dea1bf215276a69833a0d5ff78502043669', 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: 'be66385ae9cb403d1c94ef487ee42b6b98b63913' }, h("div", { key: 'eea4d3a39cb61ad2a54b0a3d184c984f26747c77', class: "form-group d-flex flex-column" }, h("div", { key: '787c9ba01d365f101d00e16d23506cb7af7cf7aa', class: "d-flex gap-2" }, h("label", { key: '286798b356618d38521da6c9f5dc381d4e68cb7e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd04a23cb0be7da8b732efcaecd9853d10058d2b', helpText: this.helpText })), h("input", { key: 'a25ff1e3b236d6ed30e87033d665d3d136beffbc', 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: 'df02643ac9a15c675726ccba1bfb2ec45ed2c4bc', 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: 'f0363ed5549cb92b724367bef1cd025fbe597b8d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -67,11 +66,11 @@ export class DateInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -86,11 +85,11 @@ export class DateInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "inputHandler": {
                 "type": "unknown",
-                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -108,7 +107,6 @@ export class DateInput {
             },
             "defaultValue": {
                 "type": "string",
-                "attribute": "default-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -123,11 +121,11 @@ export class DateInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "default-value"
             },
             "helpText": {
                 "type": "string",
-                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -142,11 +140,11 @@ export class DateInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "help-text"
             },
             "errorText": {
                 "type": "string",
-                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -161,11 +159,11 @@ export class DateInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "error-text"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -180,11 +178,11 @@ export class DateInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disabled"
             },
             "showTime": {
                 "type": "boolean",
-                "attribute": "show-time",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -199,11 +197,11 @@ export class DateInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "show-time"
             },
             "maxDate": {
                 "type": "string",
-                "attribute": "max-date",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -219,6 +217,7 @@ export class DateInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "max-date",
                 "defaultValue": "this.currentDate"
             }
         };

package/dist/collection/ui-components/form/form-control-file-v2.js

@@ -2,14 +2,13 @@ import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
     render() {
-        return (h(Host, { key: '151b13500f5bc11102f13e9e8aba583f5535458f', exportparts: "label,input,input-invalid" }, h("div", { key: 'aa24b590885e67c0dae7bbf10a46e111cbb108ac', class: "form-group d-flex flex-column" }, h("div", { key: 'a6da0c166f60904ac32eef2e9ebb77c472bb7180', class: "d-flex align-items-start gap-2" }, h("label", { key: '24ddc6dc7f49b1be6a8a8d81c829c11f8c76b9e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d058f5f8029abce0a75c86a2de3b11d3c26a8f6', helpText: this.helpText })), h("input", { key: 'c807436e93a21ad7c1fd942cfb295d51bf30a9b7', 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: '59abec5b8a6660de5c3aa09d5341b53bc53b3dea', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '3e9e35e7c4c1166866e3cf94dd18bfda6d64222d', exportparts: "label,input,input-invalid" }, h("div", { key: 'f951ee548b004edd55957f2b34a8ab4cddb59bc7', class: "form-group d-flex flex-column" }, h("div", { key: '9b28774efa7c53871c23b2e66ea8b6434af3d07b', class: "d-flex align-items-start gap-2" }, h("label", { key: '783eb33e72b44bb42d01f7e474998d7fa2b58093', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'bbc906ac8482e5cf21af56cf841932b78cd5e015', helpText: this.helpText })), h("input", { key: '3670f289b59e5464c11ba8b5ef66af0a3a2d65ca', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '11d9f49721bc8920c0fa917e6a406019aa29041e', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -24,11 +23,11 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "name": {
                 "type": "any",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -43,11 +42,11 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "helpText": {
                 "type": "string",
-                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,11 +61,11 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "help-text"
             },
             "errorText": {
                 "type": "string",
-                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -81,11 +80,11 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "error-text"
             },
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -100,11 +99,11 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "multiple"
             },
             "inputHandler": {
                 "type": "unknown",
-                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -122,7 +121,6 @@ export class FileInput {
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -137,7 +135,8 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disabled"
             }
         };
     }