@justifi/webcomponents 4.20.1 → 4.22.0

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

@@ -0,0 +1,284 @@
+import { Host, h, } from "@stencil/core";
+export class DateInput {
+    constructor() {
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const localValue = target.value;
+            if (this.filterTimeZone) {
+                const utcDate = this.convertToUTC(localValue);
+                this.inputHandler(this.name, utcDate);
+                this.formControlInput.emit({ name: this.name, value: utcDate });
+            }
+            else {
+                this.inputHandler(this.name, localValue);
+                this.formControlInput.emit({ name: this.name, value: localValue });
+            }
+        };
+        this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.disabled = undefined;
+        this.filterTimeZone = false;
+        this.showTime = undefined;
+        this.maxDate = this.currentDate;
+    }
+    handleDefaultValueChange(newValue) {
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(newValue));
+        }
+        else {
+            this.updateInput(newValue);
+        }
+    }
+    get currentDate() {
+        if (!this.showTime) {
+            return new Date().toISOString().split('T')[0];
+        }
+        else {
+            return new Date().toISOString().slice(0, 16);
+        }
+    }
+    componentDidLoad() {
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(this.defaultValue));
+        }
+        else {
+            this.updateInput(this.defaultValue);
+        }
+    }
+    updateInput(value) {
+        this.dateInput.value = value;
+    }
+    convertToUTC(value) {
+        const dateObj = new Date(value);
+        return new Date(dateObj.toUTCString()).toISOString();
+    }
+    convertToLocal(value) {
+        if (!value)
+            return value;
+        const date = new Date(value);
+        // Adjust the date to the local timezone
+        const localDate = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
+        return this.showTime ? localDate.toISOString().slice(0, 16) : localDate.toISOString().split('T')[0];
+    }
+    render() {
+        return (h(Host, { key: 'd3fe13284d2f08b951f12d16ea6a56492864991e', exportparts: "label,input,input-invalid" }, h("div", { key: '4823a873c5a8851b094ae59869014ffc6e603328', class: "form-group d-flex flex-column" }, h("div", { key: 'c2205441e85bfe202ae80660eafb4a3f0bae3f82', class: "d-flex gap-2" }, h("label", { key: 'c82d9599db4f54b647bf930e2a44b2f82b07876c', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'b2d8b21a6dba7f4e093081eb274e02d4484198e1', helpText: this.helpText })), h("input", { key: '579063f27122ec31f3818d3168060e43c51c1889', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h("form-control-error-text", { key: '75b7361712bbc65683b19a40398fa5b111b8b39b', errorText: this.errorText, name: this.name }))));
+    }
+    static get is() { return "form-control-date"; }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "inputHandler": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(name: string, value: string) => void",
+                    "resolved": "(name: string, value: string) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "defaultValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "default-value",
+                "reflect": false
+            },
+            "helpText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "help-text",
+                "reflect": false
+            },
+            "errorText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error-text",
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false
+            },
+            "filterTimeZone": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "filter-time-zone",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showTime": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-time",
+                "reflect": false
+            },
+            "maxDate": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "max-date",
+                "reflect": false,
+                "defaultValue": "this.currentDate"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "formControlInput",
+                "name": "formControlInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "formControlBlur",
+                "name": "formControlBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "defaultValue",
+                "methodName": "handleDefaultValueChange"
+            }];
+    }
+}

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

