@justifi/webcomponents 6.1.0-rc.3 → 6.2.0-rc.1

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { D as DisputeManagementClickActions } from './event-types3.js';
-import { Y as heading4 } from './parts.js';
+import { Z as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { d as defineCustomElement$f } from './custom-popper2.js';
 import { d as defineCustomElement$e } from './form-control-date2.js';
@@ -180,7 +180,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'b0925fa2e5387b89682987f9cc75f228da07b4df', class: "row gy-3" }, h("div", { key: '15fdf9ec545bcfba442c1b3f1aeddd9bacfa6f45', class: "col-12" }, h("h1", { key: '645ae905d554dbecfa2b289f10952749f5d22372', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '8d9a23d7732ee87957509c035773542e419ecbbc', class: "col-12" }, this.currentStepComponent), h("div", { key: '6744fe63b64af9ac0c402460108a208aa7ba95f7', class: "col-12" }, h("div", { key: '1af3c1a9e527ec75e45b6851c55d1588a06317cc', 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: 'f8aa436de4217a890cb2c30d3e27aae405c69275', class: "row gy-3" }, h("div", { key: 'a49685c530a74ddc0c001f7aaa93a88083d050fa', class: "col-12" }, h("h1", { key: '15344ecf9317a883ca035637b943435d51663ad6', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '84005717b34e9f4a346bbd21c43f849f8238b452', class: "col-12" }, this.currentStepComponent), h("div", { key: 'f210b5351166085cc1638b4170af6e20c50080f2', class: "col-12" }, h("div", { key: '8294937c85b26845a9b22d5fd7afcb0caa7dbad1', 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],

package/dist/module/dispute-response.js

@@ -79,7 +79,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f61dc766ef15ba3cf533d2a24e7cd2a151a879d5' }, h("justifi-dispute-response-core", { key: 'e436ecce1235cb3bd15cf28be9551acb08e67035', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '4a6fcddbe3275068b9699dfc5c60adeff77f2192' }, h("justifi-dispute-response-core", { key: '80bd93d2ec9c64695d8b1d8bb7a4b59b2418a14f', "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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { $ as heading5 } from './parts.js';
+import { a0 as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';
@@ -42,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f92749f7fd0503b15bbfe993c95a602676d1efc9' }, h("div", { key: '0fd4c0f8137c7ab2a14093f21b908fe31b816fa3', class: "row gy-3" }, h("div", { key: 'e6bdf0cee9a9c21f4508effd2ba2b16a72efdcb9', class: "col-12" }, h("h2", { key: 'cd9df12a4b8ce72981e87317de500639577b0cf2', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '0610126a79d2b0281daa89a13eccb8178fda98b2', class: "col-12" }, h("form-control-text", { key: 'b31165845e60e496c20536a6c33ccf0e9ba9b22e', 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: 'a45ef37fcebc4ea005644c3d3d7391272afb1860', class: "col-12" }, h("form-control-textarea", { key: '6efbc623051dc552f06ca7c9b958789af2c5e92e', 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: '9d871317463940d04380aa1bc1f733ea93149769', class: "col-12" }, h("form-control-file-v2", { key: 'c6938fd5a5e1b2fdbbd7e396513aa0b90f8db22f', 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: 'a2c44551e8089f9d9f30e99e93c146c160e78f45' }, h("div", { key: '9eb60cf652ebfbb37336a350552666b30bd87e1d', class: "row gy-3" }, h("div", { key: 'ec776dee0a386b87851aca4a275b5aec09f2f78a', class: "col-12" }, h("h2", { key: 'e6c60f82ded8750f7211ffa7b2790d8572bf67c7', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '6380b5a5be60a61d3bb2adcffad781388da2b6d2', class: "col-12" }, h("form-control-text", { key: 'b976b506913584ae88d35a30cfc42efb6a20a9e7', 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: 'f9ae261fbe01a5f4de3491b8ac2c7a1cd59a184d', class: "col-12" }, h("form-control-textarea", { key: 'cd3bf73a8374411113068c310b14101e8d9ab7fe', 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: 'f730411437abd1c6a5950e7a768390df2ea2102e', class: "col-12" }, h("form-control-file-v2", { key: '8021ee00e94803edf3eb27ec834e05353ba985d5', 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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { $ as heading5 } from './parts.js';
+import { a0 as heading5 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -39,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'c0007b1394ef881d14b34592c65e1de1b1dd922e' }, h("div", { key: '7a78993c7df8b5a695243eb2c8c27e9fb409b508', class: "row gy-3" }, h("div", { key: '407d7f4153099870a2318b283d16ec6fcee1f0e2', class: "col-12" }, h("h2", { key: '0d9cb826eeb066cce6a5e706d4e8080387272507', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '8e5cb60db05a6cb130259874650704eefb413632', class: "col-12" }, h("form-control-text", { key: 'b88d48627b79768a5b5c1fd5b4d2cca1cb025c13', 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: '474e78766908fb2ba6eb2f4011b4d852d02814db', class: "col-12" }, h("form-control-file-v2", { key: 'cdd3d6a9fb17cfd66432db435acd4005e7cc71b8', 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: 'b7ccea47ef4631e72192680468e9b5c370089766' }, h("div", { key: 'b33edf7018fe897a1b6d66edfbdf696fe4c4ad5d', class: "row gy-3" }, h("div", { key: '3f191923eb587c7efcdeec93afa830f7045e5ca5', class: "col-12" }, h("h2", { key: '6019125067e94159de463ff467f3a26a83efadb6', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '36169fba21ebe835eccbbdfa61665dbbf1922d22', class: "col-12" }, h("form-control-text", { key: '5cdd785662b43d8ac46b7ffa165fbf7b1d3008ae', 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: 'b2b3fdabb36b09c369c887779519000b1f9eb40e', class: "col-12" }, h("form-control-file-v2", { key: 'f112588b597277444e3d826cd8d94f8699dafc22', 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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { M as alertDanger } from './parts.js';
+import { N as alertDanger } from './parts.js';
 
 const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLElement {
     constructor(registerHost) {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { N as inputCheckboxInvalid, O as inputCheckboxCheckedFocused, P as inputCheckboxFocused, Q as inputCheckboxChecked, R as inputCheckbox, l as label } from './parts.js';
+import { O as inputCheckboxInvalid, P as inputCheckboxCheckedFocused, Q as inputCheckboxFocused, R as inputCheckboxChecked, S as inputCheckbox, b as label } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
@@ -42,10 +42,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'b9f175598599477e4eab8b690e414539421368c9' }, h("div", { key: 'd775d704b4ec7d43ce3b973b38dfe145b99bc6b9', class: 'form-group d-flex flex-column' }, h("div", { key: '0c7b3e3a405f967914e270f84e9625074fb1fb05', class: "form-check" }, h("input", { key: '7cc316c6069fd7ca174a0f41c5e564f68147099d', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5f017faf77fcd07141c04c973dfa5f152f58594b' }, h("div", { key: '4a6b586e30452418ab4b8f5d0495ac1efb70ab73', class: 'form-group d-flex flex-column' }, h("div", { key: 'bf63d72855f2c0ef4def2b129a9bd2313205fefd', class: "form-check" }, h("input", { key: '072795a8dfe2754692ecb8c82aaf6a62860b4bd0', 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: '329eaefa881d6b6b15fe1aa910d605c3a81b1eac', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '0f2acd28cbd742726c50eac743bf96acaed8b9d3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c9837469aeb10591668c1e3d3db1e97047ac1bc1', 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: '1734511d48ce354ee9fd8545056f20f334152800', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '0629fffb0838e03d4a8fe2e3bab2577342f1c7e8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b9ba3d370907e48ac3caafa4285181fe9a4e27c1', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'be66385ae9cb403d1c94ef487ee42b6b98b63913' }, h("div", { key: 'eea4d3a39cb61ad2a54b0a3d184c984f26747c77', class: "form-group d-flex flex-column" }, h("div", { key: '787c9ba01d365f101d00e16d23506cb7af7cf7aa', class: "d-flex gap-2" }, h("label", { key: '286798b356618d38521da6c9f5dc381d4e68cb7e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd04a23cb0be7da8b732efcaecd9853d10058d2b', helpText: this.helpText })), h("input", { key: 'a25ff1e3b236d6ed30e87033d665d3d136beffbc', 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: '8e5820c8f07562ce28e3b95c4948cb7c311d48d6' }, h("div", { key: '1dd0cbd495d132064808cc81bc272b92f7df95af', class: "form-group d-flex flex-column" }, h("div", { key: '82f27392fd4bdbb106db3ea4219eeb75d99a7c78', class: "d-flex gap-2" }, h("label", { key: 'a6ab3679c84b6f22e4c27ac4cb9764e77f97eed3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f481b59809157482acd955d8f2bdb60e5a91e164', helpText: this.helpText })), h("input", { key: '6803e25bbd12858678fa08a8230ca91268541624', 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: 'f0363ed5549cb92b724367bef1cd025fbe597b8d', 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: '0237d93c756aaea690eda467b0497ce2c0d8c904', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-error-text.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { j as textDanger } from './parts.js';
+import { k as textDanger } from './parts.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -13,7 +13,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
     }
     render() {
-        return (h(Host, { key: '3e9e35e7c4c1166866e3cf94dd18bfda6d64222d', exportparts: "label,input,input-invalid" }, h("div", { key: 'f951ee548b004edd55957f2b34a8ab4cddb59bc7', class: "form-group d-flex flex-column" }, h("div", { key: '9b28774efa7c53871c23b2e66ea8b6434af3d07b', class: "d-flex align-items-start gap-2" }, h("label", { key: '783eb33e72b44bb42d01f7e474998d7fa2b58093', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'bbc906ac8482e5cf21af56cf841932b78cd5e015', helpText: this.helpText })), h("input", { key: '3670f289b59e5464c11ba8b5ef66af0a3a2d65ca', 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: '11d9f49721bc8920c0fa917e6a406019aa29041e', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '4d69131cba0d3529b5e8d3344085400a0e491f7a', exportparts: "label,input,input-invalid" }, h("div", { key: '91ef14e863262efef2ca6478dddcbe06fed2c3de', class: "form-group d-flex flex-column" }, h("div", { key: '46fab1c0db5685d8ea5f84f1517a129894a4ba62', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e43d7049b5ce9265e27d30e6edca60b877ce7207', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4a6298c1b36cf0bbef8ebb383398168cf99af362', helpText: this.helpText })), h("input", { key: '1ec274c8399390dcc08b708218485be030df3e4a', 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: '154e2193272229f617555a5a1804c334d5214d53', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -50,10 +50,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'c1d92b4464500d430ad828ce374b864f0abf79dc' }, h("div", { key: '7753e5875afe4c6da178a088721b62590e104039', class: "form-group d-flex flex-column" }, h("div", { key: '35732250f1da24e5d8af9d6c984360402aa8c749', class: "d-flex align-items-start gap-2" }, h("label", { key: '1dbdb4c74c82415714295d882a48ea3634265cae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '132b4e5b01986aba2f1999db2f19373477b0af9d', helpText: this.helpText })), h("input", { key: '4c371be7c4d784fb7ba3dc3244aaab5ef7dea763', 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: 'a4e07a279ac259cf7aea289ddb3e5ad976ac8a78' }, h("div", { key: '72f560a6d77e6077e6e1edab0af24080207490b3', class: "form-group d-flex flex-column" }, h("div", { key: '26c3f68a2b2a1f791eccadd4dda4607aedccfcf8', class: "d-flex align-items-start gap-2" }, h("label", { key: '9805d69f239c90357ed4123bf38bd0a20df78f86', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ae0e0a05268be3df43e250738ff69cc417beea8a', helpText: this.helpText })), h("input", { key: '4c9c7c69e0f0d786add6badaf6df61f53d1fd935', 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: 'f9c2a057b20ccf863331c90156a5a9df65bb85a6', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '47b98f71ebdf2b83e2cfd0b741908a74e691cd41', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as IMask } from './index3.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { T as inputGroup, l as label, S as inputAdornment, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { U as inputGroup, b as label, T as inputAdornment, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, S as inputAdornment } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label, T as inputAdornment } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: 'dd501963b2b4c85eecd6c78ac8a1c38d6e30020c' }, h("div", { key: '4c130a5d956ab1caaab521930d29d666dfbfcf67', class: "form-group d-flex flex-column" }, h("label", { key: '59a59b0589b3555efcb509ebb0ca34a3cc01ce3a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '0290105bb2d69ae83d1583f2495557e1e11b2939', name: this.name, helpText: this.helpText }), h("div", { key: 'cf80c69cc63137195ef179dd12f726f34bf35780', class: "input-group" }, h("span", { key: '5ecc2e144e7fe9fde5a64e48d8b8471d446fdb5d', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '585da3cd389904d002a545c01b4322c9aa9ea74e', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'befed81330399d097413f8b769d01df6b315d707' }, h("div", { key: '570688783902a60e43689dc542e69008d52ee376', class: "form-group d-flex flex-column" }, h("label", { key: '0def0a1b40891a7f6ca3d8886e0b32197beab464', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '637edfe671dabaed1b82ce8f2b165ca2a574522b', name: this.name, helpText: this.helpText }), h("div", { key: '6b38281e577bfb6f8dfacc29574a3b0cb9183c56', class: "input-group" }, h("span", { key: '63d1f8596630e7f3922e02f099b9298ff83bb487', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'a23391ec4ede5bd11d7d2e552eac76544aa855ae', 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: '52a6fef8192278acb9a3eb854f5cea8834ed5d0f', 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: '5f8175edeff6bc80c9f2fb815d89205d69b413a3', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as IMask } from './index3.js';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -73,10 +73,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: 'df43b2ce1fa351d04852fbc8a93ee14eeacab874' }, h("div", { key: 'e3b22cde550073e8ccac88ce2f6a0533cae6d781', class: "form-group d-flex flex-column" }, h("div", { key: 'c42151be8f9311c197a972dd5d0c15e09b884690', class: "d-flex align-items-start gap-2" }, h("label", { key: '603866f6c5202290c07490a7a3303b1fce13e375', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '878b2797d1acb8030f5881c47f08c647e605b335', helpText: this.helpText })), h("input", { key: '04e22f86c574d85190c55ee828c4df02c4652b91', 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: '6da86dcebd7e427cce68d7b88d07b94daec26f21', 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: '57b6c4a907ae8089981faaf2359a8120963d875f', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { U as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
+import { V as inputInvalidAndFocused, e as inputFocused, c as inputInvalid, i as input, b as label } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
@@ -47,10 +47,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '26ec43555c6c49a66b7fd29db062825751d10f3c' }, h("div", { key: '71b2ff7d916ae362fe1aceeb7f88ec909667712a', class: 'form-group d-flex flex-column' }, h("label", { key: '9aad7dc52dbb560a86deb6f998d751fa022ccf4b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a0b66ff0650405de0e05d8324b4941478df8385b', 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: '891b76120f5985007ad9101379a818e9e095cb46', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '974fb8971bd4a369fb3dc838a2af03ca11d1f650', 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: '9d722992680b132f7139ea4ce210a199918f98dd', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fa70d63a82b6910f129e6657b2504af400875170', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { k as inputRadioInvalid, m as inputRadioCheckedFocused, n as inputRadioChecked, o as inputRadioFocused, p as inputRadio, l as label } from './parts.js';
+import { m as inputRadioInvalid, n as inputRadioCheckedFocused, o as inputRadioChecked, p as inputRadioFocused, q as inputRadio, b as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTMLElement {
@@ -34,10 +34,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '741a56d8e04d3458d6cf1b8986e998ca50d87e3b', class: 'form-group d-flex flex-column' }, h("div", { key: '6504ba678b74a6a45b41f167a67c21dda55fa9c8', class: "form-check" }, h("input", { key: '2ab6b254dc740ee553058dc0830616ba7b6dff01', 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: '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 })));
+            }, 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: '08950d0e13e5f19f7fcfbdd41f68820406dea53a', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b1af2e0e55896d6cfd4836a5a272e0c03bb3383f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '09126ab9b152f1c6908d85918cb9827b93173034', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as input, l as label, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { i as input, b as label, c as inputInvalid, d as inputDisabled, e as inputFocused } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -47,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '2ac056b6684397d4d15fdd740e1b6b0a2fcab9ba' }, h("div", { key: 'd39bc781ad4f60814c213dd655f45fc28fdd92f4', class: "form-group d-flex flex-column" }, h("div", { key: 'f18f1fe7772209b2736d7bb5dbc2a791b5c2a331', class: "d-flex align-items-start gap-2" }, h("label", { key: 'cd6421228020ec41d8aae8dc65d8af5adff88b34', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '8df3bee7bd8110a4d90a091566e4c18451a9a1d9', helpText: this.helpText })), h("select", { key: '9ac74e5291d4ebeeec621e3d50b7ec030ff259cc', 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: 'd54d9266ae88a5ef38a6adf85fbedad37b14ed5f', 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 watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label } from './parts.js';
+import { c as inputInvalid, d as inputDisabled, e as inputFocused, i as input, b as label } from './parts.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
 import './event-types.js';
@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '5ba787ceb003eaf5fcad45bf6ae26a68bdd7cceb' }, h("div", { key: '980775fd7a64832addc121753ccea21419721c0d', class: "form-group d-flex flex-column" }, h("div", { key: '01211e20d54ac84a75c1ff9a3a1a660675bae31a', class: "d-flex align-items-start gap-2" }, h("label", { key: 'fc5dcb4149f38e921f44642dbb509a0d599df6ad', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '705262faa2111568445a7593e125c07602f8e73a', helpText: this.helpText })), h("input", { key: 'd2ea69efb600493362abb12a5e309ddad85d470e', 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: '1ebb690623549e319972fe5ea0221966a9982cac', 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: 'c38896293fda5c445e24532521558fa24ad50c4a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
+import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, d as inputDisabled, i as input, b as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
@@ -46,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '8b45f46328cd09457814bf8d9f474a1f1f1b4384' }, h("div", { key: 'a10735e0d15b641d2ab79ca6930cb22e91c89147', class: "form-group d-flex flex-column" }, h("label", { key: 'fc72fe91f841c8fe1525eb87fc270492660d1932', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '237ec248e7c68d97dcb035984783347bb6eb1092', 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: '6af10143701fec60501ebc5bcbff614638d3c9a9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3a56898b53e89041e5947d3ffcd9f827a6b925fe', 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: 'e12fd273b27a74c07de1f043dc7cdb927c8b19d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5e0fec72f54ddde7e72c465f8c97fef2df0ef85', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { e as tooltipIcon, f as tooltip, g as tooltipInner } from './parts.js';
+import { f as tooltipIcon, g as tooltip, j as tooltipInner } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const TooltipComponent = /*@__PURE__*/ proxyCustomElement(class TooltipComponent extends HTMLElement {

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, l as formatDisplayDate } from './utils2.js';
+import { c as formatCurrency, m as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -585,7 +585,7 @@ class Color {
 }
 
 /*!
- * Chart.js v4.5.0
+ * Chart.js v4.5.1
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -2534,10 +2534,10 @@ function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
  * @returns True if the canvas context size or transformation has changed.
  */ function retinaScale(chart, forceRatio, forceStyle) {
     const pixelRatio = forceRatio || 1;
-    const deviceHeight = Math.floor(chart.height * pixelRatio);
-    const deviceWidth = Math.floor(chart.width * pixelRatio);
-    chart.height = Math.floor(chart.height);
-    chart.width = Math.floor(chart.width);
+    const deviceHeight = round1(chart.height * pixelRatio);
+    const deviceWidth = round1(chart.width * pixelRatio);
+    chart.height = round1(chart.height);
+    chart.width = round1(chart.width);
     const canvas = chart.canvas;
     // If no style has been set on the canvas, the render size is used as display size,
     // making the chart visually bigger, so let's enforce it to the "correct" values.
@@ -2682,7 +2682,7 @@ function getDatasetClipArea(chart, meta) {
 }
 
 /*!
- * Chart.js v4.5.0
+ * Chart.js v4.5.1
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -4416,19 +4416,24 @@ class DoughnutController extends DatasetController {
                 labels: {
                     generateLabels (chart) {
                         const data = chart.data;
+                        const { labels: { pointStyle , textAlign , color , useBorderRadius , borderRadius  }  } = chart.legend.options;
                         if (data.labels.length && data.datasets.length) {
-                            const { labels: { pointStyle , color  }  } = chart.legend.options;
                             return data.labels.map((label, i)=>{
                                 const meta = chart.getDatasetMeta(0);
                                 const style = meta.controller.getStyle(i);
                                 return {
                                     text: label,
                                     fillStyle: style.backgroundColor,
-                                    strokeStyle: style.borderColor,
                                     fontColor: color,
+                                    hidden: !chart.getDataVisibility(i),
+                                    lineDash: style.borderDash,
+                                    lineDashOffset: style.borderDashOffset,
+                                    lineJoin: style.borderJoinStyle,
                                     lineWidth: style.borderWidth,
+                                    strokeStyle: style.borderColor,
+                                    textAlign: textAlign,
                                     pointStyle: pointStyle,
-                                    hidden: !chart.getDataVisibility(i),
+                                    borderRadius: useBorderRadius && (borderRadius || style.borderRadius),
                                     index: i
                                 };
                             });
@@ -7272,18 +7277,22 @@ var registry = /* #__PURE__ */ new Registry();
 
 class PluginService {
     constructor(){
-        this._init = [];
+        this._init = undefined;
     }
  notify(chart, hook, args, filter) {
         if (hook === 'beforeInit') {
             this._init = this._createDescriptors(chart, true);
             this._notify(this._init, chart, 'install');
         }
+        if (this._init === undefined) {
+            return;
+        }
         const descriptors = filter ? this._descriptors(chart).filter(filter) : this._descriptors(chart);
         const result = this._notify(descriptors, chart, hook, args);
         if (hook === 'afterDestroy') {
             this._notify(descriptors, chart, 'stop');
             this._notify(this._init, chart, 'uninstall');
+            this._init = undefined;
         }
         return result;
     }
@@ -7726,7 +7735,7 @@ function needContext(proxy, names) {
     return false;
 }
 
-var version = "4.5.0";
+var version = "4.5.1";
 
 const KNOWN_POSITIONS = [
     'top',
@@ -11054,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: 'bf0ec4beb53d9dd307b6241348ad984ea73be9ec' }, this.loading && h(Spinner, { key: '6529c781452e90b082aea5551f3d0af266616729' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '4a711fdb941b44d536c452ff140db2bc98d84d7d' }, this.loading && h(Spinner, { key: 'e703263242576bc23d7be3015ec89b13faa12053' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/header-3.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { W as heading3 } from './parts.js';
+import { X as heading3 } from './parts.js';
 
 const Header3 = (props) => {
     return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);

package/dist/module/hidden-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 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';
+import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, i as input } from './parts.js';
 
 const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends HTMLElement {
     constructor(registerHost) {
@@ -78,7 +78,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '1058a3fea9276fe3f9eb3158365a839603e06532' }, h("input", { key: '856ad55446d13a3a8d935e90bbdba5a0ea77b706', 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: '3c8f4bc2dac1852fa61e372b0077bfb4883c3b31' }, h("input", { key: 'f53ad76227d125d411c85ef980a902d0d4e0f91d', 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],

package/dist/module/iframe-input2.js

@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { w as webcomponentsPackageJson } from './package.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state.js';
-import { U as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input, l as label } from './parts.js';
+import { V as inputInvalidAndFocused, c as inputInvalid, e as inputFocused, i as input, b as label } from './parts.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '0c3f4427120c3405bf47f60dd3bde638f0c3176e', class: "form-group d-flex flex-column" }, h("div", { key: '6ba2a62c8df9db7b01341ea06fbe1df25a87e604', style: {
+        return (h(Host, { key: '4782aa46a4967ef9097809122cfea52cf5845675', class: "form-group d-flex flex-column" }, h("div", { key: 'adf5212bb0a32d593fb9e5ea93a378a49a63ba5b', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, 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 => {
+            } }, h("label", { key: '309cb76edb80f3fca7264a5a1f2d2c8397c8b0f4', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '0f19c6d4f1851a6655e765f3ac021313c72ee106', 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: 'f0db24e9a41fc5bcb06d84f0b5c7d0a9adea87b1', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '2cb6be114be8cea65d880b6c21eacdf46052468c', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '0e0c98836f067f78af85e124a96dce7b39cf4b27', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {