npm - @justifi/webcomponents - Versions diffs - 6.12.1-rc.5 → 6.12.1 - Mend

@justifi/webcomponents 6.12.1-rc.5 → 6.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (635) hide show

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

@@ -42,10 +42,10 @@ export class FormControlMonetary {
         return input;
     }
     render() {
-        return (h(Host, { key: '0e155ea412884f0d45702620cf31aa3910940e88' }, h("div", { key: 'bdf371cf77ec32483c8f984fdc68133ae05be865', class: "form-group d-flex flex-column" }, h("label", { key: 'b8b30aa3bb6ebc5e423593737fd646090a584272', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '6ba6701d1b54eb1b7e4e9de2f6386346b055d516', name: this.name, helpText: this.helpText }), h("div", { key: 'cf6893c681afe85d9e435a9e8920683dd9864c14', class: "input-group" }, h("span", { key: 'de56ce422d29f38028dcbefd8f35be3210223f67', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '234592cf95dc5e613fee8da90a5a4e40389b5bc4', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c7bc247268fb901619a61bef645c35bb55eb54bf' }, h("div", { key: '3678d077e1fe03b30c0584d51b535984b31872d2', class: "form-group d-flex flex-column" }, h("label", { key: '4912bb7c5b7647349b34c495b7e2278b08dc0232', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '3aa152cdb7a2f72a739aeb431a4f2dcc389876a4', name: this.name, helpText: this.helpText }), h("div", { key: 'ad6d1c9275979ee19dc7d25cb9a3af00f8e6a493', class: "input-group" }, h("span", { key: '9a3293856bbb270b7d518a3129f492c18de94b60', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '1b301b983948cbe6de420bf5bc06ef8eb743b246', 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: '2e66376501c5a7718f41c2714a66acf74bb6cde4', 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: '8f8951afec2c5759c629316c693d9b07ef58a677', 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 CHANGED Viewed

@@ -63,10 +63,10 @@ export class FormControlNumberMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: '63f9e8fbdf09ad22d7744b074d1646e6ea620b61' }, h("div", { key: 'a9fb05c711ebd9de3d3022a2ec17a9c666e7e2aa', class: "form-group d-flex flex-column" }, h("div", { key: 'e726ecfce3bd700fab74b6b3f81bdcba0d43428f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7940a4f3d8b3c894d0ee54871935e9989899c894', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5c1782d425686b096e0b91c411e7543b794b969f', helpText: this.helpText })), h("input", { key: '3b8533a7cd4e0fe1907c6d5e01008063cf70d120', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '8c681e45fa4ffa5445924351746c22dcc7212ffc' }, h("div", { key: 'c230d74e6d157a2b24320c4835b7df49073ad248', class: "form-group d-flex flex-column" }, h("div", { key: '6631779b46041f18b8560deeb7c35840ef11f36d', class: "d-flex align-items-start gap-2" }, h("label", { key: '460d8c3ab569ebdffb6535e1ac4f605f2046eb90', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2d0db8687a64eb18e1205f354972368b2d3eb165', helpText: this.helpText })), h("input", { key: '4d50027e92a8657f2eb28bd5ee5a1737b2c37e4f', 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: '085b4f0ee135c12c6ea9293593e4c722091f895e', 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: '10460438e09a6b16eaf8040aa48aab245967341c', 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 CHANGED Viewed

@@ -37,10 +37,10 @@ export class FormControlNumber {
         return input;
     }
     render() {
-        return (h(Host, { key: 'e21694c1c7611df6ede999aa75fece02977f66f3' }, h("div", { key: '8ea4a38832865e82ffeebcceaabc704d10403966', class: 'form-group d-flex flex-column' }, h("label", { key: '396ab2f79a7168080538ae46da735506b0797311', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '715cb6bfbf439fdd4f659e6d21091b047cbca94d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'd2463dd8a7f976628a67b94401e833ed1c53d777' }, h("div", { key: '2b77b2fa81d256a4fa52c85efce570cac62a4e31', class: 'form-group d-flex flex-column' }, h("label", { key: 'baf3c9be24dd987907c234dd53e886ac6e3fc459', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9f456e006e074480dda19fa6433f19beb35e35bc', 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: 'f8695d85c9b447644b5bdf02d4df9e1c1e3e5da7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e736f720d89f5d5aeee6982cb15ea11f63c5dd93', 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: '82100020ced402e13591f6624e45f5f85aa6980f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd41b38f4908ada125ff2344d23c837780ae057ba', 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 CHANGED Viewed

@@ -29,10 +29,10 @@ export class FormControlRadio {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'ffbfee5a2bffb9dc2d6c2489faa9daa60a36604e', class: 'form-group d-flex flex-column' }, h("div", { key: '93e4d129fd0a67d6b6f021b2af4e816683f8b926', class: "form-check" }, h("input", { key: 'e100d93d9750db95262e63aaaf75ff413dbc0928', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8237875c1a682811ded25055266f441c6edc6776', class: 'form-group d-flex flex-column' }, h("div", { key: '310fe7054d414089f3a1e4c457c07e33cb2d55ff', class: "form-check" }, h("input", { key: '5894a2e071758c9d647c25724a31b8a6f849353e', 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: '14a8bb0f48683405413245f572d3186d8948de41', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'ca497838c5f52e0c9a528c9503b2e17785239d23', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f1f5d3ac8e1fe55d9c676f5e5f96633de777d01', 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: '148b64863e27ad053a2e284f3c17ab994beeca55', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'd46e307063145956af0b181fa8f18ecc9ebbc518', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '06e5867c703104a9c2d136305a663179c5bcb0f6', 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 CHANGED Viewed

@@ -35,10 +35,10 @@ export class FormControlSelect {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'bf6556107b1f272aa6bc4f89cb0f2a889f8b9d1d' }, h("div", { key: 'be1644d78987676c9af452831e25c3effc31a67c', class: "form-group d-flex flex-column" }, h("div", { key: '62eaea4bdbee959d6e785c00c4f41f642c0a16af', class: "d-flex align-items-start gap-2" }, h("label", { key: '641ada798c78ca0c649ec76029c157069636838b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3a04fe21799a54e402e8afead34b60898c804af4', helpText: this.helpText })), h("select", { key: '54188864be36aed540647275cd84eae738eb633f', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '31deda6555e213e2afbae0906cfb7a942c6d52a9' }, h("div", { key: '6cc5ad387f405a00f337a2e9bffb374e8b02751d', class: "form-group d-flex flex-column" }, h("div", { key: '2602f3996d6450675ee2afd16e42f0ed12263c41', class: "d-flex align-items-start gap-2" }, h("label", { key: '58d4402bcecb935c649210033af8c48f4918b362', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c6f0ce5a90eff2754f63ef80a3643ef1be6e03d4', helpText: this.helpText })), h("select", { key: 'b278191e41ecda0ac460d922aa9177a35083c735', 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: '387753bf79494f44a91858175af74d48a9e9c051', 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: 'c4aa47085a89b71072b1ad843b530d4638863515', 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 CHANGED Viewed

@@ -36,10 +36,10 @@ export class FormControlText {
         return input;
     }
     render() {
-        return (h(Host, { key: '0a275b26c5e6604a478bd4618f8955264205b4f8' }, h("div", { key: 'c495cf0113cfd1ddd6a4d586dfb96d67ec7e92f1', class: "form-group d-flex flex-column" }, h("div", { key: '6a97e6086faaf4b43c41da9615568f359760343c', class: "d-flex align-items-start gap-2" }, h("label", { key: '39c1d7b7d281874a81125374e7a351783de14207', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '646caf4cd154574488610f47a593a8fbfff0778f', helpText: this.helpText })), h("input", { key: '540637afeb21d3da93c304710568a0ed8ad99dc4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '2a0ba77bb026d969c6ccbcda741bfffdb26ec0ed' }, h("div", { key: 'c677eec476c7f71c6dc1fb9d45b07d5d8b54c86e', class: "form-group d-flex flex-column" }, h("div", { key: 'b250029592dab00db0d136427e3ea250a903f8a8', class: "d-flex align-items-start gap-2" }, h("label", { key: '8a1565f47b23d1ce158954e56d5a96918e99ed06', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '84d6bd6d4a2e8221c63ec70bd0700cb0a458cd5f', helpText: this.helpText })), h("input", { key: 'e15c9156385333b661300c6b64181f897caddc1d', 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: '1a8246dbf9908c7e56ae2cc0cbea65934c3a33ce', 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: '64056c304681aa44d97de20ff35415e52d0f7190', 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 CHANGED Viewed

@@ -42,10 +42,10 @@ export class FormControlTextarea {
         return input;
     }
     render() {
-        return (h(Host, { key: 'c23d0ccb0e033048012cb1e1110f785a6270b163' }, h("div", { key: '971db0fe032afae7ea976e0fa3845040a39aab28', class: "form-group d-flex flex-column" }, h("label", { key: 'b733fd61b5421aea811e3b9423d85c6c682493f0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fa13e420ffdfa28d139418ebfa48bf9108710438', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '99c79a6c8020a98a663caf25a510310a46daed8c' }, h("div", { key: '5cb37c1a3ecffdfa606805e72efe41825997296e', class: "form-group d-flex flex-column" }, h("label", { key: 'f354efb1e47e496e36ae91dc8584cfd7a803eb5e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '53d089f2377dc20fb1d8e07c5d2d8697a6a17b33', 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: '787e9ecc2833c827880c7a44c9a577c56f258375', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f0915db581aee8672f6089d681596c9650b09c2', 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: '96e451654599a09a9a86db0928c083d36a7964e1', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7d6b01f7f482643f91e9e4d83c59847e3a4f2f35', 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 CHANGED Viewed

@@ -87,7 +87,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '101ddb08b5ac601f7cfeafee09d70f54b1d66f59' }, h("input", { key: 'b6318d9b00eed8d15d212ac7ba43ecb9fdd8e82c', 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: '5697b5e318914b8866bc6ad2fb2009e5f8c8d80f' }, h("input", { key: '3370d11bc6e5a49f28dd2e95bf1d92ee7a0dd892', 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 CHANGED Viewed

@@ -77,10 +77,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: '48e69bc02c2aeda1ceb355baf9b1ec5e445e44a5', class: "form-group d-flex flex-column" }, h("div", { key: '8ece805fab05473a7cbe8f4c093313cdb43c321c', style: {
+        return (h(Host, { key: 'e85f5a2417ccc46ac8df23a695c6ef3fcd71577e', class: "form-group d-flex flex-column" }, h("div", { key: '02878f7fb1e720aa97a67e72d5f1711e0fbd0668', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'f3412b3845d16d30407f86aaa9e924f391cf6541', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '8557ed13cc67232983e091b40ca1c3a6c0cfdf9c', 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: '178d81e1bb1b4b333466a0070c6fa2729f697d2d', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '57c46b739fb284c4ee618594f04cc5ff128bf16c', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '4634650c721673a52ea55e331154a624c19266dc', 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: 'facd226e399f41537657603c50c45887c1177c42', 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: 'b149f245fc1687512189175f7d64b316d394982d', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '73c34b9ab89a21e6b3203904988bf8a542eb01f8', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/internal-button.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class InternalButton {
         this.type = 'button';
     }
     render() {
-        return (h(Button, { key: '4048996761c978279f2aefbb43bbbb249fe445d9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (h(Button, { key: '5257c5d43fe6f14dddf688ad979e91c8594014a9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
     static get is() { return "internal-button"; }
     static get properties() {

package/dist/collection/ui-components/radio-list-item.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class RadioListItem {
         };
     }
     render() {
-        return (h(Host, { key: '254375c6a1fd52924a84392bfd36d21ac60e4c0b' }, h("div", { key: 'df0f6abdeb91cbbe3c1b7e91f42cd7950379d8bf', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '4c7e8e499b76bc83e83504b0cf22785fe2fdf6ec', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(Host, { key: 'df05a770b3b220ec3c11de2e3edfc3605c0ca909' }, h("div", { key: 'a349e3b2e2b464ed100cee165b8a0e60f25d2e97', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: 'df8a2643c0d236a0524ccde524396bf08597aee6', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
     static get is() { return "radio-list-item"; }
     static get properties() {

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

@@ -6,7 +6,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '1e09a302d064e2e4a860dc4efd9eb9693d4d0055' }, h("internal-button", { key: '9ce7819853789c44860de43f26632c62415ebdb5', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (h(StyledHost, { key: 'cb0fe35e791df60fcc8198bcda789bf8be205873' }, h("internal-button", { key: '26f0f44419d1d72e7ccd1240e88057333d927a36', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class JustifiHeader {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '1843adabddf7d439036f8ce6f55627b7ca3e4a9f' }, h(HeaderComponent, { key: 'b16e5624ce7e092cc8c144a7cdfd9cb6afdf7a83', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '47b96a1e22395349811c97d4e914fa4d77102591' }, h(HeaderComponent, { key: '2ac2e58d15c9c92d01fae0ffba9ea6511cc1ac53', 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 CHANGED Viewed

@@ -3,7 +3,7 @@ import { StyledHost } from "../styled-host/styled-host";
 import { Skeleton } from "../skeleton";
 export class JustifiSkeleton {
     render() {
-        return (h(StyledHost, { key: 'aae82594ed1833982d7bb06ea0808e56e06b11f8' }, h(Skeleton, { key: '52c5680b1dc298b75646e5409b9c5c5b83f53eae', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'd19fcf55df4b5b001d31af93c263fef39fc0d160' }, h(Skeleton, { key: '9ab49d76aa71146287fff2013050e008342f0275', 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"; }