@justifi/webcomponents 6.0.0-rc.1 → 6.0.0-rc.3

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

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'a1bda4ddbc60f80361e2beb00a82b245cf1a3a72' }, h("div", { key: '4014edd86cf53845641a5c375cce4443163e5c3d', class: 'form-group d-flex flex-column' }, h("div", { key: 'ab637ada5a12cc81d9bc0698d8b31a64e1e4b7f1', class: "form-check" }, h("input", { key: 'bc5997c9074d9d6232d0325c48fa525c61e5b1c2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4fb0d856e58021192e396f7dae287b99c77bd791' }, h("div", { key: '5007f605183d706f3376a39a7b7ec7d525d6b39e', class: 'form-group d-flex flex-column' }, h("div", { key: '86fc70ca655ce4f3dd606ae1ce6f68e6d38aad87', class: "form-check" }, h("input", { key: 'fd60081db4f79fcd83beb98eebcf03d941895546', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '7205de8817a92454b2a5b2d00748510434a67439', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '55d0fbaef5bb148e7309504ce090604f30e2766b', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '58144acc4a7a5ccf1ff70b0b273570ea58759a81', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '8af1e51c951aff7765a2f4b01d7a3870b5c83869', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a197c2558d6745bc91b4cdee752b11c4f750f024', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c12c67f283dfffb42c7a3a947e3dfc7ac40b13ec', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {

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

@@ -42,10 +42,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '9e06145d50ff23ff7c7b3ef2bc0542f9e6cec388' }, h("div", { key: 'eb787b4488da0ca4b836cb4fe8577d32c5dac531', class: "form-group d-flex flex-column" }, h("div", { key: '9edd445e5b576c2087a96ab65f97f406adc61647', class: "d-flex gap-2" }, h("label", { key: '2ee675cc282033bba8f52f444cce60181eed58a3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7c6e69baf4d521c232e48a36d42da426cfcb8573', helpText: this.helpText })), h("input", { key: 'c0364e383a104264bc8f0cb770d29309463b7b97', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fec9b5747b18a685be748d7d54297b6e9e169289' }, h("div", { key: '78cfd327c0efef8e5a5efdd21f54bac56fc88251', class: "form-group d-flex flex-column" }, h("div", { key: 'bfbb716509fef6189d8c48147a794ca5934807bb', class: "d-flex gap-2" }, h("label", { key: '655c4c941dcffff5692c1c2391a17fc8db4de2c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a738c14fc219bd450920a493e7ecdac8e2e42c22', helpText: this.helpText })), h("input", { key: '4c0a532ac2da38dfc038691c90ac0fc937e14c49', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: 'd3bc10c598d942b513c62f4ed2f0fdfa9b0703b2', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '88fde8e90d540a3bf769fc1b1f400b6a31ac3e8b', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

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

@@ -2,7 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
     render() {
-        return (h(Host, { key: '44f72494590e41cc25ce8df4b14d7e73e0e0e0b2', exportparts: "label,input,input-invalid" }, h("div", { key: '7cf04dc8c5e41b9d93335f75ce2b06b898e0c061', class: "form-group d-flex flex-column" }, h("div", { key: 'a23e716bedb23a53c53a1426fddbdb962c5747bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '9fc7762d30b7bb20651a152d64f549d465c8024a', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d5ee1381ae6f32b3eaeaa6b0033ab6897aaee0a', helpText: this.helpText })), h("input", { key: 'ed14e978a997b98e23496a58ec419025b3927c23', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '04281c0fcaa93ef1341ef727d34b028bf162c804', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'fdfbffe4afa13884ed2dfcad7ac7aae2cc5d1466', exportparts: "label,input,input-invalid" }, h("div", { key: 'a40217b361515dc473840238f6de75becd846add', class: "form-group d-flex flex-column" }, h("div", { key: '148ff9bca27e1b1f3ef905c81ff31af5de3feb08', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bbe1b2af670827ebd3ea2ca7c6b1ae616d2c0aa4', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c6092aa758205b4c9f3c389980183f28d56f86ef', helpText: this.helpText })), h("input", { key: '18d3595c9eb579c84d6373237fcea037d095d4c5', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'bc48d8fd8c489507303b66745161963d31ddb84d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

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

@@ -37,10 +37,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '7c6694e256d2b10d2789d3325848c782ee59628d' }, h("div", { key: 'b8b9da61559547cb162fc4e9d6226fa963b32392', class: "form-group d-flex flex-column" }, h("div", { key: '928b0a8403151c01c10335407e9763650a334f2d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'be1158705e4cf3efdf94d2ff2959cdbe064b4f7b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ca3ab534358d1dbbbf5635215d9c97e83b91750e', helpText: this.helpText })), h("input", { key: '97c1e48f9d615f3adcebf305bd8368e06ac69ed1', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e157eea9bc728b97b8f61cc4da004756e663bc32' }, h("div", { key: '046f70cf63cd6724b4d42c13a7366a443f33c384', class: "form-group d-flex flex-column" }, h("div", { key: 'a121a7eb6229c423cfd4949b8f4af6b6140316c4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a885e1e8d0b0f71299c88446bfc29a546016e543', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '039c26c916c18969c17cdb4f3950c679811b5880', helpText: this.helpText })), h("input", { key: 'b3a20a82acd6fcbc3f61b8a72865b53e5c05b70b', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '6c4aa5ad35ae4590e4a80e95a582157418d3103f', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '8a1b494b2fae5e8f3c3732773c1e64f28a9c4040', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

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

@@ -42,10 +42,10 @@ export class MonetaryInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'e3fc90899be1e53399be9a2d1cb7dc044a66cd9a' }, h("div", { key: 'ecc516c61f700f329022dd842b5abac11ede210e', class: "form-group d-flex flex-column" }, h("label", { key: 'c893dfa4275404d9f511f04289f59b2fff72eebb', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'fdb479013a60ad6dc75fc49ac43821678713be94', name: this.name, helpText: this.helpText }), h("div", { key: 'cad6f25647339c0754160a55016d61c4613f8160', class: "input-group" }, h("span", { key: 'eb5206a0f63ba81581edaf401239d6dd7f55257a', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '65265e64b5d31c676cefe0f580a801bc2a763c3b', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0e31cb58a7b3560cea88bc515b55e787d6be0a71' }, h("div", { key: 'd0ad28b761a1fb95b5e446684eb77d25202908fd', class: "form-group d-flex flex-column" }, h("label", { key: 'f075865f14b8697838454c3da270e974e19b0bb4', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '4835ba829efc4d65ec93f8c406c56635f3fb55e9', name: this.name, helpText: this.helpText }), h("div", { key: '88394d95831cf79a9f6d68ed824e2f0f28e5c4b3', class: "input-group" }, h("span", { key: 'c0f56328b5330230114cbc6dbec2ff5ab50fa6fa', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '615dee630e13fc603bcf0020588ea89a8006fe97', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'ac486c8cc0a3f4ec0cf63cbac77935d479a2f376', 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: 'cb2c4f53cc3bdc3b83302b30cb6087cac33e7a95', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

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

@@ -61,10 +61,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: 'b80051f9e971bac339a5ce7e8abb0475a91f9c46' }, h("div", { key: 'f5c63c2723e6faa33263b12f5b4728d4255f6725', class: "form-group d-flex flex-column" }, h("div", { key: '6aafb989bd1c3bc4ed66fec7cc94189dc17cb0f0', class: "d-flex align-items-start gap-2" }, h("label", { key: 'cfc242e804398f642869dd9cc1a97d841798d66d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'db7dc909c2545e30ff31579499363af2c33da5af', helpText: this.helpText })), h("input", { key: 'd68876ebd0b5d6395f83a427d5b2f2095ed76623', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '7e2cbd8676a4513170e1c920fafffeae4cc042f2' }, h("div", { key: 'bde27be5dfe86c5c820f46263ec73f014f8a628a', class: "form-group d-flex flex-column" }, h("div", { key: 'bee2a81a0b23aafbb522debac5697dbc4eaaf7bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '1d43eb5e7167cba5ef63439e6807deef35f7c2ea', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'aadef33688848d580ec6b369528165480c61bc49', helpText: this.helpText })), h("input", { key: 'a57624c146db1bf54ce73853f6c0514042335502', 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: '99a1db5f72d19ae22eb52db419dcdc01c3053ec2', 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: '56be93f77b87e7a4ced570d8d12c94f3864083a5', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

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

@@ -36,10 +36,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '7698cc4f02f193d42d793082401a0356ea9510ee' }, h("div", { key: '04a7ad2b7487a520b04c84cd8bf002de3e30cf38', class: 'form-group d-flex flex-column' }, h("label", { key: '25029094eb26e9d7d01071d005a254ee0d935301', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '1283bf554572cec3d8b3a1d6281783dbd8f5601d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1d13bdff56070e4d188779f07081dcf2a4031f02' }, h("div", { key: 'e1324de4cd2b183e3674eb5b182a7d51d8a6e571', class: 'form-group d-flex flex-column' }, h("label", { key: 'fea8787bc32e452c1ba339fee15be3cebd274d97', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'adc992f81d060ae9317995fbf728cf0d188fd747', 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: '5c1be4c979c99fd2988b5631ef7eb3f18e5c1243', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b55c5ab0d9aa5c7899fad1b001a3b228a844dbc0', 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: '50db62ad988d180660df8b4cf8aad2a97ad341ba', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '41a8e98a776d0e265d5b7febce941e741eaa1a6c', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number"; }
     static get properties() {

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

@@ -26,10 +26,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '984c9f44082c3672f4b27b5a0059061763b6fede', class: 'form-group d-flex flex-column' }, h("div", { key: 'e5782af27624f153276d2c4cc3d7f899560ff7a9', class: "form-check" }, h("input", { key: '3d36bf3f4fc10fa36cff6a8b9fd38ec3bd082713', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a22020f52ab144e24df5d8b66e1e4a2e96a46118', class: 'form-group d-flex flex-column' }, h("div", { key: '92e094809b59818298423b9e239cab73757c4361', class: "form-check" }, h("input", { key: 'f86decea91a82284fdda6916c342e8921df9dbc7', 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: '9f647a6cf94d280aa665a21fb2b6f492d2d6a931', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'bc315679286f429d49b1f113e74cb0c6307f7e96', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e315ab0413dc4e82fd7bd6457e95199980daa732', 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: 'd7abd665cf385ab45f154c2607ad8732f5d778f2', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '2c495cb8c25c1984addbcdcb8899823aa2db64a5', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '136d3defc1f11627d0eeb4d202f4938b5e0cbde3', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

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

@@ -35,10 +35,10 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', 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: 'f5df46552aa8124b344260bca05bd02c695d0fe6', 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: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-select"; }
     static get properties() {

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

@@ -36,10 +36,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'cd84a88604a278f60d81b3069449c1a4d5477d19' }, h("div", { key: 'e1ac6fc0c40c1a7142ed873654c44edf476101a5', class: "form-group d-flex flex-column" }, h("div", { key: '4bdefa049238c098e0a9fd036707e2e29089610b', class: "d-flex align-items-start gap-2" }, h("label", { key: '749b24acf4ea40e4dcf5c87ef0c5e833696469ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a054ccd7be60d88ef69f88a55514f54fffd8abb3', helpText: this.helpText })), h("input", { key: '7444a06fd70bb71d8f481697c90a0f94154314f0', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '51f427955047c079bcd4277ce54f27168d6c3e14' }, h("div", { key: '3724cd9797feb1b383e031a3509dfc365a4d1dc0', class: "form-group d-flex flex-column" }, h("div", { key: '883b87e2e1ddf1eb3956fd232ab7c7239a9ee08f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7d8acb9db3c54034fff1d310555ed15d039c8ab4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '70c94e2dea56b70ae3e6e6fae86127ee366fa1a2', helpText: this.helpText })), h("input", { key: 'af0adb1ba6ac16dcd8c39a45c8c44f6bd41c9ab9', 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: '093124125e3aae9c156993718fb602f74b9446dd', 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: 'd393476376fa8f749b4e54a35da2586a878da4bd', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {

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

@@ -38,10 +38,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '441f155ccc2b2d47ca059f378a2ce4654dee9226' }, h("div", { key: '8b40b7a1d71264f34ff42f50c28f8a2848f8b7e5', class: "form-group d-flex flex-column" }, h("label", { key: '15b349f7c0409bc5b2687d6c2b981d364c89d535', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '9f48b1b48aba962d4c331141d9c37fd76f5533f7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e88e4c0a4206046607c1e4c30777017881a8dd80' }, h("div", { key: 'eb712fe05c4e6a51a68d57b9d11742bf23dc5b5d', class: "form-group d-flex flex-column" }, h("label", { key: '6a4c5c62c94fe0d3695af529660c4a0d0287cc8f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '76e0681514be96eb581074d8382b7577b62ada5f', 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: 'a83d38aa90284c9744bed539cb491b9af5615b1c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3ea714634686f0e48bc2e325f38af249614bbcea', 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: '81cb12aa1552e90df24e073a9a2cc5ac669ed89a', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '1f7999d157fff74502fe16379d55733106bdc4f7', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {

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

@@ -73,7 +73,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'eb0135c733e6a4273855b6c74efab83e51d3788d' }, h("input", { key: '48577dd678d44b2382bbeadcaa2efc14484f8638', 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: '4d650e7de7ed14c4483608412b6e2012b16de0d1' }, h("input", { key: 'bddc32a79593dc42a1edda6f982562b2399319e0', 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() {

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

@@ -77,10 +77,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: '07a697a99ef1b601c3f95d176c0eb28a695afff5', class: "form-group d-flex flex-column" }, h("div", { key: 'f9a1cf30b2020ae9de993dc363b07cd1e897c82d', style: {
+        return (h(Host, { key: 'ecbbcb6efd1855e0f89c66b8878f93a1f98a103d', class: "form-group d-flex flex-column" }, h("div", { key: '9e57bb4eacca52cc7a77fcb044d3ef7036acaca2', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '09c186cb27e0fc75352c8028f1ff4e92866f3984', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '758ea464591a51ddc183256ebcd66238602bc4cc', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'c2956bb89e30fe2ba1a9111fe71681883470879b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '91c717d727068698244692d607e1959116d6a72d', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '1b655b4939a6c74088dbc6d58346d91aa4c0b1f1', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'f46944026ae45f6ff71638adb52dc2ca716adb28', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -90,7 +90,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '0ab5542c8c8a8242aefee11cc4c1b0815f27f0aa', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'cbcdd23b9de6a26a3d183af48a45caacc674a3c7', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/shadow-dom-components/justifi-button.js

@@ -7,7 +7,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'fae177edc7a7a898f1782a01c26b65fb11c50c65' }, h(Button, { key: 'c097e63cce36a5b4e2cb522bf17ba2519c354c6e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '56c3098559d728e326c9d76276f2e54bfb8b6697' }, h(Button, { key: '56d123ed4bc90972e8bcd8ad00e5942819998bed', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-header.js

@@ -14,7 +14,7 @@ export class Header {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'ae04a67a1eaf95d6d093fef23911ac4eb1523cfe' }, h(HeaderComponent, { key: '51b27dd180d113ebe9ac52f7ff10c494926f7cdf', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '5113142a64d38ab38fbf95f37e2548501b11d81e' }, h(HeaderComponent, { key: 'e28419adc9ac323a1846358efc7ffab98dddec95', text: this.text, class: this.class })));
     }
     static get is() { return "justifi-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js

@@ -3,7 +3,7 @@ import { StyledHost } from "../styled-host/styled-host";
 import { Skeleton } from "../skeleton";
 export class JustifiSkeleton {
     render() {
-        return (h(StyledHost, { key: 'c54376afe1b0cebb0394ede10307bcdb32d68bb5' }, h(Skeleton, { key: '681e9e9d33bd7c2385e7b527f9093a93fbf884bb', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'bc7f16e36d1d3da605bf59bdcb6106d7ed51bcc9' }, h(Skeleton, { key: 'b3947442cec1bf7b5634f42dc682a436ad9bddee', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
     static get is() { return "justifi-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-08-13T20:00:36",
+  "timestamp": "2025-08-13T21:15:45",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.2",

package/dist/esm/bank-account-document-form-inputs_4.entry.js

@@ -96,10 +96,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '7c6694e256d2b10d2789d3325848c782ee59628d' }, h("div", { key: 'b8b9da61559547cb162fc4e9d6226fa963b32392', class: "form-group d-flex flex-column" }, h("div", { key: '928b0a8403151c01c10335407e9763650a334f2d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'be1158705e4cf3efdf94d2ff2959cdbe064b4f7b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ca3ab534358d1dbbbf5635215d9c97e83b91750e', helpText: this.helpText })), h("input", { key: '97c1e48f9d615f3adcebf305bd8368e06ac69ed1', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e157eea9bc728b97b8f61cc4da004756e663bc32' }, h("div", { key: '046f70cf63cd6724b4d42c13a7366a443f33c384', class: "form-group d-flex flex-column" }, h("div", { key: 'a121a7eb6229c423cfd4949b8f4af6b6140316c4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a885e1e8d0b0f71299c88446bfc29a546016e543', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '039c26c916c18969c17cdb4f3950c679811b5880', helpText: this.helpText })), h("input", { key: 'b3a20a82acd6fcbc3f61b8a72865b53e5c05b70b', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '6c4aa5ad35ae4590e4a80e95a582157418d3103f', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '8a1b494b2fae5e8f3c3732773c1e64f28a9c4040', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/bank-account-form.entry.js

@@ -51,10 +51,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'b6cdf5a9320d92a5390daaa0a5218274f2dfc178' }, h(BankAccountFormSkeleton, { key: '286fcc38a26820d166ced0bc886143ed3d880da4', isReady: this.isReady }), h("div", { key: '041fcacff70d7cdfc0c8f41258bd9db18703e4c1', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '843caa7d14d4694d78e477cb51d6caac387fdb23' }, h(BankAccountFormSkeleton, { key: 'f4381a71ef5831d159f51472744c7d7a85221464', isReady: this.isReady }), h("div", { key: '8de6e74f3559d94747d8ca942f777977325f16e5', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '94dc0eb0d79b40ade96e1961611e3e7a8eef20ea', class: "row mb-3" }, h("iframe-input", { key: '41c82b772e7873a45409e35ed56dfea16c20c2ee', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1c95618a50e2d36a3a9a3a7b691ae0dfa6a09936', class: "row" }, h("iframe-input", { key: '28a4dde70c8f55b4f6bf6ce2d3beee6acbebbc0b', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '09e19bc320f2095c9148ddaa2105813071d5f9da', class: "row mb-3" }, h("iframe-input", { key: 'e6262b9fa09d8b30da046dc0c1a01a7bbac33a7d', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '15b85f900ce89f440ecbfe62e61d36d15eff9c2b', class: "row" }, h("iframe-input", { key: '9b4cf61adfd4a5c68e07cc4eb49841727ce2c63d', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 

package/dist/esm/card-form.entry.js

@@ -59,10 +59,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'd5e5c74e5e3be0bb5a9603a89724d23cc6216d6c' }, h(CardFormSkeleton, { key: 'a1e90d74ca6e72678255590a94937932a9520046', isReady: this.isReady }), h("div", { key: 'bb303552ed581492de8ebb0d83cea751ddd90a09', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'c43351c7ab1eb6bf413f162634f55007798bb076' }, h(CardFormSkeleton, { key: 'f0a29497de2270108868e892d666b552dea27a1e', isReady: this.isReady }), h("div", { key: '2734b111c1f2f2275435d2141445ac30482946be', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '9641c97124a504729b1eba3e8704d8fd3fda7fde', class: "mb-3" }, h("iframe-input", { key: 'a5a73c00c2ac0cd12ef98b155a40108248529fb7', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'dad1b83f028745aa8b85a8e552f702d5daa3ac6f', class: "d-flex align-items-start" }, h("div", { key: '5de05029d93a81d5ad8c799135863e8cdd1e8619', class: "flex-fill me-3" }, h("iframe-input", { key: '4ec81652e51187bbaa25600299f8cb89f0c41c5c', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '0280f01efdbbfa3542036fa4ee7baec130e42688', class: "flex-fill me-3" }, h("iframe-input", { key: 'b13dba61a6bd18529e70987029592b5b7307e74b', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'edf1e383a148a2d535c4733a2b5af2d8e31e2f43', class: "flex-fill" }, h("iframe-input", { key: 'd63e832db1a089f36909db23cacb110f6571535c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '036c359caaf8fc36fa6ba56bbcad5d01de1fe9c9', class: "mb-3" }, h("iframe-input", { key: '9baf7dc76ff18f8dee6e6cd08b93e1ba155d5cf2', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '080769719aa9b0d6abc9b18c46247eecd6428833', class: "d-flex align-items-start" }, h("div", { key: 'b3a825ed849ec0032d4a9018537f8ffab4b93ca3', class: "flex-fill me-3" }, h("iframe-input", { key: '5f60eb2d3b3e1303e1a0f6a3f0cd60270bb2d0b8', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'cfd000502f10593b59608e13f5de7911c546d030', class: "flex-fill me-3" }, h("iframe-input", { key: 'ab2a45264fe5890c171d03000f30720eafe354b5', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '637516bfd8030e56c9b1e97edfd3a635edb95f20', class: "flex-fill" }, h("iframe-input", { key: 'e407cc2470841fe12b1bdb84bbc8ecfb0165c72d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 

package/dist/esm/{check-pkg-version-Bb69ihTN.js → check-pkg-version-D1hbenUd.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-O3LY2Da6.js';
+import { p as packageJson } from './package-DqFAlAve.js';
 import { A as Api } from './Api-N_veT2p6.js';
 import './ComponentError-Cjcsf8ku.js';
 import './Refund-Di6J0oN2.js';

package/dist/esm/checkouts-list-core.entry.js

@@ -134,7 +134,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ac27fa8b086e64e53a287f96be1d1212a7c23fc3' }, h(TableComponent, { key: '965b9e4761f686a254297a753b638952181d9758' }, h(TableHead, { key: '41502bb86d87acd8f730f22705d82a2bb4c3787c' }, h(TableHeadRow, { key: '9aa770a8bbb3c9623fde336580dcecda0ee6909e' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'ad20f6287a2eefd0aa659925cf4be8a03766c1c2' }, h(TableLoadingState, { key: 'bdd7d89bed12c4451199b59e2793cc3d4dbc24a8', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8b89063a5cc78beb42a52375c431e834583ef12a', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a557b0a68af21a5501139433f980a6c083536d71', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '0ba995e692b70214b1f63f3fbb7e05e76f229304' }, h(TableFootRow, { key: '25703345e36b46ce3a4cd9d09893c744b6db4d86' }, h(TableFootCell, { key: '07f5df6019322cb80053e4c061a2b5cb6ba7187e', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'daf2dd74a5f24192c9052a2906459a6d2b53544d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'c496328d1840fb1f823f233c04c78525b5f12553' }, h(TableComponent, { key: 'f994cfed9bf75a299fc94dd22306911d84b44541' }, h(TableHead, { key: '0ffb6ce97ebe1a35eb0143b43767223d844a70e0' }, h(TableHeadRow, { key: 'd063eaafc44bf75be0de5463a1f9b2789ec8b76e' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '624a316c1631070a999c48342e71c55207b51be3' }, h(TableLoadingState, { key: '0f7444acf626537bf2179fdb64a435550bcf20d3', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ea68f85498d3bcbb44c8d9158d5cc6a228867e6c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'db72f0190431182f410f246ad00fceb51901fd66', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '855184d90f85a1dd299c372b5b065e1af2151a99' }, h(TableFootRow, { key: 'b216c505abd04f79c0a733312fc5babdb35f2b77' }, h(TableFootCell, { key: 'efa83af6ee8543443826ccfe4efc230afc5d05f6', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '70664e167672a40b63c7fdd2603c52e8584870e9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/custom-popper_2.entry.js

@@ -1873,7 +1873,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '90bfd87560ce73c566c4cad1f1b3e4af97abd028' }, h("style", { key: '12f5050a144cabe57c13e8f1b9ffffdf6e0f848a' }, `
+        return (h("div", { key: 'fa3e4321b61261759f0e180e61bdae9fc5f73944' }, h("style", { key: '1b543c604267f05bd47d7f2a1997e03051f4ab7c' }, `
           .popper-content {
             display: none;
           }
@@ -1881,7 +1881,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '66add24bb0e6f3c9b9d7a32ef9d21526daa34b27', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '87db476f26c537bd917c090fbceaf37c75c7ad2c' }))));
+          `), h("div", { key: '06ef5a6d7f4f9583c683647641eecfda0bf41626', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '1d3edcdab5f2cbeeb77b6166521c6f54543ebf7c' }))));
     }
 };
 

package/dist/esm/form-control-checkbox.entry.js

@@ -37,10 +37,10 @@ const CheckboxInput = class {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'a1bda4ddbc60f80361e2beb00a82b245cf1a3a72' }, h("div", { key: '4014edd86cf53845641a5c375cce4443163e5c3d', class: 'form-group d-flex flex-column' }, h("div", { key: 'ab637ada5a12cc81d9bc0698d8b31a64e1e4b7f1', class: "form-check" }, h("input", { key: 'bc5997c9074d9d6232d0325c48fa525c61e5b1c2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4fb0d856e58021192e396f7dae287b99c77bd791' }, h("div", { key: '5007f605183d706f3376a39a7b7ec7d525d6b39e', class: 'form-group d-flex flex-column' }, h("div", { key: '86fc70ca655ce4f3dd606ae1ce6f68e6d38aad87', class: "form-check" }, h("input", { key: 'fd60081db4f79fcd83beb98eebcf03d941895546', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '7205de8817a92454b2a5b2d00748510434a67439', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '55d0fbaef5bb148e7309504ce090604f30e2766b', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '58144acc4a7a5ccf1ff70b0b273570ea58759a81', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '8af1e51c951aff7765a2f4b01d7a3870b5c83869', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a197c2558d6745bc91b4cdee752b11c4f750f024', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c12c67f283dfffb42c7a3a947e3dfc7ac40b13ec', errorText: this.errorText, name: this.name }))));
     }
 };
 

package/dist/esm/form-control-date.entry.js

@@ -47,10 +47,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '9e06145d50ff23ff7c7b3ef2bc0542f9e6cec388' }, h("div", { key: 'eb787b4488da0ca4b836cb4fe8577d32c5dac531', class: "form-group d-flex flex-column" }, h("div", { key: '9edd445e5b576c2087a96ab65f97f406adc61647', class: "d-flex gap-2" }, h("label", { key: '2ee675cc282033bba8f52f444cce60181eed58a3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7c6e69baf4d521c232e48a36d42da426cfcb8573', helpText: this.helpText })), h("input", { key: 'c0364e383a104264bc8f0cb770d29309463b7b97', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fec9b5747b18a685be748d7d54297b6e9e169289' }, h("div", { key: '78cfd327c0efef8e5a5efdd21f54bac56fc88251', class: "form-group d-flex flex-column" }, h("div", { key: 'bfbb716509fef6189d8c48147a794ca5934807bb', class: "d-flex gap-2" }, h("label", { key: '655c4c941dcffff5692c1c2391a17fc8db4de2c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a738c14fc219bd450920a493e7ecdac8e2e42c22', helpText: this.helpText })), h("input", { key: '4c0a532ac2da38dfc038691c90ac0fc937e14c49', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: 'd3bc10c598d942b513c62f4ed2f0fdfa9b0703b2', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '88fde8e90d540a3bf769fc1b1f400b6a31ac3e8b', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/form-control-file-v2_2.entry.js

@@ -9,7 +9,7 @@ const FileInput = class {
         this.formControlBlur = createEvent(this, "formControlBlur");
     }
     render() {
-        return (h(Host, { key: '44f72494590e41cc25ce8df4b14d7e73e0e0e0b2', exportparts: "label,input,input-invalid" }, h("div", { key: '7cf04dc8c5e41b9d93335f75ce2b06b898e0c061', class: "form-group d-flex flex-column" }, h("div", { key: 'a23e716bedb23a53c53a1426fddbdb962c5747bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '9fc7762d30b7bb20651a152d64f549d465c8024a', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d5ee1381ae6f32b3eaeaa6b0033ab6897aaee0a', helpText: this.helpText })), h("input", { key: 'ed14e978a997b98e23496a58ec419025b3927c23', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '04281c0fcaa93ef1341ef727d34b028bf162c804', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'fdfbffe4afa13884ed2dfcad7ac7aae2cc5d1466', exportparts: "label,input,input-invalid" }, h("div", { key: 'a40217b361515dc473840238f6de75becd846add', class: "form-group d-flex flex-column" }, h("div", { key: '148ff9bca27e1b1f3ef905c81ff31af5de3feb08', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bbe1b2af670827ebd3ea2ca7c6b1ae616d2c0aa4', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c6092aa758205b4c9f3c389980183f28d56f86ef', helpText: this.helpText })), h("input", { key: '18d3595c9eb579c84d6373237fcea037d095d4c5', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'bc48d8fd8c489507303b66745161963d31ddb84d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -55,10 +55,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '441f155ccc2b2d47ca059f378a2ce4654dee9226' }, h("div", { key: '8b40b7a1d71264f34ff42f50c28f8a2848f8b7e5', class: "form-group d-flex flex-column" }, h("label", { key: '15b349f7c0409bc5b2687d6c2b981d364c89d535', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '9f48b1b48aba962d4c331141d9c37fd76f5533f7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e88e4c0a4206046607c1e4c30777017881a8dd80' }, h("div", { key: 'eb712fe05c4e6a51a68d57b9d11742bf23dc5b5d', class: "form-group d-flex flex-column" }, h("label", { key: '6a4c5c62c94fe0d3695af529660c4a0d0287cc8f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '76e0681514be96eb581074d8382b7577b62ada5f', 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: 'a83d38aa90284c9744bed539cb491b9af5615b1c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3ea714634686f0e48bc2e325f38af249614bbcea', 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: '81cb12aa1552e90df24e073a9a2cc5ac669ed89a', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '1f7999d157fff74502fe16379d55733106bdc4f7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/form-control-monetary.entry.js

@@ -49,10 +49,10 @@ const MonetaryInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'e3fc90899be1e53399be9a2d1cb7dc044a66cd9a' }, h("div", { key: 'ecc516c61f700f329022dd842b5abac11ede210e', class: "form-group d-flex flex-column" }, h("label", { key: 'c893dfa4275404d9f511f04289f59b2fff72eebb', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'fdb479013a60ad6dc75fc49ac43821678713be94', name: this.name, helpText: this.helpText }), h("div", { key: 'cad6f25647339c0754160a55016d61c4613f8160', class: "input-group" }, h("span", { key: 'eb5206a0f63ba81581edaf401239d6dd7f55257a', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '65265e64b5d31c676cefe0f580a801bc2a763c3b', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0e31cb58a7b3560cea88bc515b55e787d6be0a71' }, h("div", { key: 'd0ad28b761a1fb95b5e446684eb77d25202908fd', class: "form-group d-flex flex-column" }, h("label", { key: 'f075865f14b8697838454c3da270e974e19b0bb4', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '4835ba829efc4d65ec93f8c406c56635f3fb55e9', name: this.name, helpText: this.helpText }), h("div", { key: '88394d95831cf79a9f6d68ed824e2f0f28e5c4b3', class: "input-group" }, h("span", { key: 'c0f56328b5330230114cbc6dbec2ff5ab50fa6fa', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '615dee630e13fc603bcf0020588ea89a8006fe97', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'ac486c8cc0a3f4ec0cf63cbac77935d479a2f376', 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: 'cb2c4f53cc3bdc3b83302b30cb6087cac33e7a95', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/form-control-number-masked_2.entry.js

@@ -68,10 +68,10 @@ const NumberInputMasked = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'b80051f9e971bac339a5ce7e8abb0475a91f9c46' }, h("div", { key: 'f5c63c2723e6faa33263b12f5b4728d4255f6725', class: "form-group d-flex flex-column" }, h("div", { key: '6aafb989bd1c3bc4ed66fec7cc94189dc17cb0f0', class: "d-flex align-items-start gap-2" }, h("label", { key: 'cfc242e804398f642869dd9cc1a97d841798d66d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'db7dc909c2545e30ff31579499363af2c33da5af', helpText: this.helpText })), h("input", { key: 'd68876ebd0b5d6395f83a427d5b2f2095ed76623', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '7e2cbd8676a4513170e1c920fafffeae4cc042f2' }, h("div", { key: 'bde27be5dfe86c5c820f46263ec73f014f8a628a', class: "form-group d-flex flex-column" }, h("div", { key: 'bee2a81a0b23aafbb522debac5697dbc4eaaf7bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '1d43eb5e7167cba5ef63439e6807deef35f7c2ea', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'aadef33688848d580ec6b369528165480c61bc49', helpText: this.helpText })), h("input", { key: 'a57624c146db1bf54ce73853f6c0514042335502', 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: '99a1db5f72d19ae22eb52db419dcdc01c3053ec2', 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: '56be93f77b87e7a4ced570d8d12c94f3864083a5', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/form-control-number.entry.js

@@ -42,10 +42,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '7698cc4f02f193d42d793082401a0356ea9510ee' }, h("div", { key: '04a7ad2b7487a520b04c84cd8bf002de3e30cf38', class: 'form-group d-flex flex-column' }, h("label", { key: '25029094eb26e9d7d01071d005a254ee0d935301', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '1283bf554572cec3d8b3a1d6281783dbd8f5601d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1d13bdff56070e4d188779f07081dcf2a4031f02' }, h("div", { key: 'e1324de4cd2b183e3674eb5b182a7d51d8a6e571', class: 'form-group d-flex flex-column' }, h("label", { key: 'fea8787bc32e452c1ba339fee15be3cebd274d97', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'adc992f81d060ae9317995fbf728cf0d188fd747', 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: '5c1be4c979c99fd2988b5631ef7eb3f18e5c1243', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b55c5ab0d9aa5c7899fad1b001a3b228a844dbc0', 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: '50db62ad988d180660df8b4cf8aad2a97ad341ba', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '41a8e98a776d0e265d5b7febce941e741eaa1a6c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/form-control-radio.entry.js

@@ -30,10 +30,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '984c9f44082c3672f4b27b5a0059061763b6fede', class: 'form-group d-flex flex-column' }, h("div", { key: 'e5782af27624f153276d2c4cc3d7f899560ff7a9', class: "form-check" }, h("input", { key: '3d36bf3f4fc10fa36cff6a8b9fd38ec3bd082713', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a22020f52ab144e24df5d8b66e1e4a2e96a46118', class: 'form-group d-flex flex-column' }, h("div", { key: '92e094809b59818298423b9e239cab73757c4361', class: "form-check" }, h("input", { key: 'f86decea91a82284fdda6916c342e8921df9dbc7', 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: '9f647a6cf94d280aa665a21fb2b6f492d2d6a931', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'bc315679286f429d49b1f113e74cb0c6307f7e96', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e315ab0413dc4e82fd7bd6457e95199980daa732', 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: 'd7abd665cf385ab45f154c2607ad8732f5d778f2', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '2c495cb8c25c1984addbcdcb8899823aa2db64a5', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '136d3defc1f11627d0eeb4d202f4938b5e0cbde3', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/esm/form-control-select_2.entry.js

@@ -40,10 +40,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', 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: 'f5df46552aa8124b344260bca05bd02c695d0fe6', 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: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -88,10 +88,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'cd84a88604a278f60d81b3069449c1a4d5477d19' }, h("div", { key: 'e1ac6fc0c40c1a7142ed873654c44edf476101a5', class: "form-group d-flex flex-column" }, h("div", { key: '4bdefa049238c098e0a9fd036707e2e29089610b', class: "d-flex align-items-start gap-2" }, h("label", { key: '749b24acf4ea40e4dcf5c87ef0c5e833696469ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a054ccd7be60d88ef69f88a55514f54fffd8abb3', helpText: this.helpText })), h("input", { key: '7444a06fd70bb71d8f481697c90a0f94154314f0', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '51f427955047c079bcd4277ce54f27168d6c3e14' }, h("div", { key: '3724cd9797feb1b383e031a3509dfc365a4d1dc0', class: "form-group d-flex flex-column" }, h("div", { key: '883b87e2e1ddf1eb3956fd232ab7c7239a9ee08f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7d8acb9db3c54034fff1d310555ed15d039c8ab4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '70c94e2dea56b70ae3e6e6fae86127ee366fa1a2', helpText: this.helpText })), h("input", { key: 'af0adb1ba6ac16dcd8c39a45c8c44f6bd41c9ab9', 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: '093124125e3aae9c156993718fb602f74b9446dd', 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: 'd393476376fa8f749b4e54a35da2586a878da4bd', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gross-payment-chart-core.entry.js

@@ -11053,7 +11053,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '0201a1f9445d3eb9800aca09098b5b58a24b6923' }, this.loading && h(Spinner, { key: 'c6e39699e3bfaf3d7d0f5907d7085604e1fe5b9d' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],