@justifi/webcomponents 5.4.4 → 5.5.0

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

@@ -3,6 +3,7 @@ import { FormControlErrorText } from "../../ui-components";
 import { input, inputDisabled, inputFocused, inputInvalid, label } from "../../styles/parts";
 export class SelectInput {
     constructor() {
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -12,15 +13,6 @@ export class SelectInput {
         this.updateInput = (newValue) => {
             this.selectElement.value = newValue;
         };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.options = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -43,16 +35,17 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'af57c4172958175f90c0b4fc60c7a0b6c5f16b70' }, h("div", { key: '96f1889ffdfd2501e0f598ef4d73634f88301f8d', class: "form-group d-flex flex-column" }, h("div", { key: '3ad3e13eb068b829974d3a738a9ffd9432ea74bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '1effbf4eeb10922f49af14627aef2cee5ed2f23e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a1b9cb3152356f8e3d762b72dc8e7862183e925f', helpText: this.helpText })), h("select", { key: 'd2cfee2048fc3f3f352f065d6c1979b617baf805', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '35a1bdaf0e3afc2abc6b9c017534ff195b2fb22b' }, h("div", { key: '1a8bfb04cf91d414baf545feb200d9b77ffbfd44', class: "form-group d-flex flex-column" }, h("div", { key: 'ed7855bf66a29de36e0ef89be041dcc808bc4b17', class: "d-flex align-items-start gap-2" }, h("label", { key: '5d7a7191e4b021b6c37b16565b1e6f18f70b39d2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c449d19d68a4751bab7def93e8bace73702955c6', helpText: this.helpText })), h("select", { key: '3c3b1066af005d6705ec9bd2bbed48956dba0222', ref: el => (this.selectElement = 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-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(FormControlErrorText, { key: '036090be3ce8ab66abe46395fae7d680c5730783', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, 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(FormControlErrorText, { key: '366ae472571ad3be5ca1f38a688aaf22c7afb74d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-select"; }
     static get properties() {
         return {
             "name": {
                 "type": "any",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -65,11 +58,13 @@ export class SelectInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +77,13 @@ export class SelectInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "options": {
                 "type": "unknown",
+                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "{ label: string; value: string }[]",
@@ -98,10 +95,13 @@ export class SelectInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -113,10 +113,13 @@ export class SelectInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "defaultValue": {
                 "type": "string",
+                "attribute": "default-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -129,11 +132,13 @@ export class SelectInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "default-value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -146,11 +151,13 @@ export class SelectInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -163,11 +170,13 @@ export class SelectInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -180,7 +189,8 @@ export class SelectInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -3,6 +3,7 @@ import { FormControlErrorText } from "../../ui-components";
 import { input, inputDisabled, inputFocused, inputInvalid, label } from "../../styles/parts";
 export class TextInput {
     constructor() {
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -15,16 +16,6 @@ export class TextInput {
                 inputElement.value = newValue || '';
             }
         };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.maxLength = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -45,16 +36,17 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '1dec875457354695f83386e1644e60590c12779e' }, h("div", { key: '78f295fddd56b9696077ad3a2fcb766b9b6135bd', class: "form-group d-flex flex-column" }, h("div", { key: '5c758bbca8097ec33596366638adff845f4f7b46', class: "d-flex align-items-start gap-2" }, h("label", { key: '31576778adaf535b52584b1643e1cae3699e76c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '328deeda6bbedb37624aad6730d7dd3a9dcc0f1a', helpText: this.helpText })), h("input", { key: 'ac141a2e464e1b0caf10c1434f03744c4e2c557c', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9db3238be157235a3fafb0405fb27dff7d2e6f1f' }, h("div", { key: '3ed4b9e3daa689e110e32b9898bcc9f740b5c135', class: "form-group d-flex flex-column" }, h("div", { key: 'd73c83b22711d5665c207d13e901e8aab81b7f7f', class: "d-flex align-items-start gap-2" }, h("label", { key: '28e6b67366ed032ad53df3fc1a24e6f5ebc5a71f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '26a1e5e1fe37f6dc73cddb17a20d0d1364aa6db5', helpText: this.helpText })), h("input", { key: '5bb865860cfda43f094dda182d59c523360499a6', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '2e826f44513b7f1c8a2eb40cf6141f3e34509ec7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '38a7df55036ea06595492911598c096afbd10dd9', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {
         return {
             "name": {
                 "type": "any",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -67,11 +59,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -84,11 +78,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -100,10 +96,13 @@ export class TextInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "defaultValue": {
                 "type": "string",
+                "attribute": "default-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -116,11 +115,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "default-value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -133,11 +134,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -150,11 +153,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "maxLength": {
                 "type": "number",
+                "attribute": "max-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -167,11 +172,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-length",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "keyDownHandler": {
                 "type": "unknown",
+                "attribute": "key-down-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(event: any) => void",
@@ -183,10 +190,13 @@ export class TextInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -199,7 +209,8 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -2,6 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { input, inputDisabled, inputFocused, inputInvalid, inputInvalidAndFocused, label } from "../../styles/parts";
 export class TextInput {
     constructor() {
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -14,16 +15,6 @@ export class TextInput {
                 inputElement.value = newValue || '';
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.maxLength = undefined;
-        this.inputHandler = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -47,16 +38,17 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '140be8b4dc7d31be7bc6cfae5d1d86bdf777e7a1' }, h("div", { key: '8348dbe04bb617081b7fad50238f1bf3a55ae9e2', class: "form-group d-flex flex-column" }, h("label", { key: '4257e23df7cae41e5af09ba3ecbc1d7418c9ed49', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a49a82756de35be6981c8e4bb1f19be17239fa5', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '81fa5313b9de98ee8fdcce6638a82a48324f8ac0' }, h("div", { key: '1b4c84a80662a5bce8f44b74793f50a2552226fa', class: "form-group d-flex flex-column" }, h("label", { key: '75806dd452bf90accd45b7986335fdcefad8d242', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fbdb45b580457a6718d1be6cca605481da4af6c2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'd9dbc241c4bf6b556cd225b4727ffc894f78a695', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'befc53a62981b67120907b95cdf2ce94e5abf9aa', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '84e31bba3004fd30e156b3ca31809830be3afa35', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3f0acdb21fde23cd48f8fab9b5a3a379e9e864ad', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -69,11 +61,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "any",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -86,11 +80,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,11 +99,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -120,11 +118,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "defaultValue": {
                 "type": "string",
+                "attribute": "default-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -137,11 +137,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "default-value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "maxLength": {
                 "type": "number",
+                "attribute": "max-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -154,11 +156,13 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-length",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -170,10 +174,13 @@ export class TextInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "keyDownHandler": {
                 "type": "unknown",
+                "attribute": "key-down-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(event: any) => void",
@@ -185,10 +192,13 @@ export class TextInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -201,7 +211,8 @@ export class TextInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/ui-components/form/form-helpers/form-alert/form-alert.js

@@ -1,10 +1,6 @@
 import { h } from "@stencil/core";
 import { alertDanger } from "../../../../styles/parts";
 export class FormAlert {
-    constructor() {
-        this.text = undefined;
-        this.hideAlert = undefined;
-    }
     render() {
         if (!this.text) {
             return null;
@@ -19,6 +15,7 @@ export class FormAlert {
         return {
             "text": {
                 "type": "string",
+                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -31,11 +28,13 @@ export class FormAlert {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "hideAlert": {
                 "type": "boolean",
+                "attribute": "hide-alert",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -48,7 +47,8 @@ export class FormAlert {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "hide-alert",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/ui-components/form/form-helpers/form-control-help-text/form-control-help-text.js

@@ -1,9 +1,5 @@
 import { h } from "@stencil/core";
 export class FormControlHelpText {
-    constructor() {
-        this.helpText = undefined;
-        this.name = undefined;
-    }
     render() {
         if (!this.helpText) {
             return null;
@@ -15,6 +11,7 @@ export class FormControlHelpText {
         return {
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -27,11 +24,13 @@ export class FormControlHelpText {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -44,7 +43,8 @@ export class FormControlHelpText {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/ui-components/form/form-helpers/form-control-tooltip/form-control-tooltip.js

@@ -1,11 +1,6 @@
 import { h } from "@stencil/core";
 import { tooltip, tooltipIcon, tooltipInner } from "../../../../styles/parts";
 export class TooltipComponent {
-    constructor() {
-        this.anchorIcon = undefined;
-        this.tooltip = undefined;
-        this.helpText = undefined;
-    }
     show() {
         this.tooltip.classList.add('show');
     }
@@ -23,6 +18,7 @@ export class TooltipComponent {
         return {
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -35,7 +31,8 @@ export class TooltipComponent {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/ui-components/form/hidden-input.js

@@ -73,7 +73,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'bd707d25b1b5f0a870ff6c778291cf008ecd212b' }, h("input", { key: '639af920d20d2d5e9c2791c251f00368137c7798', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '04cbd78b739016b2a97a37a35df53bed83184e3d' }, h("input", { key: '6266b0dcfeeb13bd522fdd46b854300ccbadda4d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {