@justifi/webcomponents 6.7.2 → 6.7.3

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '70418a386030b340813ba6b4015cec977c7ed542' }, h("table-filters-menu", { key: '7ba680b0cc5cccc8fd8de210e8e9bed4b99b8790', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '2c4da0d02234051d3b48724d359f5c74c913bbf7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ad35b10dba39d2acf44eb078cf616d73815a258c', class: "p-2" }, h("form-control-select", { key: '9674d6da3301cd66562effa5aa062b004db4715c', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'f94a308a3af71a8982ce120f2a3a532431473dcb', class: "p-2" }, h("form-control-select", { key: '295de18dd0af6229fff627cb3236dfdb1635b693', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'eb9b7a1fe7454722b38c9bb989b4f702bf7ae8af', class: "p-2" }, h("form-control-date", { key: '9d616f29de5b6dfb32abba8249d21986ba7ba4e8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'f1e6fbb2147d0ec7e446dcef704c2f347ed21efa', class: "p-2" }, h("form-control-date", { key: 'c49dc4cff66936c2a943771658f57200c825a168', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '4530e57f1df87b7879ab5b3d51c64e814083cc39' }, h("table-filters-menu", { key: '541be463a6ac04afb5f46305035e78766746390a', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '5273439008474a436974c44984568650d156aa56', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1a6f3539862e84a09179f9605741500099e016e5', class: "p-2" }, h("form-control-select", { key: '19147dc7a9126af8c527748c3c52f520af142ee6', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '045c240f339d4d040abc83eeba0d73881fe5e08f', class: "p-2" }, h("form-control-select", { key: '82ac38962821a54c2ad08342ad0855b9b68cc442', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '96339b17f9944e4e99be02a25b32c57229f9820b', class: "p-2" }, h("form-control-date", { key: 'bcf00a60785ad359688a7ac82c02cd268bcf9b21', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'be6dc7a779331570f2aed0d563662dd696941640', class: "p-2" }, h("form-control-date", { key: 'a63294437da6d31b670c01dbc471ae454ecac100', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ff51026cc99afbe51442832292c46053ad0c538a' }, h("terminal-orders-list-core", { key: 'c99fe72d7ab55b4560b4af08b1152cec7a8d663b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '17a9377febcbca64657924ae5d1445794fdb523f' }, h("terminal-orders-list-core", { key: '3a32beb7e9d119b92cdc8cf130ab4fea1ceb8ef6', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }
@@ -57,7 +57,7 @@ export class TerminalOrdersList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -76,7 +76,7 @@ export class TerminalOrdersList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '47a3ae5348a5ca8d0994043e1c17605c123dee97' }, h(TableComponent, { key: 'cf0e28bb98f00d52d546bb84c045d596ff5def31' }, h(TableHead, { key: '06a0c7685a42b513c5f1bf913e2d783630e946f3' }, h(TableHeadRow, { key: '0559e0bf9ee49cba9a769d91cbe6af5197ff6b45' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '66c4756ef6c6eec274c77fc48c958c0611895cbd' }, h(TableLoadingState, { key: '7ad0e2e15fe356bd5b22f75843915b7decf3a1c1', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4191da227f556b4d9ae55533261ab1f1eaf17c9a', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2d6f63bb346c5d76f4966bc45899e6f380bf3283', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '025a109c2fca7d00292f94507cb21ce40d6ab5fc' }, h(TableFootRow, { key: '7563a33f3b02210687e376f237bab6cc708626be' }, h(TableFootCell, { key: 'bbdbc7913fc93e76425db5b972645efed56652a1', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '7b0ccb15636e02cb8181e973637f56e9dd09fb2f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'ef0bd2935c30d3065d6895e9ea3d017a7b0e2a47' }, h(TableComponent, { key: '6a092c9fa2c2fe41fbf225cf9f91bbcfa33d9ebc' }, h(TableHead, { key: '3a39f78023e7190c1536333dae2b4eebc976ccd2' }, h(TableHeadRow, { key: 'c0dc5c27bc1cbbfd96478e7cec4a22a1cd7e425f' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'b674c0d5d96d9499eb562c349b1a46978373acb3' }, h(TableLoadingState, { key: '768dead47d904ba69b8deb4954ac78f9b59e2780', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3455ac4471dc72f09163b9e02098e279933807ea', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '11738c367700be7f17c2f181fdccf63423ebb42e', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'e77a039ab5c1cdf9277aa1c1c45651e88f9dc8d0' }, h(TableFootRow, { key: 'b72612350c482c8d3cba4e30a30bed44209ffa33' }, h(TableFootCell, { key: 'e28fec03032f29ec5be4dae9af2592dfd57adcd4', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3b253351477c3ac1c6b664acefb0eddb6b5467bf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {
@@ -136,7 +136,7 @@ export class TerminalsListCore {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -158,7 +158,7 @@ export class TerminalsListCore {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -175,7 +175,7 @@ export class TerminalsListCore {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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

@@ -36,7 +36,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '7c585aa8a485f4149ae02c4140e31095410dd9c8' }, h("table-filters-menu", { key: 'e1c2942e51ebf395887121618daef8ca18d2dd40', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'f74518d5d7ad56059eb6c0ab02a3616e16c1550c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ae16ebe09430d29a8ca2c46dbb3d05feec008989', class: "p-2" }, h("form-control-text", { key: '9d7fc72298a0f7fa1b7fa342bcaa0e345a1bfd88', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'adc78c533b4ff9ba0c8ae3ea5b6704953633c6fc', class: "p-2" }, h("form-control-text", { key: '4ef8c16fcdce029b2701deed5638cbbad89746b5', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'd27c793b20fc5ff8b6ec8a08457e9cd6e9640604', class: "p-2" }, h("form-control-select", { key: '850a1b21e667fe1e1ec79051909d153a7a19c5cb', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '146cbb4a0639065d7723a263949eedc218d34b63' }, h("table-filters-menu", { key: '1b8e6fb88510892460f2abc033ce789873e242ab', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '23fbd301095d1b64e93d0fef917685b93f1217a9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c6b956c17ee92cc991cb6adc5011e8039e210f6b', class: "p-2" }, h("form-control-text", { key: 'fc3df51433901eb7a499941e3ef525401c7cd5ca', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '390b8a12e9a381cdf4747562ee4d7607255df3ce', class: "p-2" }, h("form-control-text", { key: '92305b137d07d2ee8a351019599bb000d7d32cdd', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '3197e7bf6a95621246281898d3e6d66625c30646', class: "p-2" }, h("form-control-select", { key: '92dc3fb1ef44a0e9d9a455c5fa7a6fe5ee075395', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '9bf1797fc21c7fdf2b58aedab5819513338e714b' }, h("terminals-list-core", { key: '46c5f5cc5a436d47e4813207cce07d28a4f20ef7', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '77cb67def2cb91b1fbf00059d13a255eae014b12' }, h("terminals-list-core", { key: '697cafa1c343e20f36dff0404209c4832fa6a2ff', 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"; }
@@ -75,7 +75,7 @@ export class TerminalsList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -94,7 +94,7 @@ export class TerminalsList {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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

@@ -247,7 +247,7 @@ export class InternalTokenizePaymentMethod {
         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: '8017b0fe2b0e3045a097e30aadf6a54ed2c32e62' }, h("form", { key: 'c7b0ac690a66cfb693d28e7d0eabc93817de4659' }, h("fieldset", { key: 'fb29e26a4100985595c420024d2a5ff48c79043b' }, h("div", { key: '589f51297059afda2e385281dcfeafd67fbd2268', class: "row gy-3" }, h("div", { key: 'bf067015fb3ff24e08501899e370f92dda774c2e', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '28872ca9239e2f85cb83ad8e6f27dc10f84da151', class: "col-12" }, h("justifi-button", { key: '1be3f46e34b42e69d065384dd195d7fdc09a0560', 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: 'ffe62ce1bf31ab84080d3a4c158db3b537aea2fb' }, h("form", { key: '26d7942c4d88a758e03627a6042892a4dcb0a306' }, h("fieldset", { key: 'b789b31bad42d4c6912103abe653205165e44e8d' }, h("div", { key: '2e0fe382eb8a0018692ca9da2c911229ed981f0d', class: "row gy-3" }, h("div", { key: '3120e6ddd56b184f2530a1e8c1bb28f2c0f70579', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '9de5bfc72cce2818aba19408ee835d0762d1e777', class: "col-12" }, h("justifi-button", { key: '5bd8cfb66fd34cc6773342175ae22771a095fcab', 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 "internal-tokenize-payment-method"; }
     static get properties() {

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

@@ -13,7 +13,7 @@ export class TokenizePaymentMethod {
         return this.tokenizePaymentMethodRef.validate();
     }
     render() {
-        return (h("internal-tokenize-payment-method", { key: 'ccbe4443b3e88f221eb828cae14450c5ea8dc172', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
+        return (h("internal-tokenize-payment-method", { key: '4e91adfed65e01e1d2810f7c4a57b4c1fec5c364', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }

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: 'c3ff01a53b15d4678dcbd58e97606885a510a880' }, h("style", { key: 'f239956643a0f5463303992aa2466e37988a124d' }, `
+        return (h("div", { key: 'd9ed696150f2def459af17d43a2a06e0fb24b2d1' }, h("style", { key: 'eb3f2a09ace3aa7d0d6225947a0d511cf73b107b' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '7b710736c1ffe73559ef53d9f1525c22785cde2e', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '116be40554b590b382ea7002f5c442d010059b48' }))));
+          `), h("div", { key: '3221d4cc026a4b9ef06aaaa38a5ad4bc5f190f81', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '6481dcba1041571349cb8c91c350c497453fe054' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {
@@ -200,7 +200,7 @@ export class CustomPopper {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
+        return (h("div", { key: '77d9c172a85e392d3c21d7d789dd2c264858f571' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
@@ -18,7 +18,7 @@ export class Details {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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

@@ -4,6 +4,9 @@ import { inputCheckbox, inputCheckboxChecked, inputCheckboxCheckedFocused, input
 export class CheckboxInput {
     constructor() {
         this.isFocused = false;
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -31,10 +34,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'b21aecbedc9eabe175a7c49de7289e7f514a2dca' }, h("div", { key: '7ce9735adb9b351864381ae4966e5344be8cb2de', class: 'form-group d-flex flex-column' }, h("div", { key: 'b99004c99627c2ffdc31c098d3ae956f391fbae3', class: "form-check" }, h("input", { key: 'f0e2bb106393a2eff4f172eac1c1e97aa8a184e2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '56962751d91674cfeb2716ba90bb9e9751ea4f66' }, h("div", { key: 'e3bb3cac2bf8ae03fc72558b3c00ef32ee56f61d', class: 'form-group d-flex flex-column' }, h("div", { key: '7be82e8be1da073c8f0e5ca7d609ce1d29c82c5e', class: "form-check" }, h("input", { key: 'f6b5f0ed365937feeb6ee0d885c55a27f21eaec0', 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: '18911a1180bd64375104fdbb3ba9a89f822e33cb', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '4d0d0df3bf3cbaf1314e37cbb24b5ba61446d1f7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5270fa11eecdc61c155a9eeacb83781d7b2445d8', 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: 'dda8703d86506cdd5a3b3549f3c54296830ff20f', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a4260e0cc463ad937128d46a3eb251191319473d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'de41ad6865a3d0414fa850ee5439cc11abf31f4f', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {
@@ -47,7 +50,7 @@ export class CheckboxInput {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -66,7 +69,7 @@ export class CheckboxInput {
                     "resolved": "any",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -113,7 +116,8 @@ export class CheckboxInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "error-text"
+                "attribute": "error-text",
+                "defaultValue": "''"
             },
             "checked": {
                 "type": "boolean",
@@ -123,7 +127,7 @@ export class CheckboxInput {
                     "resolved": "boolean",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -143,13 +147,14 @@ export class CheckboxInput {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "defaultValue": "() => { }"
             },
             "disabled": {
                 "type": "boolean",
@@ -160,7 +165,7 @@ export class CheckboxInput {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -168,7 +173,8 @@ export class CheckboxInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "disabled"
+                "attribute": "disabled",
+                "defaultValue": "false"
             }
         };
     }

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

@@ -42,10 +42,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '488832557ae8112639435cdc76233db84267066d' }, h("div", { key: 'daeae634334b1b15421ba7b3794950c96cb99d9d', class: "form-group d-flex flex-column" }, h("div", { key: 'f5dfa500d0bcea5dc434914e275466b60ef3b764', class: "d-flex gap-2" }, h("label", { key: '58985478033b8909f7c90dc95e02907a9403901f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e7937af44fb79a9c4c3cde98ddaa57fc97d9dfa9', helpText: this.helpText })), h("input", { key: '636a3aee2edd091ac988c4294fa5966c9305003c', 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: 'af231bc296d7bd79a01ed4c1f78b6bba1b1027c4' }, h("div", { key: '47b148201af9e18546284492a668a6720e10a015', class: "form-group d-flex flex-column" }, h("div", { key: 'e0b7c6f48baeb022018039391479007efe9b1dc9', class: "d-flex gap-2" }, h("label", { key: '26133591445cecd41c72cf69e694b7116d8a0ea5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '822ad6405b38887385c374f9646c9512b59d7e5a', helpText: this.helpText })), h("input", { key: 'ea928f636ea90f1bebfca9df9049bcde26ffdbfe', 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: 'd796894d861cbdbbe6415d2236153edabceb3a63', 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: '66c1cac66140950abb0cb6bf550d86dfee7e2b6d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {
@@ -58,7 +58,7 @@ export class DateInput {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -77,7 +77,7 @@ export class DateInput {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -96,7 +96,7 @@ export class DateInput {
                     "resolved": "(name: string, value: string) => void",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],

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

@@ -1,8 +1,13 @@
 import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
+    constructor() {
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
+    }
     render() {
-        return (h(Host, { key: '17cd92cd095bef638fa7f9df47267019b13ce421', exportparts: "label,input,input-invalid" }, h("div", { key: '036155730cb27b8c751c1d7c60b9113db1d20525', class: "form-group d-flex flex-column" }, h("div", { key: '09654b1abea93cf763be9d04edc15b544748ab23', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bb8abe4e719e40ca83da8dc15e581fb52f1a5fd5', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '599e5a958b5905ba4de825ea7923c2cf376f6d37', helpText: this.helpText })), h("input", { key: '0a6bd85a915f5017c5645037e03e56512372a478', 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: 'af1ebc0ca32c321bf4f68128f0be341368209405', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'fa58417927e8c0a4be71047c133d00ff544cbeb5', exportparts: "label,input,input-invalid" }, h("div", { key: '99167d13386b858ae940cf03015139dd1d676b4e', class: "form-group d-flex flex-column" }, h("div", { key: '33f821ca2473a4e9233e91aee0fb47aced0bdfd4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'd883b7a1a000d638ad0f1d594d314c62509259a9', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '020594f1fec84e5789fbc7f16b41777613d2f5d4', helpText: this.helpText })), h("input", { key: '841064420ca58f24d65d33e4a3a92732bcc7028c', 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: '6d703a1e7418695b6d62bb643dd3a8088bdbed30', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {
@@ -15,7 +20,7 @@ export class FileInput {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -34,7 +39,7 @@ export class FileInput {
                     "resolved": "any",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -81,7 +86,8 @@ export class FileInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "error-text"
+                "attribute": "error-text",
+                "defaultValue": "''"
             },
             "multiple": {
                 "type": "boolean",
@@ -111,13 +117,14 @@ export class FileInput {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "defaultValue": "() => { }"
             },
             "disabled": {
                 "type": "boolean",
@@ -128,7 +135,7 @@ export class FileInput {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -136,7 +143,8 @@ export class FileInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "disabled"
+                "attribute": "disabled",
+                "defaultValue": "false"
             }
         };
     }

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

@@ -4,6 +4,9 @@ import { input, inputDisabled, inputFocused, inputInvalid, label } from "../../s
 export class FileInput {
     constructor() {
         this.isFocused = false;
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -37,10 +40,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '95a6b4192008faa7a9e0e012dda864d3a62c15dd' }, h("div", { key: '34d5ffd4bc5ab846c1c60487bd6ffe14d5de620e', class: "form-group d-flex flex-column" }, h("div", { key: 'd6c2b6d31464540a698b711e01fc7d3da6fa5210', class: "d-flex align-items-start gap-2" }, h("label", { key: '64105650845148fe40ae8730de602eb90f4aa5b0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5683cd62fa425e340e68267091f188dbacad5d33', helpText: this.helpText })), h("input", { key: 'dec6fca61cc0a50f3604e25990326faec0498fe2', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '430da302c06fb83a93c10bbf8d9b62ff89fc9e5e' }, h("div", { key: '2235fd7e9ef83839a5c9644828580cb1727cb3cc', class: "form-group d-flex flex-column" }, h("div", { key: 'e899430b50cd692e76b4992d01df4ab5ef754ff4', class: "d-flex align-items-start gap-2" }, h("label", { key: '41a257c0c9064ababe2167522690678627d574ec', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '734a6dbf61d1f04920b01e8d9024c29bc8cf0967', helpText: this.helpText })), h("input", { key: '6bbe60077bbff7c427cb84883f91489ae58abbd1', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '31b57ac83f65fddac21f749e5655a43b9d01c73e', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '4b0ed448a2f7fd8e76d21abdaa47662f847bca7f', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {
@@ -53,7 +56,7 @@ export class FileInput {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -72,7 +75,7 @@ export class FileInput {
                     "resolved": "any",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -119,7 +122,8 @@ export class FileInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "error-text"
+                "attribute": "error-text",
+                "defaultValue": "''"
             },
             "multiple": {
                 "type": "boolean",
@@ -154,7 +158,7 @@ export class FileInput {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -174,13 +178,14 @@ export class FileInput {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "defaultValue": "() => { }"
             },
             "disabled": {
                 "type": "boolean",
@@ -191,7 +196,7 @@ export class FileInput {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -199,7 +204,8 @@ export class FileInput {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "disabled"
+                "attribute": "disabled",
+                "defaultValue": "false"
             }
         };
     }

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

@@ -42,10 +42,10 @@ export class MonetaryInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '26420a8cfbf1b2e121a62971060603aa83cf3e70' }, h("div", { key: '59c4042f4b6c7c0116af7b2cf3194924be87d8b5', class: "form-group d-flex flex-column" }, h("label", { key: '37454ea79c867986b12aa1b0acb63041e10c47d9', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '005a9bafecbcf6de1629f56562a6fb2588749ef5', name: this.name, helpText: this.helpText }), h("div", { key: 'd1a12b4c4e444b788e8a96a23c1ca12c3b02f90e', class: "input-group" }, h("span", { key: 'e4100991c98e073d559a4378340288829bca8e63', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'b14b182e5df0eb3cf7a5fd4abd7eda4969e9413c', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e83c01fe72f78306203ff6662c47f2db56f9e5eb' }, h("div", { key: '2763732191437c92edd551b75da1eeb2fc03d079', class: "form-group d-flex flex-column" }, h("label", { key: '923fbb823f00a52308d3e7450a136dcbb1c1b214', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '3f3dc06c3cea6478ebe66d0ae0c36532a2c9de26', name: this.name, helpText: this.helpText }), h("div", { key: 'ed01d39c77eccced675f08626cfaf19d0bbd6e65', class: "input-group" }, h("span", { key: 'b29263f7ff45ba093d3c3f1bf256e19002d64bcb', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '4a842881767f8bacba8330b2b20e33c51ca6eeb3', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '4fd052b178da46d734bdbd88f063dd1ed021d47e', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '828447aed9364496041d38539bf9446a8055d709', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {
@@ -58,7 +58,7 @@ export class MonetaryInput {
                     "resolved": "any",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -77,7 +77,7 @@ export class MonetaryInput {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -96,7 +96,7 @@ export class MonetaryInput {
                     "resolved": "(name: string, value: string) => void",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],