@justifi/webcomponents 6.1.0-rc.2 → 6.1.0

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: '1cffb3170b4f1335737dcbb025250d69c20a94b0' }, h("style", { key: '9e325676460e77d3c887934f2f9c685690731eb5' }, `
           .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: '4a519440ce0d71a71b99d64bae64be06d2ab9c2f', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '99aab485a231bd1f51ef0b5465e9e00e7c8178a6' }))));
     }
     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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ErrorState } from "./utils";
 export class Details {
     render() {
-        return (h("div", { key: '026afe404e83a58245d2c0d68b188a5b227933b4' }, this.errorMessage ?
+        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
@@ -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/details/utils.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
-import { heading1, heading2, text } from "../../styles/parts";
-export const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, h("p", { part: text }, errorMessage)));
+import { heading1, heading2, link, text } from "../../styles/parts";
+export const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: "1.2rem" } }, h("p", { part: text }, errorMessage)));
 export const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
-export const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
+export const DetailItem = ({ title, value, onClick, }) => title && value ? (h("div", { class: "row justify-content-between" }, h("div", { class: "col-12 col-md-4" }, h("span", { class: "fw-bold", part: text }, title)), h("div", { class: `col-12 col-md-8 ${onClick ? "text-decoration-underline text-primary" : ""}`, style: { cursor: onClick ? "pointer" : "auto" }, onClick: () => onClick && onClick() }, h("span", { class: "text-wrap", part: onClick ? link : text }, value)))) : null;
 export const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` }, h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title), h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));
 export const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, class: "p-2" }, h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, h("h1", { class: "m-0", part: heading1 }, title), badge), h("div", { class: "d-flex flex-row align-items-top", part: text }, children)));
-export const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;
+export const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: "mt-4" }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;

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: '5f005eb28eba876fdb960c1f2f1dcde88eb3301e' }, h("div", { key: '09ee456c7f4339129b7b8b6a3988e460729a1b63', class: 'form-group d-flex flex-column' }, h("div", { key: '37ed948a6a54b5274416183130718d4edb5a0438', class: "form-check" }, h("input", { key: 'd787cb203ba00e73e802b9d4fb19176b3b773ada', 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: '46548faac2cfe3d43ac71a68616ae3fb2d496d03', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'ac4d887f51e5a32bed3b57053f4fbdbff5bac22d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4e4274031280fe30b9b3c8089aa0b313ff2308c9', 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: '607129129bd143b24c20aa331484cd0d3d4f0655' }, h("div", { key: '9c4f1decc70e765b5a8e2e48521ca5fad3196368', class: "form-group d-flex flex-column" }, h("div", { key: 'f02ddd07ed0abd495b113fc3c558ec9266bbf9c0', class: "d-flex gap-2" }, h("label", { key: '13c995ca29975db2b8940cd044d1e0eb5a7639ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3dbe855de95b7ddeaab7a14f5e3bb914a6330056', helpText: this.helpText })), h("input", { key: 'defe89403181e6d2b3466582a03491a3e4a0dc96', 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: '6f53bc00b94123fef03ad278a19bff43fc2e52e9', 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: '54f8fba4d9bc07aafaa174983d2076ea0dcadc0a', exportparts: "label,input,input-invalid" }, h("div", { key: '2fe88af83e94677829c929ecc1e8a3e158d186d7', class: "form-group d-flex flex-column" }, h("div", { key: '70ba8fca4595554f0ebafe314570e6b7f257fe84', class: "d-flex align-items-start gap-2" }, h("label", { key: '3f2b47ce3509acfe5b52573b4742824ffd8b1a60', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '21fd8bb39e59287f546486ce2d3328c6a3eda5cb', helpText: this.helpText })), h("input", { key: 'a8713185858b865850f8f362367af36cfd7e712c', 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: '5ccdf1adad43c5f7f789b292fc49584b23b69436', 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"
             }
         };
     }

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

@@ -37,17 +37,16 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '3f6adbe90fc89972562f658958433d77ca9ad67c' }, h("div", { key: '522ea5f78109a2717e8b016c16d29c9444ebf0c2', class: "form-group d-flex flex-column" }, h("div", { key: '39647185cf2b6fbe4317aa5ae609a971161974a7', class: "d-flex align-items-start gap-2" }, h("label", { key: '18d7f1e782c74bfd9a1aad52c70d451e2d7ebdd5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3eab40969bc7d68b195093f7671244a2c1a0f537', helpText: this.helpText })), h("input", { key: '0acb164fc09a23fd8a8937222f527052bb02248e', 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: '1c348aaabc1d1defcd6b43857d5f96c65081480a' }, h("div", { key: 'c4242a743ad5ad7dbd4ea33d94209f9e1f32a54b', class: "form-group d-flex flex-column" }, h("div", { key: 'fe9c313899afb870878f0b93c9d424efb4243bdf', class: "d-flex align-items-start gap-2" }, h("label", { key: '8229509739e4641da66d6ada865dd96d193c5189', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'cf9773e27c5e9af5f8dd1824dc4cc599ced525d2', helpText: this.helpText })), h("input", { key: '0de93e1cd1d87922682c6bdbc9d55f648659eeb9', 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: '03689848a01a3844dcf4480d5f997a3a52338ea1', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '0215ddf922a8f33ff7001ac2036a8f22a399266e', 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",
@@ -62,11 +61,11 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "name": {
                 "type": "any",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -81,11 +80,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",
@@ -100,11 +99,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",
@@ -119,11 +118,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",
@@ -138,11 +137,11 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "multiple"
             },
             "documentType": {
                 "type": "string",
-                "attribute": "document-type",
                 "mutable": false,
                 "complexType": {
                     "original": "EntityDocumentType",
@@ -163,11 +162,11 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "document-type"
             },
             "inputHandler": {
                 "type": "unknown",
-                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -185,7 +184,6 @@ export class FileInput {
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -200,7 +198,8 @@ export class FileInput {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disabled"
             }
         };
     }