@justifi/webcomponents 5.4.3 → 5.5.0

package/dist/collection/ui-components/filters/table-filters-menu.js

@@ -4,11 +4,7 @@ import { hasFilters } from "./utils";
 import { dropdownMenu } from "../../styles/parts";
 export class TableFiltersMenu {
     constructor() {
-        this.anchorButton = undefined;
-        this.menu = undefined;
         this.showClearButton = false;
-        this.params = undefined;
-        this.clearParams = undefined;
     }
     watchParamsHandler(newValue) {
         this.showClearButton = hasFilters(newValue);
@@ -23,13 +19,14 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'c077391d1358cd6ad02857e05a56aab3e1d10018', class: "d-flex gap-2" }, h("div", { key: 'd28773f0b202b1fcbe19bc5bace1cbf17f5538f7', class: "dropdown pb-3" }, h(Button, { key: '0ad326c9539d5c93573001f6c98486bbbe7a4eaf', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '9ebcaad716bd3b38233a2e78aa219f397c821472', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'ca88fa944c5e9ac23f6ebee6c771603516b83f85', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7cc23a56a5db363ebdf375d41a758db534c9b9a7' })))), h("div", { key: '7047b1659d9f854ccb5e00f53fa03d4d42d7c550' }, h(Button, { key: '73e413af21cc39818ec8156d736ffdf72bc844d3', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '2f32310a56d15e05ea3d67f3ba0ebfcceeac3cd5', class: "d-flex gap-2" }, h("div", { key: '5c4c2eb818718e48671715444669bc35d6a8bdd0', class: "dropdown pb-3" }, h(Button, { key: 'b9a925e818f08ae06fb9b01cb1dc2952ea80090b', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'faf3cb404faec7b7ad66766ded250553b59cf554', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '7b246ab892bf311ace647ca3708252ecd9293088', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'f1f260d783d47941f0c6b9b90d4b028188b27ec8' })))), h("div", { key: '1eb9a2abd1b4194472474e6d7ac926662019a5e6' }, h(Button, { key: '02e1cd5bc0c043deae704edd65ded465dd5ef9bf', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {
         return {
             "params": {
                 "type": "any",
+                "attribute": "params",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -42,11 +39,13 @@ export class TableFiltersMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "params",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "clearParams": {
                 "type": "unknown",
+                "attribute": "clear-params",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -58,7 +57,9 @@ export class TableFiltersMenu {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -3,6 +3,7 @@ import { FormControlHelpText, FormControlErrorText } from "../../ui-components";
 import { inputCheckbox, inputCheckboxChecked, inputCheckboxCheckedFocused, inputCheckboxFocused, inputCheckboxInvalid, label } from "../../styles/parts";
 export class CheckboxInput {
     constructor() {
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -13,14 +14,6 @@ export class CheckboxInput {
         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) {
@@ -38,16 +31,17 @@ export class CheckboxInput {
         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: '51ebd9d5b1eba8b7eba8f9c89551b9cbc754d706' }, h("div", { key: '5a8c60a4f259adbd6d78223c538d39ed3865a799', class: 'form-group d-flex flex-column' }, h("div", { key: '36f5b7b0ee0371990a5243c0cf0209a04085c66d', class: "form-check" }, h("input", { key: 'b85a3a2e09cea7b5ac9462ffa2b425524218d590', 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: '4493c4c522a46ae995b2fdeeaab15487e273bf09', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '5fbddaeefb1e1d1ed5e088cf64edfb18f51cda72', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7d2f579ef1ba9042096d6c29b8570d5259a27bc0', 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",
@@ -60,11 +54,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "any",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -77,11 +73,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -94,11 +92,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -111,11 +111,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "checked": {
                 "type": "boolean",
+                "attribute": "checked",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -128,11 +130,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "checked",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: boolean) => void",
@@ -144,10 +148,13 @@ export class CheckboxInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -160,7 +167,8 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -3,21 +3,13 @@ import { FormControlErrorText } from "../../ui-components";
 import { input, inputDisabled, inputFocused, inputInvalid, label } from "../../styles/parts";
 export class DateInput {
     constructor() {
+        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);
@@ -50,16 +42,17 @@ export class DateInput {
         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: '587ee2fa01634a32f985ab19aaf4f62d010ce10c' }, h("div", { key: '95958ed36ccb85a5a4d6c7db452e924c5000924c', class: "form-group d-flex flex-column" }, h("div", { key: 'ea8a18b68dcafb62c46543c0beea80321e67b990', class: "d-flex gap-2" }, h("label", { key: '78a4be7c16a0f1d6a6d02d5c6fd17ccc25d727f3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '85306bcf45e676a668f9a6b78deda4c5decc9831', helpText: this.helpText })), h("input", { key: '8526227900d9e9abc11635ffc8598c53c6db397a', 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: '341c4283c126602dc25cd5beeec7c11b26e13b18', 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",
@@ -72,11 +65,13 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -89,11 +84,13 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -105,10 +102,13 @@ export class DateInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "defaultValue": {
                 "type": "string",
+                "attribute": "default-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -121,11 +121,13 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "default-value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -138,11 +140,13 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -155,11 +159,13 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -172,11 +178,13 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "showTime": {
                 "type": "boolean",
+                "attribute": "show-time",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -189,11 +197,13 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-time",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "maxDate": {
                 "type": "string",
+                "attribute": "max-date",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -206,7 +216,8 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-date",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "this.currentDate"
             }

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

@@ -1,24 +1,15 @@
 import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
-    constructor() {
-        this.files = undefined;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.multiple = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
-    }
     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: 'f3efb1623170f761f4650d0e383ad8f1416f1324', exportparts: "label,input,input-invalid" }, h("div", { key: '92139fdd8fed82196a249ab0e33b1e22fcf078e7', class: "form-group d-flex flex-column" }, h("div", { key: 'e7de120a2d934275dec4f75aa6a7d5d33cf2fbff', class: "d-flex align-items-start gap-2" }, h("label", { key: '01c0fbea56bdbcc0f26f3339037c3be13937ee68', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7d9c68d9f1b60236603d799b91be3e731388260c', helpText: this.helpText })), h("input", { key: '330170f3c80bb09c4fcd079c8012a657274c770f', 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: '63a6395fe3523c6db034b891e95d9b346fc51491', 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",
@@ -31,11 +22,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "any",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -48,11 +41,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -65,11 +60,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +79,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -99,11 +98,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -115,10 +116,13 @@ export class FileInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -131,7 +135,8 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -3,6 +3,7 @@ import { FormControlErrorText } from "../../ui-components";
 import { input, inputDisabled, inputFocused, inputInvalid, label } from "../../styles/parts";
 export class FileInput {
     constructor() {
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -18,17 +19,6 @@ export class FileInput {
                 });
             }
         };
-        this.files = undefined;
-        this.fileString = undefined;
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.multiple = undefined;
-        this.documentType = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
     }
     componentDidLoad() {
         this.fileInput = this.el.querySelector('input');
@@ -47,16 +37,17 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'a70c3c2b62599cdedf34c837e29f53011e56e018' }, h("div", { key: 'ae42cd54552d7e2b95c619acf25c4b24a0c29dc9', class: "form-group d-flex flex-column" }, h("div", { key: '7b3b935921448a4e46d864dc933f5fd7c63ead93', class: "d-flex align-items-start gap-2" }, h("label", { key: '5f1e6608b4bed90aadbf8ee6c45d6f92fa40d429', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '831be18cf54359800498a91ff4d0f8111feb0603', helpText: this.helpText })), h("input", { key: '5541ad6ba3a84e1bced7b61429c93b1d3b3632df', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a5ef7adbe7efb704ab17ea2bf7e72506a16383af' }, h("div", { key: '689a358ae4b0e6d452001b1966d8e159d0870e5b', class: "form-group d-flex flex-column" }, h("div", { key: '04a77efbf4584dee1d66b93d5d7ff4859a95909c', class: "d-flex align-items-start gap-2" }, h("label", { key: '5c529a39de6862e5c6e22ccf0eb5384360b79e7a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd9efcdc856f685aeed2fd23bbfa6ed28380d8373', helpText: this.helpText })), h("input", { key: '52f2ee7437bfd30f5b96447a95d1e1d06e7f49ca', 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: '7c93f4e7fc3354479bd688e9a386948dc3b349de', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'e6c0b986edb44f7eaa89f800e698b52be61b9564', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -69,11 +60,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "any",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -86,11 +79,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,11 +98,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -120,11 +117,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "multiple": {
                 "type": "boolean",
+                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -137,11 +136,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentType": {
                 "type": "string",
+                "attribute": "document-type",
                 "mutable": false,
                 "complexType": {
                     "original": "EntityDocumentType",
@@ -160,11 +161,13 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-type",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -176,10 +179,13 @@ export class FileInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -192,7 +198,8 @@ export class FileInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };