@justifi/webcomponents 6.0.0-rc.9 → 6.0.1-rc.0

package/dist/module/dispute-response-core.js

@@ -19,9 +19,11 @@ import { d as defineCustomElement$2 } from './refund-policy.js';
 import { d as defineCustomElement$1 } from './shipping-details.js';
 
 const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeResponseCore extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
@@ -178,7 +180,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '09b09843d54a2dbced9788d16e244b2e59a3a78f', class: "row gy-3" }, h("div", { key: '6a3fe32d65ea1a74161d9ba9984543cf950e47ea', class: "col-12" }, h("h1", { key: 'bbb6f1334fd6b120e592117ba191d90b628e620f', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '19cbc45842294e9344dbffb725f5f053bf370af7', class: "col-12" }, this.currentStepComponent), h("div", { key: 'fa875ca152ea77fc4c8363216d8ba16c7699b597', class: "col-12" }, h("div", { key: 'fa7b62fff0cbac81c19ebad919f5dd54c3679e84', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '20d075178a9d88cd73be32e52f8df6d3d360f8d7', class: "row gy-3" }, h("div", { key: '6c1bc735f1a15709c596b5bea7cc3ce50e9a73f5', class: "col-12" }, h("h1", { key: '27a0804924937ee7a8d01265bd0da2d9dd31d301', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'b60822e91425c5c4af003169f47fd725daf9fb0f', class: "col-12" }, this.currentStepComponent), h("div", { key: 'd1be3f6be53de37836275067070cf4b5a2eb3e4a', class: "col-12" }, h("div", { key: '48c8725d8de8b658e59ccfa851a6af6638e19ca5', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 }, [256, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16, "update-dispute-response"],

package/dist/module/dispute-response.js

@@ -24,9 +24,11 @@ import { d as defineCustomElement$2 } from './refund-policy.js';
 import { d as defineCustomElement$1 } from './shipping-details.js';
 
 const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.errorMessage = null;
@@ -77,7 +79,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: 'b90f636418c3e11b046d36dee9accf345756b407' }, h("justifi-dispute-response-core", { key: 'ff6e510faad54506eda24b1d8dc94b67afc18014', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'dbdfd59a21c7e8ea4dfdaecb91f885f82540a27c' }, h("justifi-dispute-response-core", { key: '3cff38e5995f0033c45c54fa195ffeebc27e189e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.js

@@ -15,9 +15,11 @@ const DuplicateChargeSchema = create$3({
 });
 
 const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.documentErrors = {};
         this.errors = {};
         this.documents = { duplicate_charge_documentation: [] };
@@ -40,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '2b1fbb67aebf81b2cac878cfd86a71e31feb7288' }, h("div", { key: 'e05d18f73ae193c43ead170ca59e580172115c25', class: "row gy-3" }, h("div", { key: '0f0c24505bc9e14e79681e1686e61671027af940', class: "col-12" }, h("h2", { key: '0c5a6f6119c5178564ece36506e90d79cf0a2393', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'cb740c8a1b6ded55b53b4b402ec5ae3147b6c632', class: "col-12" }, h("form-control-text", { key: 'a89bae70a2cf7500d69d51d0e2a8b9f50dc6ed56', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '87ec40290b40beae641136a5caca878bf5b69d34', class: "col-12" }, h("form-control-textarea", { key: '3a87c44d1584949ac5ec444c28b26a043a697e90', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'dc4fbe2c23c992d9bf72d1932d41886d3a4bd53a', class: "col-12" }, h("form-control-file-v2", { key: 'ee9e58fff423be4009bef08109b14a4acda8e39f', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: '2a51ce4a6859bdd9b6fc3376f08726a682a61587' }, h("div", { key: '49765fde2654e0eda955e4569d3003749d04b1a1', class: "row gy-3" }, h("div", { key: '9a04ce529407e436c5c7dc363525821116eb3271', class: "col-12" }, h("h2", { key: '6d8c1c64da56d19e3adedc08171b7096084adb0b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '3a4be2ced9e35974864a6fb3504dff58d792e623', class: "col-12" }, h("form-control-text", { key: 'a3d86e2059a017d931619d1e53a24e60e9f95282', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '407386824a21bc40a802366ebf4c8e0cc2aef908', class: "col-12" }, h("form-control-textarea", { key: 'c4b5a5026eeffedeae11d9f6fd74ecd4e288894c', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'cc4a805b1c5574436a19258007cd3271831e9967', class: "col-12" }, h("form-control-file-v2", { key: '49d84e63f7acd6dd953429063fc9206373482d16', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 }, [256, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.js

@@ -12,9 +12,11 @@ const ElectronicEvidenceSchema = create$3({
 });
 
 const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvidence extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.documentErrors = {};
         this.errors = {};
         this.documents = { activity_log: [] };
@@ -37,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'e23dbefec1d452aa3ba3cca69523eee0f5cfe923' }, h("div", { key: 'e1f11a356d05519b568b5bb65be9e8a1fc14e46f', class: "row gy-3" }, h("div", { key: 'a6208153a9a44d49e88f80d953477de8b40ed64b', class: "col-12" }, h("h2", { key: 'c80cc00343452fbf9d9ddacb6929d3a7e0a33f42', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '1ed5c9f72596f33f41431eb62e6338f60adc9ab3', class: "col-12" }, h("form-control-text", { key: 'dfb38a1c00b8b09849840f4a071fbaa12321f7a8', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'd6f0a73cccf7eb2ea481836c6206ee39a0a21c6c', class: "col-12" }, h("form-control-file-v2", { key: '25dfd3efa3ec536f899fb263624bfea1b68dc397', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '41d5fd40ac6fc4fffddb7913b647046869882dfd' }, h("div", { key: '265d25bbd6423f6514a1bb4fab1574631113783d', class: "row gy-3" }, h("div", { key: 'e55e31fbfaa88eacd940622551e37951e54aa321', class: "col-12" }, h("h2", { key: '710bec9fdf42a7ddedbaed447ab1212bc9d6be9c', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '81ad6d6af441041c0aa0f39c732d528e9d966b61', class: "col-12" }, h("form-control-text", { key: 'b9a3ae49cc394e28baadec0ca9904e5c25996921', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '53c9b52e9ff3a988805c9e72dca2038ac8cb8483', class: "col-12" }, h("form-control-file-v2", { key: 'bd2bd5d7131bf7c92a7d11042211a9b7764dbbd7', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 }, [256, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/form-alert2.js

@@ -2,9 +2,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { M as alertDanger } from './parts.js';
 
 const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
     }
     render() {
         if (!this.text) {

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

@@ -7,9 +7,11 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 
 const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
@@ -40,10 +42,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '128a949dbbbf194f13552ec2b6d9cc47e643459a' }, h("div", { key: '24fdfab17ddc656c7ed4ce4a26298bb3312b84b5', class: 'form-group d-flex flex-column' }, h("div", { key: 'd66bc9dd8ec3018e934d4279cfc78073e1529ddb', class: "form-check" }, h("input", { key: '754d00dbfa79b34ba919d12ecaf6f69114c92a37', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6ef9c4917c0371f697b92f6a7ee1471feec1aaf1' }, h("div", { key: 'c9b0a6f9d55f2fccc0ce060af6b0944d1cc9104e', class: 'form-group d-flex flex-column' }, h("div", { key: '618bf437e3d39095c5d5fb29b539d37e5f25b225', class: "form-check" }, h("input", { key: 'e51b0c603bc0be02055dc96145b04dbb43638b79', 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: '07928f06ba16f3871948610d8c043de985cb9810', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '83976d5d65b37aa34e41879f0db3347a8902b7d7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '3a4e23a3e9f174d51683518608e2568e0edc72e2', 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: 'bad954d2501514587ef79c0325ecaae0ba6a4b91', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '26d50d8b95bd2285211079e5527f57152c739651', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2f8d2c9fe3a883d2bc9a6200075d8ba13a5dc4', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],

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

@@ -8,9 +8,11 @@ import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
@@ -52,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'a309446013bd49b83f2cd63ddde74595b4ad94b5' }, h("div", { key: 'f29f5561099a85767d3a95411d9234e45ce2abf6', class: "form-group d-flex flex-column" }, h("div", { key: 'd0406aa96a962e26053e9495c5be6bef8ce10a49', class: "d-flex gap-2" }, h("label", { key: '72c5d168b03c79083a93481417b5361d4b4acec4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2954e61b39260bf40d2190ed0d6d0c0a4d2fbec1', helpText: this.helpText })), h("input", { key: 'bf82716d44ce3a96cf70c8be2b349d598839e39d', 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: '2e4a67de83ef5dcd64ff15e1f6fbc125db0d121d' }, h("div", { key: 'e73d09d041e2152e88917ac65f8a5b5bb7949df4', class: "form-group d-flex flex-column" }, h("div", { key: '7c0e2d8be29956e61aaa37bc4575efc595382ce7', class: "d-flex gap-2" }, h("label", { key: '1d3692f53203455abacb1addb300549d5d47d8e6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e16354b0813c63cd2b21b4185fdd33c0159d9ee3', helpText: this.helpText })), 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 }), h(FormControlErrorText, { key: '1c6036c4ea8ebd3303af2400eb0c0884329a7b33', 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: 'df02643ac9a15c675726ccba1bfb2ec45ed2c4bc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -4,14 +4,16 @@ import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
     }
     render() {
-        return (h(Host, { key: 'e4b695469afbe84e1fc03b9f8dab55cc86dee32a', exportparts: "label,input,input-invalid" }, h("div", { key: '7f8ed80d7c8ffb10955c3aa0298011936ee662cb', class: "form-group d-flex flex-column" }, h("div", { key: '517ee3552d3ba2c9096961fa152580ad2768cf9f', class: "d-flex align-items-start gap-2" }, h("label", { key: '204bea2b6abdde9110e7fc2de5488b9647e83a98', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f6c23190a77e997af1433f211a2bf45892a4072e', helpText: this.helpText })), h("input", { key: '666d761e0a0bb7bedef337b9f07641cb4d6dd566', 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: 'a09cb5b92539c22a53f469fd99a40d85680135ba', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '151b13500f5bc11102f13e9e8aba583f5535458f', exportparts: "label,input,input-invalid" }, h("div", { key: 'aa24b590885e67c0dae7bbf10a46e111cbb108ac', class: "form-group d-flex flex-column" }, h("div", { key: 'a6da0c166f60904ac32eef2e9ebb77c472bb7180', class: "d-flex align-items-start gap-2" }, h("label", { key: '24ddc6dc7f49b1be6a8a8d81c829c11f8c76b9e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d058f5f8029abce0a75c86a2de3b11d3c26a8f6', helpText: this.helpText })), 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 = "" }), h(FormControlErrorText, { key: '59abec5b8a6660de5c3aa09d5341b53bc53b3dea', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

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

@@ -8,9 +8,11 @@ import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.fileSelected = createEvent(this, "fileSelected", 7);
@@ -48,10 +50,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '028fa0490ce436410bf0aea234e92c171bf93b25' }, h("div", { key: '22d1cf8dd7d5731c8bb4469ecb788afef0a8ec6a', class: "form-group d-flex flex-column" }, h("div", { key: '9fe0d7827e5f18b8bec4894aa29f7a9e08e2e139', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ddc0da46940544d5bcf12304f89f6bebc800e457', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '63cdd224e5075ee49a8795dd0d658c3b218db767', helpText: this.helpText })), h("input", { key: '3cb815fa320b991f7089452bd94e910c3ce910ea', 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: '3f6adbe90fc89972562f658958433d77ca9ad67c' }, h("div", { key: '522ea5f78109a2717e8b016c16d29c9444ebf0c2', class: "form-group d-flex flex-column" }, h("div", { key: '39647185cf2b6fbe4317aa5ae609a971161974a7', class: "d-flex align-items-start gap-2" }, h("label", { key: '18d7f1e782c74bfd9a1aad52c70d451e2d7ebdd5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3eab40969bc7d68b195093f7671244a2c1a0f537', helpText: this.helpText })), 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();
-            } }), h(FormControlErrorText, { key: '03f60fc9c2d42f987b951947f5b189eff623641b', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '03689848a01a3844dcf4480d5f997a3a52338ea1', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

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

@@ -1,9 +1,11 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const FormControlHelpText = /*@__PURE__*/ proxyCustomElement(class FormControlHelpText extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
     }
     render() {
         if (!this.helpText) {

package/dist/module/form-control-monetary-provisioning2.js

@@ -9,9 +9,11 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 
 const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class MonetaryInputProvisioning extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.imask = null;
@@ -65,10 +67,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         return part;
     }
     render() {
-        return (h(Host, { key: '59e5e4d46e7d4ece898464d846505756611f6635' }, h("div", { key: 'e82201d6777584666ec5ca04ad9e02b83fa956c0', class: "form-group d-flex flex-column" }, h("label", { key: '9bbb22bb201d3db07670e4f26521593ff229f583', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '61909b4796f78e22d9e6508d9257cdf16220e675', class: "input-group" }, h("span", { key: '152a4f1a6323e55bf6f48aa25353939569acc419', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'cc8055c02a4ccb4f63553f45b5ded4ee3d8cf972', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8378b6d06aeeb48d1e3efed4d16b22655e2c23ff' }, h("div", { key: 'cc432cb0a138c336def8b55ac06aa933407d38ef', class: "form-group d-flex flex-column" }, h("label", { key: '08119d56a108275c4f25d28f7b8074ca134c3b72', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'bcf621d3cae2636304185197cb8d3f40f3f0f173', class: "input-group" }, h("span", { key: '3ee602416b555c9bf561abc4055f0a2485762551', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '54c1257a97daae319f5c0ce7556638790e3f286b', 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.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '776dfb4a9d74342ba139dda6706af8e60b4700fc', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '74e503b7e525aeeb994b1ae94941f07365d2460e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'b7458313a43d454ad8988f1e4548c7034a5d09d8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '8e59747949f4fa6697a3b7c083bcd6584d1f5411', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -8,9 +8,11 @@ import './justifi-radio-list-item2.js';
 import { c as formatCurrency } from './utils2.js';
 
 const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
@@ -51,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: '522db34cb5be7d1200ab8ce3864c846d91f278dc' }, h("div", { key: 'b2d5b5515eb51843042f511c1ce64a00222aa24c', class: "form-group d-flex flex-column" }, h("label", { key: 'ebba4dc6aa72cbda1656b7c0b846b776555748d4', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'ed37818c0151b760e29e4d21b5344f71b67c516a', name: this.name, helpText: this.helpText }), h("div", { key: 'c1273d4fd5f52e0c6d32a61b600a99d6820b8c84', class: "input-group" }, h("span", { key: 'fa8e479fc0af0ae94e45d881907ebbc4eefead70', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '2347defbce5f2787bb39002096ea67543aa0c474', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fdd31eca7047ab022668fd4ad9ebbde3ec691508' }, h("div", { key: 'fda274a4e96edc22bb99e699faaa91b37b95a856', class: "form-group d-flex flex-column" }, h("label", { key: '72e259579224953c92c9df1f7e32cda7344019ac', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'f548c208758806082639372954d1634cd7202570', name: this.name, helpText: this.helpText }), h("div", { key: '3365f9842f780d2ce8903a798fdf71df7673aae7', class: "input-group" }, h("span", { key: 'c6f8169b97667ee821ba79aec2ea2e1b0d35e3f6', class: "input-group-text", part: inputAdornment }, "$"), 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 })), h(FormControlErrorText, { key: '067197d8c0167d36f6dc3f5ef73d58d2dd7a5fda', 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: '00127c5cdce079d88a8b902c16d960201ff3bce1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -9,9 +9,11 @@ import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMasked extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.imask = null;
@@ -71,10 +73,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '7390ff05013c1007f32c9860259288a02ff1c52e' }, h("div", { key: 'c082f20b7fd2adbf45f317ab213b93ebc788e5e4', class: "form-group d-flex flex-column" }, h("div", { key: '8fe10be0c3c9ee6331d29342468a725d3b2767e0', class: "d-flex align-items-start gap-2" }, h("label", { key: 'de1e1a2c32de0153cdb803eb4d653c0934aeb19c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3421ae7e1b2b78cbcfc79281bf971c12b2eba0c7', helpText: this.helpText })), h("input", { key: 'f8e8be44c384dd6f3affdbbf948837ec77ec6ba4', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'cd0a23e4a4b1d7b39448e0770c5681aa319fe376' }, h("div", { key: 'fdaeea5b68035edc6885d7e3e5106d6c4962325f', class: "form-group d-flex flex-column" }, h("div", { key: '46379bb141130c88d0b09c1382a9f34758808b8c', class: "d-flex align-items-start gap-2" }, h("label", { key: '5a191a9c22d82d58354fa297d78f51c4cd0ec36b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9a8c580ee3b69902a30bca5aa79309be15d0c51d', helpText: this.helpText })), 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 }), h(FormControlErrorText, { key: 'e44994a8c4409e4580216b1dbb0c448e1f0679d6', 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: '55e523b3be538bccd3a438edf109acbb7de3fce9', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -7,9 +7,11 @@ import './event-types.js';
 import './justifi-radio-list-item2.js';
 
 const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
@@ -45,10 +47,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '9ba1b402f0d760fcf5f1a258db29559127d8eb39' }, h("div", { key: '994f5896a8791dea3fe4ebbbe98778edd9406c92', class: 'form-group d-flex flex-column' }, h("label", { key: '1b9a7b572e01fb4c5ee8bc037e2877a3782f8021', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '990735a9b1f835c4110d283bfaed4e6bf080a866', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7d3590c5616114610038d95cf45e3aa1f6fca08f' }, h("div", { key: '231c16a61a76aa7501df035639a7c2de474a2578', class: 'form-group d-flex flex-column' }, h("label", { key: 'c6736b7830e68c4ebfad4e954510fa7e6f839772', part: label, class: "form-label", htmlFor: this.name }, this.label), 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 }), h(FormControlHelpText, { key: '2f99538e9541d9d3fb43fa171af23edad97667de', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '6756fb24fbb631bf925b470f555365e33f15c4a7', 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: '456c71cb54cf15bf17b2bcf95140d47db9002bce', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '55aa4e9d84f0236e9a1b0e27b174f385de2b9537', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -3,9 +3,11 @@ import { k as inputRadioInvalid, m as inputRadioCheckedFocused, n as inputRadioC
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
@@ -32,13 +34,13 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'c22f0df594e14c5095be415fe80df4ecae7aa6b4', class: 'form-group d-flex flex-column' }, h("div", { key: 'dc2f63fa23042176825ab3b0617419f3445da972', class: "form-check" }, h("input", { key: '48fe6f95a43e90393bace948455ab87f83a5bb51', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '15657fdcd58d4971b8a25d32b458ff652203af29', class: 'form-group d-flex flex-column' }, h("div", { key: 'f50498d959e589a759fdf34a88ffdd2d423a3c7b', class: "form-check" }, 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 }), h("label", { key: '501ca93d655605a6b2f16d2598a6e601315de97f', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '711f8f1eec58731d7925ef8fe0912dcd37542bbe', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a62e4bbcf9c5faae63f17c49f5fc2c431395cbe9', 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: 'a9a890749f5106772e6e849d3ffde7cad8c7b744', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b85b9fa72868f1b70d7e2cf37e5b831762c2c448', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c2658161f4564fac4ec33acf48a23fd4cc656615', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
-        "label": [1],
+        "label": [8],
         "name": [8],
         "value": [1],
         "helpText": [1, "help-text"],

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

@@ -8,9 +8,11 @@ import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
@@ -45,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     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: 'a7428cd8a89414d877dafe9948f5652f28c36a5f' }, h("div", { key: 'c9d5d5d2f8a6292484d3606d883dbb9d168aa316', class: "form-group d-flex flex-column" }, h("div", { key: 'c1aba6560934b966de02e9afef77428c6060eefb', class: "d-flex align-items-start gap-2" }, h("label", { key: '5fbbb09c3955ff3285b006f24c3873082394d39c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f756a05a8273ab6fd65205bb5c32cd34c30a9db3', helpText: this.helpText })), h("select", { key: 'ffd0fa461d3c35da5595e705a7c4068066d8f971', 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: '6ee60bb236ccf7cea7bc8ccf946a363d2cd26906', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -8,9 +8,11 @@ import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
@@ -46,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'a8372f03c84409f2cd36b67d11aa3f1c6ade5230' }, h("div", { key: '6e00089d666df5be04bdcfbef7f163c4ae6b567a', class: "form-group d-flex flex-column" }, h("div", { key: '2d243bb04b2276757b44903719991aabefa13254', class: "d-flex align-items-start gap-2" }, h("label", { key: '98ba977b38ef706a7fd9089db13879c24d5e1480', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '500d46e1bdc581989fc1c3c0a79b67b3458ce980', helpText: this.helpText })), h("input", { key: 'c3efaf9b7b2fd6a42fcb76756775a1c58e2c61df', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '71473077484c65dce4e3311db05a194f642a37c8' }, h("div", { key: 'fbceee0b9fae4f05e1310a97c009fa5a97866ea4', class: "form-group d-flex flex-column" }, h("div", { key: 'c5b6cc944e8a1a7aafe136e67e5f37772f364cd6', class: "d-flex align-items-start gap-2" }, h("label", { key: '029a560a612b7e00f4d67c7adc2b5bdffa85cb53', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b3a41a599dc2f59171befb532c0cd219adba5', helpText: this.helpText })), 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 }), h(FormControlErrorText, { key: '2aff3e8ef0fbfd37e2add41f9aad3891d62bd9bc', 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: 'feff4a3d104ea6f74a8d7049f79b8c2850b308a9', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -3,9 +3,11 @@ import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
@@ -44,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '24c71b939da77ef7235f9c6d76dafa3646f03185' }, h("div", { key: '2c377064ecedf1de8761cadf857d855ea81f98e1', class: "form-group d-flex flex-column" }, h("label", { key: '57626622619247902a6a80dfb8aa9a26d4958b0f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4f1e9a912e6b0a250c785a74982f322b83990c6d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b4cdee53e150296601582bd17a74e7bff12c1867' }, h("div", { key: '198dd6fc463200a2445bd08934a15a0423ba4778', class: "form-group d-flex flex-column" }, h("label", { key: '73624f9fa6f506bb184bf461b60717f1aac87fdc', part: label, class: "form-label", htmlFor: this.name }, this.label), 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 }), h("form-control-help-text", { key: 'a2adeb24bd1576fe48651193e44965f39b8958ae', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '76867a846f4b3e38ea768fbfd185ee9ce28bb4eb', 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: 'e54de23fbe76cfc9f1a9e88d71737b23b84d0ea4', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7ec33f817f34514cf2c8acdb2bb1647de433aad7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -3,9 +3,11 @@ import { e as tooltipIcon, f as tooltip, g as tooltipInner } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const TooltipComponent = /*@__PURE__*/ proxyCustomElement(class TooltipComponent extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
     }
     show() {
         this.tooltip.classList.add('show');

package/dist/module/gross-payment-chart-core2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as formatCurrency, k as formatDisplayDate } from './utils2.js';
+import { c as formatCurrency, l as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -10987,9 +10987,11 @@ const generateChartOptions = (total, dates, endDate) => {
 
 Chart.register(plugin_colors, BarController, BarElement, CategoryScale, LinearScale, plugin_legend, plugin_tooltip, plugin_title);
 const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymentChartCore extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.errorEvent = createEvent(this, "error-event", 7);
         this.loading = true;
         this.errorMessage = '';
@@ -11052,7 +11054,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     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: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && h(Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -3,9 +3,11 @@ import { i as iframeInputStylesSet } from './iframe-input-styles-state.js';
 import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input } from './parts.js';
 
 const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.isFocused = false;
         this.errorText = '';
     }
@@ -76,7 +78,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '371bbf07abe040e607c3f2a548204193702b868c' }, h("input", { key: '05ab53862e84dd10ec59b7b77df8480b4e16a41f', 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: 'bf8fcd89cdc8fcd1bfd8b9af5a7211c877e482ba' }, 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' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],