@@ -31,7 +31,7 @@ export class FileInput {
         this.fileInput = this.el.querySelector('input');
     }
     render() {
-        return (h(Host, { key: 'ed29128c1c4c811aa030697347adb88e0143b031', exportparts: "label,input,input-invalid" }, h("div", { key: '6c924bdbbccae8e98a382a92e54c5b9c288de8d4', class: "form-group d-flex flex-column" }, h("label", { key: 'dbacccea94e39815737683495e3df83b514b79af', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a7eef53c9fff54eace8c6960b8c62a833d30bfa3', ref: (el) => this.fileInput = el, 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, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-help-text", { key: 'a5abacb92bdb3fb59d0a2265114e858540f2c4b7', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6eeeef347237d363d3bc6616d58f19a7f0be7e3c', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'd3928cd6013d8e1bd23921a3d73b57de3a3f4c8f', exportparts: "label,input,input-invalid" }, h("div", { key: '5c15b542801ed84a4bdd43b7a7cb8f9a70ab5016', class: "form-group d-flex flex-column" }, h("div", { key: '1636d3a16f0da8047361cbaa87423d35e042de40', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bfce95a71327cf8dd69aee4de8f1ff72c2ddcd97', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2f6167da52618938b39e3917332a74ac3c19aba0', helpText: this.helpText })), h("input", { key: '1b06c50ddb2c1bec731ceca89cc2a19a7329e3cd', ref: (el) => this.fileInput = el, 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, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: '0f38dc541504c11d49afda08f5531d9612e4911d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

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

@@ -47,7 +47,7 @@ export class MonetaryInput {
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        return (h(Host, { key: '8797b3aa5c6a30f472d51e2b9437b6158b0566fc', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '0d3e068cf104aec3f6250f5cd6c00a9342928fe8', class: "form-group d-flex flex-column" }, h("label", { key: '0e86db7c0d981bdae74c51dd75bf5579d07b4793', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd', class: "input-group" }, h("span", { key: '83860eac764be9eeea31302d60525fb56af9dc1d', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: 'b8c655c0b8eeb6ec328eeaed651773c293aa3100', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'daefe97a15bde309c397a506de6cda9a0376323b', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2a65acfea8e79d22dd09c7c116d80b12a2f2a47c', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '166dfb5c261c21d58db1a0e17d8bae149834c149', class: "form-group d-flex flex-column" }, h("label", { key: '1980871936440222e2b711ba2953d7b6287bf080', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '4cfb60bf946fa7e745c93b391997218122c551a0', class: "input-group" }, h("span", { key: '711357a32f9dc1fef77359f15ec3167a468d0463', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: '2489cab2ecb61096f781d339363dad50404e3c67', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'f7e89f0830ca0f453b02595303a245691f448d55', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61f03f0d09027237ab3f5c7979981ddc3dc4c916', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

package/dist/collection/{components → ui-components}/form/form-control-number-masked.js

@@ -52,7 +52,7 @@ export class NumberInputMasked {
         }
     }
     render() {
-        return (h(Host, { key: 'e0a59308376055c019233f3d4649c9a37af963d2', exportparts: "label,input,input-invalid" }, h("div", { key: '52d9440421342fed6a4f97b57586a43d517ded7d', class: "form-group d-flex flex-column" }, h("label", { key: '8302a9fa1111d3b72600304cd0b1fb2c6239d895', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '86653c7b7f4efb9609bae2ecf69bd5e396bd342b', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '71d4d44ff91d06229ccc22e70bc92e0a2050da90', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'b7d42462ae9165acbde68cf59da07eb956a91fd6', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'd22be5920cedfcbeb57164ba2d6909dc820fee6c', exportparts: "label,input,input-invalid" }, h("div", { key: '9ae430200ebdd26f5995dd2ccad7ad759d14ee11', class: "form-group d-flex flex-column" }, h("div", { key: '796880c67b2bd97977d09721f58357521cb76456', class: "d-flex align-items-start gap-2" }, h("label", { key: '8e4f342d1cebff5ba32b622448f759d83625d929', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '49b58ac4725e882732daefd29b3ce3c248fbe385', helpText: this.helpText })), h("input", { key: '566965701a60397807cc857813f839f56477dd81', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-error-text", { key: '783689f60c6aacab17be5a94a2b1abbd01232a42', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

package/dist/collection/{components → ui-components}/form/form-control-number.js

@@ -28,7 +28,7 @@ export class NumberInput {
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: 'dd43d75b327c05e75b453b954346c6ffcd85a2f5', exportparts: 'label,input,input-invalid' }, h("div", { key: '5215f62251bd89be493ddffe46bf0c466b42e314', class: 'form-group d-flex flex-column' }, h("label", { key: 'f0409970f8d43bcdef92b81363cc24aa1bb691a0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9c6a5899e64ba1a8af6af80c63b6a0895351da63', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h("form-control-help-text", { key: 'cd7b4a724427383cafc04137f6feca473695b020', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '04748d3c5b1067b0312a2b7c36369e2a21a7215f', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2531e0e3e6ce1a477687be5f520f491256fb1841', exportparts: 'label,input,input-invalid' }, h("div", { key: '32df49f44e1a9737fbe62a6729007c048ed1ecac', class: 'form-group d-flex flex-column' }, h("label", { key: '33da2c09b1cf6b5d816bfa315061b4c5f211f0c5', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a890c2d80dd744194f715ab148e6229d3bb524ac', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h("form-control-help-text", { key: 'cb649de955887d02da58ab9934cadf5956cf7f8e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'db06fb4008f3f66b3b726f67bd58ae96bd152bd8', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number"; }
     static get properties() {

package/dist/collection/{components/form/form-control-date.js → ui-components/form/form-control-radio.js}

@@ -1,36 +1,37 @@
 import { Host, h, } from "@stencil/core";
-export class DateInput {
+export class RadioInput {
     constructor() {
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
+            this.inputHandler(name, target.checked);
             this.formControlInput.emit({ name, value: target.value });
         };
-        this.name = undefined;
+        this.updateInput = (checked) => {
+            this.radioElement.checked = checked;
+        };
         this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
+        this.name = undefined;
+        this.value = undefined;
         this.helpText = undefined;
         this.errorText = undefined;
+        this.defaultChecked = undefined;
+        this.inputHandler = undefined;
         this.disabled = undefined;
     }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
+    handleDefaultValueChange(checked) {
+        this.updateInput(checked);
     }
     componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    updateInput(value) {
-        this.dateInput.value = value;
+        this.updateInput(this.defaultChecked);
     }
     render() {
-        return (h(Host, { key: 'dfbfc1ea5d7139a1c1d30c7bd84b33a9c22604cf', exportparts: "label,input,input-invalid" }, h("label", { key: '99a01781ecd1421fa439ad08f77d3f750a55eaee', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'd8db68d8a62e0f982c3aa7d4bd3a5cf7c2681db3', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '1ee2ccdc1e409c5427e39efe2929b830960edce9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '1db50cca364b4d059dac37243cf83bb4b11459cd', errorText: this.errorText, name: this.name })));
+        return (h(Host, { key: '00ddff45ec5c4c37ddd90f7e8c43559356e23d6a', exportparts: "label,input,input-invalid" }, h("div", { key: '8a853ad5c99ee78111494dff4772ba6ece292f17', class: 'form-group d-flex flex-column' }, h("div", { key: 'bd0fa6c02ad9b3b5900f53bd520f9628bac13fad', class: "form-check" }, h("input", { key: '4318242ddc4ac275660dd8daac0b86d741d6cdf3', ref: el => (this.radioElement = el), type: "radio", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-radio ${this.errorText ? 'input-radio-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value }), h("label", { key: 'ece1080c9d76c1459649ae80dcf894623955a61c', class: "form-check-label", htmlFor: this.name }, this.label)), h("form-control-help-text", { key: '4862090450a3a9a2bab95a994d41bc54535007ec', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6cc9c5629e0f4bc6c7307a7f0a6f1726717d50fe', errorText: this.errorText, name: this.name }))));
     }
-    static get is() { return "form-control-date"; }
+    static get is() { return "form-control-radio"; }
     static get properties() {
         return {
-            "name": {
+            "label": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -44,15 +45,15 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "attribute": "label",
                 "reflect": false
             },
-            "label": {
-                "type": "string",
+            "name": {
+                "type": "any",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "any",
+                    "resolved": "any",
                     "references": {}
                 },
                 "required": false,
@@ -61,15 +62,15 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "attribute": "name",
                 "reflect": false
             },
-            "inputHandler": {
-                "type": "unknown",
+            "value": {
+                "type": "any",
                 "mutable": false,
                 "complexType": {
-                    "original": "(name: string, value: string) => void",
-                    "resolved": "(name: string, value: string) => void",
+                    "original": "any",
+                    "resolved": "any",
                     "references": {}
                 },
                 "required": false,
@@ -77,9 +78,11 @@ export class DateInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "attribute": "value",
+                "reflect": false
             },
-            "defaultValue": {
+            "helpText": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -93,10 +96,10 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "default-value",
+                "attribute": "help-text",
                 "reflect": false
             },
-            "helpText": {
+            "errorText": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -110,15 +113,15 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "attribute": "error-text",
                 "reflect": false
             },
-            "errorText": {
-                "type": "string",
+            "defaultChecked": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -127,9 +130,24 @@ export class DateInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "attribute": "default-checked",
                 "reflect": false
             },
+            "inputHandler": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(name: string, value: boolean) => void",
+                    "resolved": "(name: string, value: boolean) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
             "disabled": {
                 "type": "boolean",
                 "mutable": false,
@@ -139,7 +157,7 @@ export class DateInput {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -184,7 +202,7 @@ export class DateInput {
     }
     static get watchers() {
         return [{
-                "propName": "defaultValue",
+                "propName": "defaultChecked",
                 "methodName": "handleDefaultValueChange"
             }];
     }

package/dist/collection/{components → ui-components}/form/form-control-select.js

@@ -27,7 +27,7 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'e62a08c8ba656cc7e82c0f8f7facccc086fbafe7', exportparts: "label,input,input-invalid" }, h("div", { key: 'f9a4c428311f32f2585ca9259ba31909187b809d', class: "form-group d-flex flex-column" }, h("label", { key: '006a3bd7ae2874bf3fa24e2c053808e51b652d9a', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: 'f0ac14e8b74c939b4928b9ce800118f660c90613', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-help-text", { key: '3a60ff2a2af7668013baf2767d97095379b2d37e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '8c4049d16408f305b8bf1e8a49c91db56991a840', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2825653443c2fdd8c6e059e03f9170fa0f293fe5', exportparts: "label,input,input-invalid" }, h("div", { key: '8eb3d38a99762d030b534cbb195e5f12da754ed4', class: "form-group d-flex flex-column" }, h("div", { key: 'ac41bf1269b5eec07e63eb9426d05684dac1aadc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ba1cd374fdb460b72ed509366a469c6d0cf9779e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7e81054e6daa2b19cae341126d49085d9c083602', helpText: this.helpText })), h("select", { key: '8eea54929eddbc98e71c0d8175e54b7e284a9f63', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-error-text", { key: 'e980065897e2c26b3f787dc576d4c5ffaeb7bdd3', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-select"; }
     static get properties() {

package/dist/collection/{components → ui-components}/form/form-control-text.js

@@ -30,7 +30,7 @@ export class TextInput {
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: 'fddfb4134747c8d8caf6594f5450e57fa4c2dc3e', exportparts: "label,input,input-invalid" }, h("div", { key: 'bbd0174fb56d911992907e0a2c453b9d1412b636', class: "form-group d-flex flex-column" }, h("label", { key: 'f5d9d3d6c4694d08d86963df37adbd1b334593b3', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'ae49e4c86782fd0901c1a0e8530981cf1b0b7c65', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '1e1bbc8d39e5caeca559515f72eb17ca9b3ab0b1', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '44c121cb0eb69840440e696e784c7a73689a42f2', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '3450b693ae915280ba28a38613a9bd2ebb360677', exportparts: "label,input,input-invalid" }, h("div", { key: 'f815c2ff679a73375cb2d12087ecf4a2bf17d5e4', class: "form-group d-flex flex-column" }, h("div", { key: '3119c59e3f7d6b547088b1eccab66641129ec71e', class: "d-flex align-items-start gap-2" }, h("label", { key: '4e1cd66eb84cd6b3449bed5c1099627ad9ffa213', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fc9bd0b06d2400a6109b93ec7c8cc7f4e8955e3b', helpText: this.helpText })), h("input", { key: '9d1d615016acd3611bee6d097ed15c3c926c5e76', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? " input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h("form-control-error-text", { key: 'ac9f44ac5411a76c8b29f00ac4bfda91f5395e71', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {