npm - @justifi/webcomponents - Versions diffs - 6.5.0-rc.2 → 6.5.0 - Mend

@justifi/webcomponents 6.5.0-rc.2 → 6.5.0

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 (546) hide show

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

@@ -61,10 +61,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: '589d87bd8c266abca5f90b98a4c283bbbf7395e0' }, h("div", { key: 'b81beb01581f1ba626e62fbd977e50ee0ce1e511', class: "form-group d-flex flex-column" }, h("div", { key: '6d19e6935f4b161a803b5c977b031f47590bd9cc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f083814b699a6b319d487e4d604c944c25e33604', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '50dc464aa682be09049620371eda508deb4e622a', helpText: this.helpText })), h("input", { key: 'bfddf6e15747db29189374015178c167a491e4ec', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '5252b2a1d8f6275cdaaa803c1c3a58294b35ef5c' }, h("div", { key: '7fe65f7797268ebc964a1b02ac61166254a0c409', class: "form-group d-flex flex-column" }, h("div", { key: '843bf1cf8ff7bf245760d0f65ea844768aa78ad2', class: "d-flex align-items-start gap-2" }, h("label", { key: '2ba6512c6a6dfa9aa4105f069809173f01262c60', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec179bc366c9286246134133510bcd35fd9de891', helpText: this.helpText })), h("input", { key: '546e50189acc596e7b1c1826edb7473084f93754', 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: '3f89d9f453eb3267606abc1ac4138eee97b18d22', 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: '6da86dcebd7e427cce68d7b88d07b94daec26f21', 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

@@ -36,10 +36,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '53d8829b903659510dcac88b1d9656bf820b0c0b' }, h("div", { key: '795d0f1b6033e039a081fb10f93908cffddb493f', class: 'form-group d-flex flex-column' }, h("label", { key: 'dd5bfb80db6bd7b0332976034705c58c0421638c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'e8f794181b53447d9f352e3b00405c24bcbdc0f8', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4272ba30cf80097abd67fd184b927f4d41b3091b' }, h("div", { key: '567b2b04d354e5c3352dd42431c92bd84fdb4d9d', class: 'form-group d-flex flex-column' }, h("label", { key: '0d3ee096554d638896e03002ed908f7379e406fd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '59ffd3ffe0beba8af97de7dd7ee12a2589c0d722', 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: '04c4a1f7f9e991190462cae647f569bfbef9ba48', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ab947bca804ceb6ec9f1c3d603a2b550266aa20f', 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: '891b76120f5985007ad9101379a818e9e095cb46', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '974fb8971bd4a369fb3dc838a2af03ca11d1f650', 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

@@ -26,10 +26,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '444e9e4c42466bab91d72f6da7b48c6ad59072a8', class: 'form-group d-flex flex-column' }, h("div", { key: '1833b9b305aced695eb2c42c30a5b41b3008a309', class: "form-check" }, h("input", { key: '97e093575b649eea82dca07c0143e8ce722c799f', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1b798d4c7a78475795a0b667839e82bbc402749c', class: 'form-group d-flex flex-column' }, h("div", { key: 'df37525372c220bb0fcbc54bc89d28b55c5b5407', class: "form-check" }, h("input", { key: 'af923ae2cb8677fd9e943c912ef9c117dc8eb9d5', 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: '0daa3e06d66c182c41b8c28cb7938d24168ecf17', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4601db2bed3f67eee325a5132d6288ea5d55c240', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2b20dbb4481969e937c498fabec4b708d0eda4e5', 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: '06aec18092d38c386cb3dbeb7712a356f6615f82', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '63356fa988cecc235ff01b7f9eb4c344d62a18c0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61c5b0fac0b21856660dd6b9c64c2202f82324b2', 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 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: '21cd587a6a3f6b1c508201f688e6cf3e3456166c' }, h("div", { key: '5666e007193120a6ae78d4bab4b1005c0e3f0b49', class: "form-group d-flex flex-column" }, h("div", { key: 'fba926c6cf060e64ecaf6d30afeb82e58eaf82bb', class: "d-flex align-items-start gap-2" }, h("label", { key: '4e1f65a58657e129dbdb2fb7dfa6bfc664942527', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '51cb52bc2a167ddbe48de8686e969905a7a9f865', helpText: this.helpText })), h("select", { key: '29bd66fd51ba97138828317633c9d14267efd815', 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: '867d7ac1d9d7ec0b121135f944994565a2b18760', 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 TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'd2bda676ececdf630c420c541d070b0e24f0c876' }, h("div", { key: '11cb790f797a1ea3009b134670741d3cf8da4c87', class: "form-group d-flex flex-column" }, h("div", { key: '7049eba9568b3847d6eec66133606ab6ec3534ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '591c5e32006d90bf7e6cfdd0cebaa72f01e5535f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '206b51faffe537a28854f36d632354ded8b09e84', helpText: this.helpText })), h("input", { key: '3849d55e0d300acfdaadbc649e9adb7d977e3216', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bf68ea270c8dee6a9e572f0d2fdfc9308c8c106f' }, h("div", { key: '8e315377092c55c7c1a48c5528dba67f0d4a6f1c', class: "form-group d-flex flex-column" }, h("div", { key: 'c507734dadd643a306a22ce2e9df63a54422a7ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '7e9ca4266d86bfb0e33e5951a07599a7a17c0c31', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a3f1737b361144e9df92c706c6b5a1c4e1e2fc34', helpText: this.helpText })), h("input", { key: '657edb006b902ad815cd65e426d74a306328a0cb', 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: '63ac8e960213bd020b222be5e5082514b96ddbcd', 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: '1ebb690623549e319972fe5ea0221966a9982cac', 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

@@ -38,10 +38,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1e41c053b809f4bda982850125e00e9897470d54' }, h("div", { key: 'c87bf55b62aea28d4eee19235c6a49ba5e14d9d7', class: "form-group d-flex flex-column" }, h("label", { key: 'be4dd8515c80b016e8d0cb88d8a50a53f570e239', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'da24a7b98a098a71683a79bc1a4c77da64d9f3dc', 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: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '4d4fc8fc5450eb711dad88e2d8ca0d318b6dfd0c', 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: '6af10143701fec60501ebc5bcbff614638d3c9a9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3a56898b53e89041e5947d3ffcd9f827a6b925fe', 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: '1b98a59d083941d0340cd80fd47c2f0153365d4a' }, h("input", { key: 'a8206286c9b4ee1c1609450b64ef9d9d85349f7d', 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: '213626f7805ac907a867ccca6fdaf02b9ea3382a' }, h("input", { key: '1f54e360af287b98c49c62687b90fd0a20251c3c', 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: 'f8aa1654e8ea569bb287d7a16e5d1f0f10faddd2', class: "form-group d-flex flex-column" }, h("div", { key: 'bc11e0b644272ac251f41c8f104d04f117ddca1f', style: {
+        return (h(Host, { key: '0c3f4427120c3405bf47f60dd3bde638f0c3176e', class: "form-group d-flex flex-column" }, h("div", { key: '6ba2a62c8df9db7b01341ea06fbe1df25a87e604', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '10d634dcd3697797932d89abeaedf572667819e2', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'ee4f6ff9b8753ad65c32927a1d62c5755d8e4cbf', 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: '14bbe359e808944e19aeb0742adfc1f4db07c9b5', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'cc7dfd2299382e473f6ce279c5ffe61794d56e59', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '62406d7581a21dcdec52c993edc2a03cd8fce1ef', 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: '7c804be15e9029e003684bea21f93578269bdac7', 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: 'c88d3d3e88707285d207341347a088b05c19ab2b', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '2cb6be114be8cea65d880b6c21eacdf46052468c', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/pagination-menu/pagination-menu.js CHANGED Viewed

@@ -7,13 +7,13 @@ export class PaginationMenu {
         this.params = {};
     }
     render() {
-        return (h(Host, { key: 'cd1f1943978c8005bf1c302a33130ad88c3e792a' }, h("nav", { key: '703c1baab98530ea1ea41b7d40cba3391a773b8f', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '59bb4d35cf41f44d8887017d44a446c658afb9ab', class: "pagination m-0" }, h("li", { key: '9249ed0e2aca03cde7a31f79d41d6c49df12bd57', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '4dd88ebab129e2ffe803242d687b7c9161c8a3ba', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'bda9bc49f5bc696e2093a091410f6eabd2559874', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'd3b67ccb0aa0f6ae09da2a54c8a255ecb7de54fc', part: paginationButtonText }, "Previous"))), h("li", { key: 'c30f386a2758e08f7091045b232aca869b96ea11', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '487bae06e01775cf8f22ec548d1fa04137d39249', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '85a042e415b364e2edf56b5589a28ddf55de7a88', part: paginationButtonText }, "Next"), h("span", { key: 'a8b311e4771cce6a3d291f1aa9eaf7ec08397a3d', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
     static get is() { return "pagination-menu"; }
     static get properties() {

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

@@ -7,7 +7,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, h(Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', 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: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, h(Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', 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 CHANGED Viewed

@@ -14,7 +14,7 @@ export class Header {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '73104ea086f8a9948e69f86451adf19e0f39fb32' }, h(HeaderComponent, { key: 'a8582109634299a24e2a9b3c7181c6bba511fde7', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'd4871da09451d40b27220a207ee72317ed9b1b9f' }, h(HeaderComponent, { key: 'f7de159fa6395ef4024f48b868369f8d10edf64e', 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-radio-list-item.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class JustifiRadioListItem {
         };
     }
     render() {
-        return (h(StyledHost, { key: 'b0501b66bcfdd697d88c01835b8f97fb2c0861ab' }, h("div", { key: 'ada4dda7868086b1ea4cadd6c8824f87d3cb2301', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '72c6d07dd2a664ca6bd2be9b446584d7344bc2b0', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
     static get is() { return "justifi-radio-list-item"; }
     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: '0dbb20245a88851e3cf9fc853029b22847f1cdfe' }, h(Skeleton, { key: '7778f32d71f1b7d46b0f8eab39bb7d98a215ebb3', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '79c2def38d099c6c146b89b6d33f8b1ca403bace' }, h(Skeleton, { key: 'd73576f82a88f9282caebaeb66cf4c444e8318a6', 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"; }