@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/module/form-control-monetary2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, t as text } from './parts.js';
-import { F as FormControlHelpText } from './form-control-help-text2.js';
+import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, J as inputAdornment } from './parts.js';
+import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import { f as formatCurrency } from './utils2.js';
@@ -11,6 +11,8 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         this.__registerHost();
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.isFocused = false;
+        this.defaultValue = '0';
         this.formatRawValue = (value) => {
             // Remove everything from that is not a number.
             // This will parse out our display formatting as well as prevent users from entering non-numeric characters.
@@ -27,16 +29,6 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
             this.inputHandler(name, formatRawValue);
             this.formControlInput.emit({ name: name, value: formatRawValue });
         };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = '0';
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.maxLength = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -44,7 +36,7 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
     componentDidLoad() {
         this.updateInput(this.defaultValue);
     }
-    get part() {
+    get inputPart() {
         if (this.errorText) {
             return inputInvalid;
         }
@@ -57,10 +49,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: '58676b687868b5a2d242bc929cae09afb5ae6fbf' }, h("div", { key: '8046cc1e2fa66c5601e370e6dccfa25714649823', class: "form-group d-flex flex-column" }, h("label", { key: 'e4b085b30ee0c7b884204fa9bf467875247bcac0', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '79bf26bc54c9cc94fedd3af56779de1554e62ce2', name: this.name, helpText: this.helpText }), h("div", { key: '453cb229e64e9429a26b38ffa62693793e5e48f8', class: "input-group" }, h("span", { key: '663753b8d9c6a098326bd325822586c704624bc4', class: "input-group-text", part: text }, "$"), h("input", { key: '9314ad2b99762df1a46c0e0f4632da4a091c59ef', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9937b02bb7795d2dc7eea6d278b54c841ebe72b9' }, h("div", { key: '2987c8bdfc31eb5e9e195e5ea7af3d01f884e4d9', class: "form-group d-flex flex-column" }, h("label", { key: '1ab3fe1ab8a444201849faf571198da0ae2aedd1', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '928c65b28f66c2b8ca7b926c51afc6ec50739468', name: this.name, helpText: this.helpText }), h("div", { key: '941e0ee7ab81877f0169ac3fea17639e1f48aea0', class: "input-group" }, h("span", { key: '565be53bce113e5ac7d1c9118bb007a9aaccf337', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '2773f2a97aa5af880f1754797f55d70a2c4967c6', 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.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '382864114f66187237ce08c12afb13abed2c298d', 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: 'aabcd3578d102b0ca10e7ad52ede44949207ac1e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -68,12 +60,12 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
 }, [0, "form-control-monetary", {
         "name": [8],
         "label": [1],
-        "inputHandler": [16],
+        "inputHandler": [16, "input-handler"],
         "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
         "maxLength": [2, "max-length"],
-        "keyDownHandler": [16],
+        "keyDownHandler": [16, "key-down-handler"],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-number-masked2.js

@@ -13,6 +13,7 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.imask = null;
+        this.isFocused = false;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -38,15 +39,6 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
                 this.imask.value = String(newValue);
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.mask = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.initializeIMask();
@@ -75,10 +67,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '66b0cdf1f36db4f18500eefb0886259be01baa3c' }, h("div", { key: '8ea85512273929a0bccca3528863dc8aef57dd1b', class: "form-group d-flex flex-column" }, h("div", { key: '88db52b833bc4ad284316eedcd966425ed915daf', class: "d-flex align-items-start gap-2" }, h("label", { key: 'afbf8d666bbd2f81800b4e19461e64fed9af5167', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9735983927db2fe6922a2058262b9aeb6df94d73', helpText: this.helpText })), h("input", { key: 'afec9c2a3fb573a5b86839a241ff9de0f59f65be', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '92075699e755e1a0b07984638ee05ddbe7695991' }, h("div", { key: 'cb5147764d5252983dd7b9a7a6c5925a09214c55', class: "form-group d-flex flex-column" }, h("div", { key: '3f4203b0d73d9255c34148a2f700f894bab103c8', class: "d-flex align-items-start gap-2" }, h("label", { key: '52cde3a5b6e806e4ed5e730aba0bc1c80bbdda71', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1ac4b73d1ead561376dc7134a6d40948c44ae99e', helpText: this.helpText })), h("input", { key: '33403e3ee8d599f071738590438eae682ceaa58d', ref: el => (this.textInput = 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', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'af0e7ae5efb2821634428f3fea22f16a7e58b430', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '4c2a4adbd03886ec4c84f65f2824ff8481eefbab', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -89,7 +81,7 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
         "defaultValue": [1, "default-value"],
-        "inputHandler": [16],
+        "inputHandler": [16, "input-handler"],
         "mask": [1],
         "disabled": [4],
         "isFocused": [32]

package/dist/module/form-control-number.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { k as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
-import { F as FormControlHelpText } from './form-control-help-text2.js';
+import { Q as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
+import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 
@@ -10,6 +10,7 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         this.__registerHost();
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -22,14 +23,6 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
                 inputElement.value = newValue || '';
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -50,10 +43,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '30aed88fe8d8ecf3a8fa36b8d8cd615b82e4cc01' }, h("div", { key: '025ac654d3de4869242a0ce294e95d7aa83e4e01', class: 'form-group d-flex flex-column' }, h("label", { key: 'fecb388595436046b1719870b4745c685d39eccc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '95033125ca4973a6e7484d60b57350250647e3cc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c2372e4ec5b411e46f661de978a2000b9f29b62a' }, h("div", { key: '2104bd311b0e435f08b44e35fcbcc0d272b1a186', class: 'form-group d-flex flex-column' }, h("label", { key: '87ae4bfabbd40a7f99183e8c915489cca8fd185c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '2a0114aa80b400dc972bb85e54adec20422f0892', 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', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '471b88b189e0046871010e780ccd560c80f1c764', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b0d1b87f51482daa6ded4eeedcaffda8e863b3af', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '058e65722ece48e6fdd3606aceb3ee7ac83fdd82', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b23bd9dc7a2244c4e6038e899b0e31841dc0b7e2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -65,7 +58,7 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
         "defaultValue": [1, "default-value"],
-        "inputHandler": [16],
+        "inputHandler": [16, "input-handler"],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-radio2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { O as inputRadioInvalid, P as inputRadioCheckedFocused, Q as inputRadioChecked, R as inputRadioFocused, S as inputRadio, l as label } from './parts.js';
-import { d as defineCustomElement$1 } from './form-control-help-text3.js';
+import { L as inputRadioInvalid, M as inputRadioCheckedFocused, N as inputRadioChecked, O as inputRadioFocused, P as inputRadio, l as label } from './parts.js';
+import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTMLElement {
     constructor() {
@@ -8,21 +8,13 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         this.__registerHost();
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
             this.inputHandler(name, this.value);
             this.formControlInput.emit({ name, value: this.value });
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.value = undefined;
-        this.helpText = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
-        this.errorText = undefined;
-        this.checked = undefined;
     }
     get part() {
         if (this.errorText) {
@@ -40,17 +32,17 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'e226d9098a8b2790320222699b3efcd510d6aa88', class: 'form-group d-flex flex-column' }, h("div", { key: '2a295d96e1f4dc8a8aaa71fbf07a10af65801366', class: "form-check" }, h("input", { key: 'f564dfc06ea6b86103c39340d63911ba1a9b7f1e', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '166319dccb5ae267003559c0096db283b9351b79', class: 'form-group d-flex flex-column' }, h("div", { key: '4b2cbf79dd56e20b263520a5baf1490c563300ea', class: "form-check" }, h("input", { key: 'd9301f429db86d196c277a6a01f338077e744bd9', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '7c44f86c6320e5abdf1215982ba77e0d02daef35', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '20f3ddc825fab11e35fd96f6a5b708650f168e23', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '12c7997266c559850c431bb3091504c419b7f5de', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'b3bac2e39121baa8644d33b4725f9d81280f9416', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '0ddef812b79bea7ab04e6d195c9fa184b6e05661', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '036765b45c0e73232acbb405fe9473b31fba29ca', errorText: this.errorText, name: this.name })));
     }
 }, [0, "form-control-radio", {
         "label": [1],
         "name": [8],
         "value": [1],
         "helpText": [1, "help-text"],
-        "inputHandler": [16],
+        "inputHandler": [16, "input-handler"],
         "disabled": [4],
         "errorText": [1, "error-text"],
         "checked": [4],

package/dist/module/form-control-select2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { l as label, i as input, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
@@ -11,6 +11,7 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
         this.__registerHost();
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -20,15 +21,6 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
         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);
@@ -51,10 +43,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     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: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', 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: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -63,7 +55,7 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
         "name": [8],
         "label": [1],
         "options": [16],
-        "inputHandler": [16],
+        "inputHandler": [16, "input-handler"],
         "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],

package/dist/module/form-control-text2.js

@@ -11,6 +11,7 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         this.__registerHost();
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -23,16 +24,6 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
                 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);
@@ -53,10 +44,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         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: '1b48bf6cbd4ef2b115c7d070310a625f1dfbe814' }, h("div", { key: '2c814160dc94ba70d0a75551ba5c95ba90a011e4', class: "form-group d-flex flex-column" }, h("div", { key: '3d40c1b9f590b2275f43fb16fa4c6d0986760f9a', class: "d-flex align-items-start gap-2" }, h("label", { key: '51ec736c062308443301decbc8c58a4912a55264', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1266b937707fbf83666c61ce6fca593f02d45b18', helpText: this.helpText })), h("input", { key: 'd70668313e3240e998b9c890ef7ab2fb47cb3552', 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: 'e7b268ed1c6c638b319f01b9a211d5bbc930d2ef', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -65,12 +56,12 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
 }, [0, "form-control-text", {
         "name": [8],
         "label": [1],
-        "inputHandler": [16],
+        "inputHandler": [16, "input-handler"],
         "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
         "maxLength": [2, "max-length"],
-        "keyDownHandler": [16],
+        "keyDownHandler": [16, "key-down-handler"],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-textarea2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { k as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
-import { d as defineCustomElement$1 } from './form-control-help-text3.js';
+import { Q as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
+import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
     constructor() {
@@ -8,6 +8,7 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         this.__registerHost();
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -20,16 +21,6 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
                 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);
@@ -53,10 +44,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         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: '8036cca60e80d20316c602a4b4e975fdaf216878' }, h("div", { key: '400a24d0fdd5305f033428c7e3d4fd1d70e1a6c2', class: "form-group d-flex flex-column" }, h("label", { key: '8a501e7d0610489e6825a610f6203ced59e87a83', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'd360db0694aa4181b1e158909897f2ffcc3be962', 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: '6b1941ef4a7a6b2f97c1d24c4047a4ddf0df4006', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '5dbfb0d0b25ea1e1af7ad7d034853467962c1bf3', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -69,8 +60,8 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         "errorText": [1, "error-text"],
         "defaultValue": [1, "default-value"],
         "maxLength": [2, "max-length"],
-        "inputHandler": [16],
-        "keyDownHandler": [16],
+        "inputHandler": [16, "input-handler"],
+        "keyDownHandler": [16, "key-down-handler"],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-tooltip2.js

@@ -6,9 +6,6 @@ const TooltipComponent = /*@__PURE__*/ proxyCustomElement(class TooltipComponent
     constructor() {
         super();
         this.__registerHost();
-        this.anchorIcon = undefined;
-        this.tooltip = undefined;
-        this.helpText = undefined;
     }
     show() {
         this.tooltip.classList.add('show');