@justifi/webcomponents 6.0.0-rc.15 → 6.0.0-rc.16

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

@@ -98,10 +98,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '7c6694e256d2b10d2789d3325848c782ee59628d' }, index.h("div", { key: 'b8b9da61559547cb162fc4e9d6226fa963b32392', class: "form-group d-flex flex-column" }, index.h("div", { key: '928b0a8403151c01c10335407e9763650a334f2d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'be1158705e4cf3efdf94d2ff2959cdbe064b4f7b', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ca3ab534358d1dbbbf5635215d9c97e83b91750e', helpText: this.helpText })), index.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 (index.h(index.Host, { key: '3f6adbe90fc89972562f658958433d77ca9ad67c' }, index.h("div", { key: '522ea5f78109a2717e8b016c16d29c9444ebf0c2', class: "form-group d-flex flex-column" }, index.h("div", { key: '39647185cf2b6fbe4317aa5ae609a971161974a7', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '18d7f1e782c74bfd9a1aad52c70d451e2d7ebdd5', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3eab40969bc7d68b195093f7671244a2c1a0f537', helpText: this.helpText })), index.h("input", { key: '0acb164fc09a23fd8a8937222f527052bb02248e', 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();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: '6c4aa5ad35ae4590e4a80e95a582157418d3103f', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '03689848a01a3844dcf4480d5f997a3a52338ea1', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{check-pkg-version-CVOffMTi.js → check-pkg-version-DfzaKEDg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _package = require('./package-MU7zz6nI.js');
+var _package = require('./package-CHNXn8wx.js');
 var Api = require('./Api-DyimBzKT.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./Refund-BefKONu4.js');

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

@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '934b4f1a706507deb0fc3611d058abc4b6139554' }, index.h("style", { key: '7616b56bacde615f8cb1fa5c395feecae067eed4' }, `
+        return (index.h("div", { key: '6249f59c6bcced199fe4d509988644633d783b6b' }, index.h("style", { key: '9d6a47ff5b927ebfb318b7d0852678f7ade406ca' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '356093b1adf4a56d1bd9f636b199f32cc6eecd8d', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '55c408d7f9ca66c67f6965cdfd0b7c7ce2c330e6' }))));
+          `), index.h("div", { key: '311f13edc07bc1aea0569fb6c92fbbc241704529', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '93e806d8db16cd7c1b29ce6b6bec784c8126ab67' }))));
     }
 };
 

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

@@ -49,10 +49,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'bbeb4c2a8177f067f448d8dbdd1a3cb4231edca0' }, index.h("div", { key: '73cbd532399f7c1f3b8165d1b4e32c91698cb8af', class: "form-group d-flex flex-column" }, index.h("div", { key: 'bda1044c15ef82183369dee491d37bec84ef76bc', class: "d-flex gap-2" }, index.h("label", { key: '858e0dbe67055585a108604f8ee142047431938f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'de42e98c63b984570a420ccef8dee18038164b23', helpText: this.helpText })), index.h("input", { key: '87148f5d0d56720377293de8856a0cb5a6c04333', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '2e4a67de83ef5dcd64ff15e1f6fbc125db0d121d' }, index.h("div", { key: 'e73d09d041e2152e88917ac65f8a5b5bb7949df4', class: "form-group d-flex flex-column" }, index.h("div", { key: '7c0e2d8be29956e61aaa37bc4575efc595382ce7', class: "d-flex gap-2" }, index.h("label", { key: '1d3692f53203455abacb1addb300549d5d47d8e6', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e16354b0813c63cd2b21b4185fdd33c0159d9ee3', helpText: this.helpText })), index.h("input", { key: 'bf559dea1bf215276a69833a0d5ff78502043669', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: '526352380506480c7e60bd0d3a9b2dad6a96278e', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'df02643ac9a15c675726ccba1bfb2ec45ed2c4bc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -11,7 +11,7 @@ const FileInput = class {
         this.formControlBlur = index.createEvent(this, "formControlBlur");
     }
     render() {
-        return (index.h(index.Host, { key: '44f72494590e41cc25ce8df4b14d7e73e0e0e0b2', exportparts: "label,input,input-invalid" }, index.h("div", { key: '7cf04dc8c5e41b9d93335f75ce2b06b898e0c061', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a23e716bedb23a53c53a1426fddbdb962c5747bc', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '9fc7762d30b7bb20651a152d64f549d465c8024a', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3d5ee1381ae6f32b3eaeaa6b0033ab6897aaee0a', helpText: this.helpText })), index.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 = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '04281c0fcaa93ef1341ef727d34b028bf162c804', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '151b13500f5bc11102f13e9e8aba583f5535458f', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'aa24b590885e67c0dae7bbf10a46e111cbb108ac', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a6da0c166f60904ac32eef2e9ebb77c472bb7180', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '24ddc6dc7f49b1be6a8a8d81c829c11f8c76b9e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '5d058f5f8029abce0a75c86a2de3b11d3c26a8f6', helpText: this.helpText })), index.h("input", { key: 'c807436e93a21ad7c1fd942cfb295d51bf30a9b7', 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 = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '59abec5b8a6660de5c3aa09d5341b53bc53b3dea', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -57,10 +57,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '441f155ccc2b2d47ca059f378a2ce4654dee9226' }, index.h("div", { key: '8b40b7a1d71264f34ff42f50c28f8a2848f8b7e5', class: "form-group d-flex flex-column" }, index.h("label", { key: '15b349f7c0409bc5b2687d6c2b981d364c89d535', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '9f48b1b48aba962d4c331141d9c37fd76f5533f7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'b4cdee53e150296601582bd17a74e7bff12c1867' }, index.h("div", { key: '198dd6fc463200a2445bd08934a15a0423ba4778', class: "form-group d-flex flex-column" }, index.h("label", { key: '73624f9fa6f506bb184bf461b60717f1aac87fdc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '4aa0e8ef05e13f8c4c60c73e3312fd8d19d1b442', 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 }), index.h("form-control-help-text", { key: 'a83d38aa90284c9744bed539cb491b9af5615b1c', helpText: this.helpText, name: this.name }), index.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 }), index.h("form-control-help-text", { key: 'e54de23fbe76cfc9f1a9e88d71737b23b84d0ea4', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '7ec33f817f34514cf2c8acdb2bb1647de433aad7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -51,10 +51,10 @@ const MonetaryInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'e3fc90899be1e53399be9a2d1cb7dc044a66cd9a' }, index.h("div", { key: 'ecc516c61f700f329022dd842b5abac11ede210e', class: "form-group d-flex flex-column" }, index.h("label", { key: 'c893dfa4275404d9f511f04289f59b2fff72eebb', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'fdb479013a60ad6dc75fc49ac43821678713be94', name: this.name, helpText: this.helpText }), index.h("div", { key: 'cad6f25647339c0754160a55016d61c4613f8160', class: "input-group" }, index.h("span", { key: 'eb5206a0f63ba81581edaf401239d6dd7f55257a', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '65265e64b5d31c676cefe0f580a801bc2a763c3b', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'fdd31eca7047ab022668fd4ad9ebbde3ec691508' }, index.h("div", { key: 'fda274a4e96edc22bb99e699faaa91b37b95a856', class: "form-group d-flex flex-column" }, index.h("label", { key: '72e259579224953c92c9df1f7e32cda7344019ac', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'f548c208758806082639372954d1634cd7202570', name: this.name, helpText: this.helpText }), index.h("div", { key: '3365f9842f780d2ce8903a798fdf71df7673aae7', class: "input-group" }, index.h("span", { key: 'c6f8169b97667ee821ba79aec2ea2e1b0d35e3f6', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: 'd8995e95fd187dda908dbacba511547c13bb4b27', 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 })), index.h(formControlErrorText.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 })), index.h(formControlErrorText.FormControlErrorText, { key: '00127c5cdce079d88a8b902c16d960201ff3bce1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -70,10 +70,10 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'b80051f9e971bac339a5ce7e8abb0475a91f9c46' }, index.h("div", { key: 'f5c63c2723e6faa33263b12f5b4728d4255f6725', class: "form-group d-flex flex-column" }, index.h("div", { key: '6aafb989bd1c3bc4ed66fec7cc94189dc17cb0f0', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'cfc242e804398f642869dd9cc1a97d841798d66d', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'db7dc909c2545e30ff31579499363af2c33da5af', helpText: this.helpText })), index.h("input", { key: 'd68876ebd0b5d6395f83a427d5b2f2095ed76623', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: 'cd0a23e4a4b1d7b39448e0770c5681aa319fe376' }, index.h("div", { key: 'fdaeea5b68035edc6885d7e3e5106d6c4962325f', class: "form-group d-flex flex-column" }, index.h("div", { key: '46379bb141130c88d0b09c1382a9f34758808b8c', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '5a191a9c22d82d58354fa297d78f51c4cd0ec36b', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '9a8c580ee3b69902a30bca5aa79309be15d0c51d', helpText: this.helpText })), index.h("input", { key: '03bec84295380c4c86cc4c1b9ff6609ddf15c7b8', 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 }), index.h(formControlErrorText.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 }), index.h(formControlErrorText.FormControlErrorText, { key: '55e523b3be538bccd3a438edf109acbb7de3fce9', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -44,10 +44,10 @@ const NumberInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '7698cc4f02f193d42d793082401a0356ea9510ee' }, index.h("div", { key: '04a7ad2b7487a520b04c84cd8bf002de3e30cf38', class: 'form-group d-flex flex-column' }, index.h("label", { key: '25029094eb26e9d7d01071d005a254ee0d935301', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '1283bf554572cec3d8b3a1d6281783dbd8f5601d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '7d3590c5616114610038d95cf45e3aa1f6fca08f' }, index.h("div", { key: '231c16a61a76aa7501df035639a7c2de474a2578', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'c6736b7830e68c4ebfad4e954510fa7e6f839772', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '739a6c3f50a684da033e5a2669bb661cd50836a9', 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 }), index.h(formControlHelpText.FormControlHelpText, { key: '5c1be4c979c99fd2988b5631ef7eb3f18e5c1243', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.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 }), index.h(formControlHelpText.FormControlHelpText, { key: '456c71cb54cf15bf17b2bcf95140d47db9002bce', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '55aa4e9d84f0236e9a1b0e27b174f385de2b9537', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -32,10 +32,10 @@ const RadioInput = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: '215443342d15bd2ab9ad4103e3798ed77a3c6d48', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'a7ec61cb97c5fc10b799a90d1df55e11bee7945c', class: "form-check" }, index.h("input", { key: 'ee46d4ae13daca74f42ce2c472e08255c90a0a80', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '15657fdcd58d4971b8a25d32b458ff652203af29', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'f50498d959e589a759fdf34a88ffdd2d423a3c7b', class: "form-check" }, index.h("input", { key: 'ac09f7a9de18b042302373d755565524170578aa', 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 }), index.h("label", { key: '87bf82a7c8512f598c00091d56a35488ad6f26b7', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '905f1c94bf8538cd7550840935c2951007ed33c2', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '0a0a531f057ab7bd2658ea8f1dc4b028a87b39a3', 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 }), index.h("label", { key: 'a9a890749f5106772e6e849d3ffde7cad8c7b744', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: 'b85b9fa72868f1b70d7e2cf37e5b831762c2c448', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'c2658161f4564fac4ec33acf48a23fd4cc656615', errorText: this.errorText, name: this.name })));
     }
 };
 

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

@@ -90,10 +90,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'cd84a88604a278f60d81b3069449c1a4d5477d19' }, index.h("div", { key: 'e1ac6fc0c40c1a7142ed873654c44edf476101a5', class: "form-group d-flex flex-column" }, index.h("div", { key: '4bdefa049238c098e0a9fd036707e2e29089610b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '749b24acf4ea40e4dcf5c87ef0c5e833696469ae', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'a054ccd7be60d88ef69f88a55514f54fffd8abb3', helpText: this.helpText })), index.h("input", { key: '7444a06fd70bb71d8f481697c90a0f94154314f0', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '71473077484c65dce4e3311db05a194f642a37c8' }, index.h("div", { key: 'fbceee0b9fae4f05e1310a97c009fa5a97866ea4', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c5b6cc944e8a1a7aafe136e67e5f37772f364cd6', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '029a560a612b7e00f4d67c7adc2b5bdffa85cb53', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3d8b3a41a599dc2f59171befb532c0cd219adba5', helpText: this.helpText })), index.h("input", { key: '2510c95b50bb26d00fb2975e38fde9efb7a6986e', 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 }), index.h(formControlErrorText.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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'feff4a3d104ea6f74a8d7049f79b8c2850b308a9', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/hidden-input_2.cjs.entry.js

@@ -5,7 +5,7 @@ var index = require('./index-B32W0A3m.js');
 var parts = require('./parts-9jMf1erK.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
-var _package = require('./package-MU7zz6nI.js');
+var _package = require('./package-CHNXn8wx.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {
@@ -100,7 +100,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'eb0135c733e6a4273855b6c74efab83e51d3788d' }, index$1.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 (index$1.h(index$1.Host, { key: 'bf8fcd89cdc8fcd1bfd8b9af5a7211c877e482ba' }, index$1.h("input", { key: 'f202d9252b60195b193a8203f750730fcf2e271b', 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' } })));
     }
 };
 
@@ -1715,10 +1715,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '07a697a99ef1b601c3f95d176c0eb28a695afff5', class: "form-group d-flex flex-column" }, index$1.h("div", { key: 'f9a1cf30b2020ae9de993dc363b07cd1e897c82d', style: {
+        return (index$1.h(index$1.Host, { key: 'c8a36a456afdfd883ae2ad8e05de98d307615b4c', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '580cdd90dd76289f78b688fcdb1486ecb7fe6c5a', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: '09c186cb27e0fc75352c8028f1ff4e92866f3984', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.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' }) }, index$1.h("iframe", { key: 'c2956bb89e30fe2ba1a9111fe71681883470879b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: '7df8c29c720b5edf85553e5667c14eeb0ad6e2b6', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '3caeb47ddf3940e1b1a7fe08d8bd50b8123eb2c5', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '2fdff0682753d32292431a8d62d30a1647fa62ef', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1728,7 +1728,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '0ab5542c8c8a8242aefee11cc4c1b0815f27f0aa', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '075ca2ca25623703280fda84ff119e4820f9a5cb', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index$1.getElement(this); }
 };