@justifi/webcomponents 4.20.1 → 4.22.0

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

@@ -0,0 +1,160 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import { d as defineCustomElement$9, D as DisputeManagementClickEvents } from './counter-dispute.js';
+import { d as defineCustomElement$k } from './custom-popper2.js';
+import { d as defineCustomElement$j } from './form-control-date2.js';
+import { d as defineCustomElement$i } from './form-control-error-text2.js';
+import { d as defineCustomElement$h } from './form-control-file2.js';
+import { d as defineCustomElement$g } from './form-control-help-text2.js';
+import { d as defineCustomElement$f } from './form-control-radio2.js';
+import { d as defineCustomElement$e } from './form-control-text2.js';
+import { d as defineCustomElement$d } from './form-control-textarea2.js';
+import { d as defineCustomElement$c } from './form-control-tooltip2.js';
+import { d as defineCustomElement$b } from './additional-statement.js';
+import { d as defineCustomElement$a } from './cancellation-policy.js';
+import { d as defineCustomElement$8 } from './customer-details.js';
+import { d as defineCustomElement$7 } from './dispute-notification.js';
+import { d as defineCustomElement$6 } from './dispute-reason.js';
+import { d as defineCustomElement$5 } from './duplicate-charge.js';
+import { d as defineCustomElement$4 } from './electronic-evidence.js';
+import { d as defineCustomElement$3 } from './product-or-service.js';
+import { d as defineCustomElement$2 } from './refund-policy.js';
+import { d as defineCustomElement$1 } from './shipping-details.js';
+
+const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeManagementCore extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.submit = createEvent(this, "submit", 7);
+        this.showCounterDispute = false;
+    }
+    counterDisputeHandler(event) {
+        if (event.detail.name === DisputeManagementClickEvents.counterDispute) {
+            this.showCounterDispute = true;
+        }
+        if (event.detail.name === DisputeManagementClickEvents.cancelDispute) {
+            this.showCounterDispute = false;
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: 'cb4d87f38d2e577efaf8dfc088f272e05a158dcb' }, this.showCounterDispute ? h("justifi-counter-dispute", null) : h("justifi-dispute-notification", null)));
+    }
+}, [0, "justifi-dispute-management-core", {
+        "showCounterDispute": [32]
+    }, [[0, "clickEvent", "counterDisputeHandler"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-dispute-management-core", "custom-popper", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-radio", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-counter-dispute", "justifi-customer-details", "justifi-dispute-notification", "justifi-dispute-reason", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-dispute-management-core":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeManagementCore);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "justifi-additional-statement":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "justifi-cancellation-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-counter-dispute":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-customer-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-dispute-notification":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-dispute-reason":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-duplicate-charge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-electronic-evidence":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-product-or-service":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-refund-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-shipping-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DisputeManagementCore as D, defineCustomElement as d };

package/dist/module/dispute-notification.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotification extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.submit = createEvent(this, "submit", 7);
+        this.clickEvent = createEvent(this, "clickEvent", 7);
+    }
+    acceptDispute() {
+        // submit the dispute as forfeited, then emit submit event
+        this.submit.emit();
+    }
+    initiateCounterDispute() {
+        this.clickEvent.emit({ name: 'counterDispute' });
+    }
+    render() {
+        return (h("div", { key: 'e4d4de3446f6cd1b21fceb5b51bbbb912e2becbd' }, h("h1", { key: '4f6c5d36c498c4828f9234c02910f68f1563f683', class: "h4" }, "This payment was disputed"), h("p", { key: 'dd69d64f749dbd7ef3dee0c02121f7a4d5c43935' }, "The cardholder for this payment claims that the product was not received."), h("p", { key: '012671e73722cf571e2ffe9ec7268fc5a68211b8' }, "You can either counter the dispute by presenting proof of the product's delivery to or use by the cardholder, or you can choose to accept the dispute right away, refund the cardholder, and resolve the matter."), h("h2", { key: 'a305a609445a42ed31486089ee50fb6e826333e3', class: "h5" }, "Dispute details"), h("div", { key: 'c383e914b7f80d4899c9f9a161ede6ab19b0bb20', class: "d-table gap-2" }, h("div", { key: '3a17b05d7608bd3e85462e225829e540073a58c3', class: "d-table-row gap-2" }, h("span", { key: '26410fd189aede2ce647d80c17c5b1de81ae1e33', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'cf978f0256bca203c8ffba95b7d207f10354b154', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "$50.00")), h("div", { key: '2a84d71d53c8cd8fd55bd788dd8cf5f4390876fa', class: "d-table-row gap-2" }, h("span", { key: '196bc7ca8a74bcb63f72f979b1f219adedb1f19e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '46b8a0867cae071a1d929beb684930f59b7b6bfa', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "Product not received")), h("div", { key: '491e7f02249c12159a8488943659ba6bf2e27d71', class: "d-table-row gap-2" }, h("span", { key: '04af38ed973f99c2b1e7a82c64fc27ff87a01a15', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '8929ec9b7bb528d9b47851df29bd75e816018e70', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "dis_1234567890"))), h("div", { key: '2693379df3be7315ee7acf751af6c2eaeca56dcc', class: "d-flex gap-2 mt-4 justify-content-end" }, h("button", { key: '738f868f185f9bbf98d41306e8b260959b2295bd', class: "btn btn-secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h("button", { key: '83712ad248a0f8784b8b176c5620b531b21df50e', class: "btn btn-primary", onClick: () => this.initiateCounterDispute() }, "Counter dispute"))));
+    }
+}, [0, "justifi-dispute-notification"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-dispute-notification"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-dispute-notification":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeNotification);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DisputeNotification as D, defineCustomElement as d };

package/dist/module/dispute-reason.js

@@ -0,0 +1,45 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './form-control-error-text2.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-radio2.js';
+
+const DisputeReason = /*@__PURE__*/ proxyCustomElement(class DisputeReason extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: '012cc41aff83527468bbd2aa375c436876bc95ab', class: "row gy-3" }, h("div", { key: 'b52a68e86969e7f581e07b2d30b536a764778a7e', class: "col-12" }, h("h2", { key: '0c03884aef100c47a4b178b2da84a7c0c6ac7609', class: "h5" }, "Why are you countering this dispute?"), h("div", { key: 'f538c9bb9134bc57e69e9edce4087cef376634fa', class: "row gy-3" }, h("div", { key: '9c1f5e09e19d8d4830526bd2cf14c02c7b56d1f9', class: "col-12" }, h("form-control-radio", { key: 'f0498d4524db28040f460632165213b7756263b4', name: "disputeReason", label: "The cardholder withdrew the dispute", value: "reason1" }), h("form-control-radio", { key: 'c62c544f6099c3dccf5b34cb8a0db003496b370d', name: "disputeReason", label: "The cardholder received the product or service", value: "reason2" }), h("form-control-radio", { key: 'c3ea107bddf2a740612100bd67b99010fb2a345e', name: "disputeReason", label: "The cardholder was refunded", value: "reason3" }), h("form-control-radio", { key: 'd31e6a36cb3adc470809bfc92f48a7a13f0f8b03', name: "disputeReason", label: "The product, service, event or booking was cancelled or delayed due to a government order or other circumstances beyond your control", value: "reason4" }), h("form-control-radio", { key: '4dd304a181be479f7a1db6eb8e6882ce801915fb', name: "disputeReason", label: "Other", value: "reason5" }))))));
+    }
+}, [0, "justifi-dispute-reason"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-dispute-reason", "form-control-error-text", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-dispute-reason":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeReason);
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DisputeReason as D, defineCustomElement as d };

package/dist/module/duplicate-charge.js

@@ -0,0 +1,69 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { d as defineCustomElement$5 } from './form-control-file2.js';
+import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-textarea2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: 'b02f7b5b70969b8bf441266b368e8ddff43dd1e0' }, h("div", { key: 'f6fd012b8b477f4e2130872d0b43b85adad25fdd', class: "row gy-3" }, h("div", { key: '22f93a10a461f4e6e746b019861380c08bee9715', class: "col-12" }, h("h2", { key: 'fdcc6a3b8120bb3efa124e6bb79e96f5b444578a', class: "h5" }, "Duplicate Charge")), h("div", { key: '750890417b504f0477cf3359384c589f835847e5', class: "col-12" }, h("form-control-text", { key: 'e3d5f7886d8c6adea82f05a29ed45b41cd7db60e', label: "Original Payment ID", name: "duplicate_charge_original_payment_id" })), h("div", { key: 'd7c96b14fc113f70b88c24127edac5311323eb0a', class: "col-12" }, h("form-control-textarea", { key: '26fcb96b35087c948cbfd6a469a92ca7cdb86330', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation" })), h("div", { key: 'eadcc0457689882a1c19d18dd2898059d87547b0', class: "col-12" }, h("form-control-file", { key: 'f7aea8d759f94876bca6213de22cff28f8db8783', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation" })))));
+    }
+}, [0, "justifi-duplicate-charge"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-duplicate-charge", "custom-popper", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-duplicate-charge":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuplicateCharge);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DuplicateCharge as D, defineCustomElement as d };

package/dist/module/electronic-evidence.js

@@ -0,0 +1,63 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-error-text2.js';
+import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-textarea2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvidence extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: '9db83df31da31c0f2506636c3626bd7edfce8ee4' }, h("div", { key: '5d7ddc3e3a54efe160240d1996f405e4d3038ed6', class: "row gy-3" }, h("div", { key: 'ea60427980d5b149ab8df1490334fda670c1af42', class: "col-12" }, h("h2", { key: 'b50cbc7b5d48d62dc88c4c27c568f67d46ea212f', class: "h5" }, "Electronic Evidence")), h("div", { key: '523b2a97794e2772c74633bbda2926f339ad7797', class: "col-12" }, h("form-control-text", { key: 'f4769f6d1f3e175963fe7e8b547ae005866ba758', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase." })), h("div", { key: 'eb86f2c489bfaa93daa12fb126cff980249a16de', class: "col-12" }, h("form-control-textarea", { key: '7d5090db5478ec0ac38a68113a8786eca7e63549', label: "Activity Logs", name: "access_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." })))));
+    }
+}, [0, "justifi-electronic-evidence"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-electronic-evidence", "custom-popper", "form-control-error-text", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-electronic-evidence":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ElectronicEvidence);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { ElectronicEvidence as E, defineCustomElement as d };

package/dist/module/exported-parts.js

@@ -1,40 +1,7 @@
-import { h } from '@stencil/core/internal/client';
-
-const TableEmptyState = (props) => {
-    const { columnSpan, isEmpty } = props;
-    if (!columnSpan || !isEmpty) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
-};
-
-const TableErrorState = (props) => {
-    const { columnSpan, errorMessage } = props;
-    if (!columnSpan || !errorMessage) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
-            "An unexpected error occurred: ",
-            errorMessage)));
-};
-
-const TableLoadingState = (props) => {
-    const { columnSpan, isLoading } = props;
-    if (!columnSpan || !isLoading) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } },
-            h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" },
-                h("span", { class: "visually-hidden" }, "Loading...")))));
-};
-
 const tableExportedParts = `
 table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
 table-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,
 empty-state,pagination-bar,page-arrow,page-button,page-button-disabled,page-button-text
 `;
 
-export { TableLoadingState as T, TableEmptyState as a, TableErrorState as b, tableExportedParts as t };
+export { tableExportedParts as t };

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

@@ -32,7 +32,7 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: '831f46bc595cb8fa23a72011ab766a5b9d966a55', exportparts: "label,input,input-invalid" }, h("div", { key: 'f38808e7af411589847eefe3efd814cf70cabd22', class: 'form-group d-flex flex-column' }, h("div", { key: 'c2384d67aec366c9ebd87e2e28583d160757e548', class: "form-check" }, h("input", { key: '44f8f4eb68834dd180935bee1e738603bb202cb3', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-checkbox ${this.errorText ? 'input-checkbox-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled }), h("label", { key: 'e497dbac02a6a1ee9dfb2163821479f366482fc0', class: "form-check-label", htmlFor: this.name }, this.label)), h("form-control-help-text", { key: '07d0c510d2b2b3519e8ab429ff6cc744e75bd6fe', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2993d3a4f9956a7bd7d94265100bedd9b2488fef', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'c8edb4605eb989c6ace61a706eecdfaa2fdb312b', exportparts: "label,input,input-invalid" }, h("div", { key: '7e947fd7c2bb62d595b4573196c29e65c49a9fd2', class: 'form-group d-flex flex-column' }, h("div", { key: 'c436746afb9b635164d97787a2c016376293efe6', class: "form-check" }, h("input", { key: '1c49c239af1e8d40306ea9501811496fc4e4f363', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-checkbox ${this.errorText ? 'input-checkbox-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled }), h("label", { key: 'c84eedc7331cfb4beaa2dacef387179d0d7b3edc', class: "form-check-label", htmlFor: this.name }, this.label)), h("form-control-help-text", { key: 'e7b88e259c2e8cfb11fce667d35d44770baa3283', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'ed6dbbb0cab64fac7b9fdf3927cdca135dcaef88', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './custom-popper2.js';
 import { d as defineCustomElement$2 } from './form-control-error-text2.js';
-import { d as defineCustomElement$1 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLElement {
     constructor() {
@@ -10,9 +11,16 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.handleFormControlInput = (event) => {
             const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
+            const localValue = target.value;
+            if (this.filterTimeZone) {
+                const utcDate = this.convertToUTC(localValue);
+                this.inputHandler(this.name, utcDate);
+                this.formControlInput.emit({ name: this.name, value: utcDate });
+            }
+            else {
+                this.inputHandler(this.name, localValue);
+                this.formControlInput.emit({ name: this.name, value: localValue });
+            }
         };
         this.name = undefined;
         this.label = undefined;
@@ -21,18 +29,51 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         this.helpText = undefined;
         this.errorText = undefined;
         this.disabled = undefined;
+        this.filterTimeZone = false;
+        this.showTime = undefined;
+        this.maxDate = this.currentDate;
     }
     handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(newValue));
+        }
+        else {
+            this.updateInput(newValue);
+        }
+    }
+    get currentDate() {
+        if (!this.showTime) {
+            return new Date().toISOString().split('T')[0];
+        }
+        else {
+            return new Date().toISOString().slice(0, 16);
+        }
     }
     componentDidLoad() {
-        this.updateInput(this.defaultValue);
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(this.defaultValue));
+        }
+        else {
+            this.updateInput(this.defaultValue);
+        }
     }
     updateInput(value) {
         this.dateInput.value = value;
     }
+    convertToUTC(value) {
+        const dateObj = new Date(value);
+        return new Date(dateObj.toUTCString()).toISOString();
+    }
+    convertToLocal(value) {
+        if (!value)
+            return value;
+        const date = new Date(value);
+        // Adjust the date to the local timezone
+        const localDate = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
+        return this.showTime ? localDate.toISOString().slice(0, 16) : localDate.toISOString().split('T')[0];
+    }
     render() {
-        return (h(Host, { key: 'dfbfc1ea5d7139a1c1d30c7bd84b33a9c22604cf', exportparts: "label,input,input-invalid" }, h("label", { key: '99a01781ecd1421fa439ad08f77d3f750a55eaee', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'd8db68d8a62e0f982c3aa7d4bd3a5cf7c2681db3', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '1ee2ccdc1e409c5427e39efe2929b830960edce9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '1db50cca364b4d059dac37243cf83bb4b11459cd', errorText: this.errorText, name: this.name })));
+        return (h(Host, { key: 'd3fe13284d2f08b951f12d16ea6a56492864991e', exportparts: "label,input,input-invalid" }, h("div", { key: '4823a873c5a8851b094ae59869014ffc6e603328', class: "form-group d-flex flex-column" }, h("div", { key: 'c2205441e85bfe202ae80660eafb4a3f0bae3f82', class: "d-flex gap-2" }, h("label", { key: 'c82d9599db4f54b647bf930e2a44b2f82b07876c', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'b2d8b21a6dba7f4e093081eb274e02d4484198e1', helpText: this.helpText })), h("input", { key: '579063f27122ec31f3818d3168060e43c51c1889', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h("form-control-error-text", { key: '75b7361712bbc65683b19a40398fa5b111b8b39b', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -44,7 +85,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
-        "disabled": [4]
+        "disabled": [4],
+        "filterTimeZone": [4, "filter-time-zone"],
+        "showTime": [4, "show-time"],
+        "maxDate": [1, "max-date"]
     }, undefined, {
         "defaultValue": ["handleDefaultValueChange"]
     }]);
@@ -52,19 +96,24 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["form-control-date", "form-control-error-text", "form-control-help-text"];
+    const components = ["form-control-date", "custom-popper", "form-control-error-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "form-control-date":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, DateInput);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './custom-popper2.js';
 import { d as defineCustomElement$2 } from './form-control-error-text2.js';
-import { d as defineCustomElement$1 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLElement {
     constructor() {
@@ -39,7 +40,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.fileInput = this.el.querySelector('input');
     }
     render() {
-        return (h(Host, { key: 'ed29128c1c4c811aa030697347adb88e0143b031', exportparts: "label,input,input-invalid" }, h("div", { key: '6c924bdbbccae8e98a382a92e54c5b9c288de8d4', class: "form-group d-flex flex-column" }, h("label", { key: 'dbacccea94e39815737683495e3df83b514b79af', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a7eef53c9fff54eace8c6960b8c62a833d30bfa3', ref: (el) => this.fileInput = el, 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, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-help-text", { key: 'a5abacb92bdb3fb59d0a2265114e858540f2c4b7', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6eeeef347237d363d3bc6616d58f19a7f0be7e3c', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'd3928cd6013d8e1bd23921a3d73b57de3a3f4c8f', exportparts: "label,input,input-invalid" }, h("div", { key: '5c15b542801ed84a4bdd43b7a7cb8f9a70ab5016', class: "form-group d-flex flex-column" }, h("div", { key: '1636d3a16f0da8047361cbaa87423d35e042de40', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bfce95a71327cf8dd69aee4de8f1ff72c2ddcd97', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2f6167da52618938b39e3917332a74ac3c19aba0', helpText: this.helpText })), h("input", { key: '1b06c50ddb2c1bec731ceca89cc2a19a7329e3cd', ref: (el) => this.fileInput = el, 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, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: '0f38dc541504c11d49afda08f5531d9612e4911d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file", {
@@ -58,19 +59,24 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["form-control-file", "form-control-error-text", "form-control-help-text"];
+    const components = ["form-control-file", "custom-popper", "form-control-error-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "form-control-file":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, FileInput);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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

@@ -54,7 +54,7 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        return (h(Host, { key: '8797b3aa5c6a30f472d51e2b9437b6158b0566fc', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '0d3e068cf104aec3f6250f5cd6c00a9342928fe8', class: "form-group d-flex flex-column" }, h("label", { key: '0e86db7c0d981bdae74c51dd75bf5579d07b4793', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd', class: "input-group" }, h("span", { key: '83860eac764be9eeea31302d60525fb56af9dc1d', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: 'b8c655c0b8eeb6ec328eeaed651773c293aa3100', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'daefe97a15bde309c397a506de6cda9a0376323b', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2a65acfea8e79d22dd09c7c116d80b12a2f2a47c', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '166dfb5c261c21d58db1a0e17d8bae149834c149', class: "form-group d-flex flex-column" }, h("label", { key: '1980871936440222e2b711ba2953d7b6287bf080', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '4cfb60bf946fa7e745c93b391997218122c551a0', class: "input-group" }, h("span", { key: '711357a32f9dc1fef77359f15ec3167a468d0463', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: '2489cab2ecb61096f781d339363dad50404e3c67', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'f7e89f0830ca0f453b02595303a245691f448d55', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '61f03f0d09027237ab3f5c7979981ddc3dc4c916', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]