@everymatrix/player-account-controller-nd 1.56.0 → 1.56.2

package/stencil/{checkbox-group-input_9-B_RfUM6E.js → checkbox-group-input_9-DtZ9kvK4.js}

@@ -1,8 +1,8 @@
-import { r as re, c as H, h as c, g as ct } from "./index-92b64862-w9a1l35N.js";
+import { r as re, c as H, h as u, g as ut } from "./index-9cd44522-Cygpa4pV.js";
 import { t as k } from "./locale-BG_TzyDt.js";
 import { t as ae } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
-import { r as P, i as D, d as ut, D as Zi, a as pt, I as ei, h as G, T as Ie, b as $, c as er, e as tr, f as ti, g as ir, B as rr, E as Pe, j as K, C as Se, P as Y, k as ar, l as ii, m as ri, n as ai, o as ft, L as _t, F as si, p as ni, A as sr, q as mt, S as nr, s as oi, t as Ht, w as J, u as or, v as lr, x as oe, y as dr, z as Ve, G as te, H as pe, J as Ue, K as li, M as di, N as hi, O as vt, Q as ke, R as ze, U as tt, V as hr, W as cr, X as ur, Y as pr, Z as ci, _ as zt, $ as fr, a0 as ui, a1 as _r, a2 as mr, a3 as vr, a4 as it, a5 as gr, a6 as br, a7 as yr, a8 as wr } from "./vaadin-button-mixin-ef61174c-B_vhSFKU.js";
-P(
+import { r as S, i as D, d as ct, h as Q, T as Ie, a as $, B as Zi, E as Se, b as X, C as Pe, P as q, c as er, e as ei, I as ti, f as pt, L as ft, D as tr, g as mt, j as ii, F as ri, k as ai, A as ir, l as rr, m as ar, n as _t, S as sr, o as si, p as ni, q as oi, s as nr, t as Ht, w as K, u as or, v as lr, x as dr, y as hr, z as oe, G as ur, H as Ve, J as ee, K as pe, M as Ye, N as li, O as di, Q as vt, R as hi, U as tt, V as cr, W as ze, X as Te, Y as pr, Z as fr, _ as mr, $ as ui, a0 as zt, a1 as it, a2 as _r, a3 as vr, a4 as gr, a5 as yr, a6 as br, a7 as ci, a8 as wr } from "./vaadin-button-mixin-e8c3f355-DON-rAuy.js";
+S(
   "vaadin-checkbox",
   D`
     :host {
@@ -316,8 +316,8 @@ P(
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const xr = ut(
-  (a) => class extends Zi(pt(ei(a))) {
+const xr = ct(
+  (a) => class extends tr(mt(ii(a))) {
     static get properties() {
       return {
         /**
@@ -328,8 +328,7 @@ const xr = ut(
           type: Boolean,
           value: !1,
           notify: !0,
-          reflectToAttribute: !0,
-          sync: !0
+          reflectToAttribute: !0
         }
       };
     }
@@ -356,7 +355,7 @@ const xr = ut(
  * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Cr = (a) => class extends si(xr(ni(sr(a)))) {
+const Cr = (a) => class extends ri(xr(ai(ir(a)))) {
   static get properties() {
     return {
       /**
@@ -424,10 +423,10 @@ const Cr = (a) => class extends si(xr(ni(sr(a)))) {
   /** @protected */
   ready() {
     super.ready(), this.addController(
-      new ft(this, (e) => {
+      new pt(this, (e) => {
         this._setInputElement(e), this._setFocusElement(e), this.stateTarget = e, this.ariaTarget = e;
       })
-    ), this.addController(new _t(this.inputElement, this._labelController)), this._createMethodObserver("_checkedChanged(checked)");
+    ), this.addController(new ft(this.inputElement, this._labelController)), this._createMethodObserver("_checkedChanged(checked)");
   }
   /**
    * Override method inherited from `ActiveMixin` to prevent setting `active`
@@ -492,11 +491,11 @@ const Cr = (a) => class extends si(xr(ni(sr(a)))) {
    * @protected
    */
   _setFocused(e) {
-    super._setFocused(e), !e && document.hasFocus() && this._requestValidation();
+    super._setFocused(e), !e && document.hasFocus() && this.validate();
   }
   /** @private */
   _checkedChanged(e) {
-    (e || this.__oldChecked) && this._requestValidation(), this.__oldChecked = e;
+    (e || this.__oldChecked) && this.validate(), this.__oldChecked = e;
   }
   /**
    * Override an observer from `FieldMixin`
@@ -506,7 +505,7 @@ const Cr = (a) => class extends si(xr(ni(sr(a)))) {
    * @override
    */
   _requiredChanged(e) {
-    super._requiredChanged(e), e === !1 && this._requestValidation();
+    super._requiredChanged(e), e === !1 && this.validate();
   }
   /** @private */
   _onRequiredIndicatorClick() {
@@ -617,13 +616,13 @@ const kr = D`
  * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-P("vaadin-checkbox", kr, { moduleId: "vaadin-checkbox-styles" });
-class Tr extends Cr(Pe(K(Y))) {
+S("vaadin-checkbox", kr, { moduleId: "vaadin-checkbox-styles" });
+class Tr extends Cr(Se(X(q))) {
   static get is() {
     return "vaadin-checkbox";
   }
   static get template() {
-    return G`
+    return Q`
       <div class="vaadin-checkbox-container">
         <div part="checkbox" aria-hidden="true"></div>
         <slot name="input"></slot>
@@ -691,7 +690,7 @@ const Dr = D`
     }
   }
 `;
-P("vaadin-checkbox-group", [er, tr, Dr], {
+S("vaadin-checkbox-group", [rr, ar, Dr], {
   moduleId: "lumo-checkbox-group"
 });
 /**
@@ -699,7 +698,7 @@ P("vaadin-checkbox-group", [er, tr, Dr], {
  * Copyright (c) 2018 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Ir = (a) => class extends si(mt(pt(a))) {
+const Ir = (a) => class extends ri(_t(mt(a))) {
   static get properties() {
     return {
       /**
@@ -754,7 +753,7 @@ const Ir = (a) => class extends si(mt(pt(a))) {
   ready() {
     super.ready(), this.ariaTarget = this, this.setAttribute("role", "group");
     const e = this.shadowRoot.querySelector("slot:not([name])");
-    this._observer = new nr(e, ({ addedNodes: t, removedNodes: r }) => {
+    this._observer = new sr(e, ({ addedNodes: t, removedNodes: r }) => {
       const s = this.__filterCheckboxes(t), n = this.__filterCheckboxes(r);
       s.forEach(this.__registerCheckbox), n.forEach(this.__unregisterCheckbox);
       const o = this.__checkboxes.map((l) => l.inputElement);
@@ -851,7 +850,7 @@ const Ir = (a) => class extends si(mt(pt(a))) {
   __valueChanged(e, t) {
     e && e.length === 0 && t === void 0 || (this.toggleAttribute("has-value", e && e.length > 0), this.__checkboxes.forEach((r) => {
       r.checked = e && e.includes(r.value);
-    }), t !== void 0 && this._requestValidation());
+    }), t !== void 0 && this.validate());
   }
   /** @private */
   __readonlyChanged(e, t) {
@@ -880,7 +879,7 @@ const Ir = (a) => class extends si(mt(pt(a))) {
    * @protected
    */
   _setFocused(e) {
-    super._setFocused(e), !e && document.hasFocus() && this._requestValidation();
+    super._setFocused(e), !e && document.hasFocus() && this.validate();
   }
 };
 /**
@@ -888,7 +887,7 @@ const Ir = (a) => class extends si(mt(pt(a))) {
  * Copyright (c) 2018 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Pr = D`
+const Sr = D`
   :host {
     display: inline-flex;
   }
@@ -923,13 +922,13 @@ const Pr = D`
  * Copyright (c) 2018 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-P("vaadin-checkbox-group", Pr, { moduleId: "vaadin-checkbox-group-styles" });
-class Sr extends Ir(Pe(K(Y))) {
+S("vaadin-checkbox-group", Sr, { moduleId: "vaadin-checkbox-group-styles" });
+class Pr extends Ir(Se(X(q))) {
   static get is() {
     return "vaadin-checkbox-group";
   }
   static get template() {
-    return G`
+    return Q`
       <div class="vaadin-group-field-container">
         <div part="label">
           <slot name="label"></slot>
@@ -953,13 +952,16 @@ class Sr extends Ir(Pe(K(Y))) {
     `;
   }
 }
-$(Sr);
-const Er = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin-checkbox-group{margin-top:5px;margin-left:40px}.checkboxgroup{font-family:"Roboto";font-style:normal;font-size:15px}.checkboxgroup__wrapper{position:relative}.checkboxgroup__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.checkboxgroup__wrapper--relative{position:relative;display:inline}.checkboxgroup__input{vertical-align:baseline}.checkboxgroup__input[indeterminate]::part(checkbox)::after,.checkboxgroup__input[indeterminate]::part(checkbox),.checkboxgroup__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkboxgroup__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;padding-left:10px;vertical-align:baseline}.checkboxgroup__label-text{font-size:16px}.checkboxgroup__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkboxgroup__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkboxgroup__tooltip-icon{width:16px;height:auto}.checkboxgroup__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkboxgroup__tooltip.visible{opacity:1}.checkbox__input::part(checkbox){background-color:var(--emw--color-white, #FFFFFF)}.checkbox__input[indeterminate]::part(checkbox),.checkbox__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}', Or = Er, Mr = class {
+$(Pr);
+const Er = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin-checkbox-group{margin-top:5px;margin-left:40px}.checkboxgroup{font-family:"Roboto";font-style:normal;font-size:15px}.checkboxgroup__wrapper{position:relative}.checkboxgroup__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.checkboxgroup__wrapper--relative{position:relative;display:inline}.checkboxgroup__input{vertical-align:baseline}.checkboxgroup__input[indeterminate]::part(checkbox)::after,.checkboxgroup__input[indeterminate]::part(checkbox),.checkboxgroup__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkboxgroup__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;padding-left:10px;vertical-align:baseline}.checkboxgroup__label-text{font-size:16px}.checkboxgroup__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkboxgroup__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkboxgroup__tooltip-icon{width:16px;height:auto}.checkboxgroup__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkboxgroup__tooltip.visible{opacity:1}.checkbox__input::part(checkbox){background-color:var(--emw--color-white, #FFFFFF)}.checkbox__input[indeterminate]::part(checkbox),.checkbox__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}', Mr = Er, Or = class {
   constructor(a) {
-    re(this, a), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.defaultValue = "", this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.selectedValues = [], this.value = null, this.setClientStyling = () => {
+    re(this, a), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.value = null, this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.autofilled = void 0, this.tooltip = void 0, this.options = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.selectedValues = [];
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value, type: "checkboxgroup" });
@@ -993,37 +995,41 @@ const Er = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin
       return k("requiredError", this.language);
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `checkboxgroup__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `checkboxgroup__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   handleParentCheckbox(a) {
     this.selectedValues = a.target.checked ? this.options.map((i) => i.name) : [];
   }
   renderLabel() {
-    return c("label", { class: "checkbox__label", htmlFor: `${this.name}__input`, slot: "label" }, c("div", { class: "checkbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
+    return u("label", { class: "checkbox__label", htmlFor: `${this.name}__input`, slot: "label" }, u("div", { class: "checkbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
   }
   render() {
-    return c("div", { key: "fa45026502fd8d46aa537aee03210ad68d30e577", class: `checkboxgroup__wrapper  ${this.name}__input`, ref: (a) => this.stylingContainer = a }, c("div", { key: "15ded4fd896920c6244806e49f300c124c27186d", class: "checkboxgroup__wrapper--flex" }, c("vaadin-checkbox", { key: "d7eaa205877f8f12c9ef7d4f77018665806f5c7c", class: "checkbox__input", checked: this.selectedValues.length === this.options.length || this.defaultValue === "true", indeterminate: this.selectedValues.length > 0 && this.selectedValues.length < this.options.length, onChange: (a) => this.handleParentCheckbox(a) }, this.renderLabel()), this.tooltip && c("img", { key: "aca39ed398415a6e2cef861be40dad33e0398759", class: "checkboxgroup__tooltip-icon", src: ae, alt: "", ref: (a) => this.tooltipIconReference = a, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), c("small", { key: "a1a6e1c3c02edcca572b8826ffba06835ca451c3", class: "checkboxgroup__error-message" }, this.errorMessage), c("vaadin-checkbox-group", { key: "9f5f8a945e4ba13d7d0da6d362c15d00a7796b71", theme: "vertical", value: this.selectedValues, "on-value-changed": (a) => {
+    return u("div", { key: "c25b0a1ac187ea0abf1fe8c69d584eee00568177", class: `checkboxgroup__wrapper  ${this.name}__input`, ref: (a) => this.stylingContainer = a }, u("div", { key: "daf512e7f98d20bae65e43ab869e45babc008e90", class: "checkboxgroup__wrapper--flex" }, u("vaadin-checkbox", { key: "08e31269cf2ace61c4c929a6a597486555667197", class: "checkbox__input", checked: this.selectedValues.length === this.options.length || this.defaultValue === "true", indeterminate: this.selectedValues.length > 0 && this.selectedValues.length < this.options.length, onChange: (a) => this.handleParentCheckbox(a) }, this.renderLabel()), this.tooltip && u("img", { key: "ed4c3efd6b7e30ae0b68de11093b8faf2cb0a845", class: "checkboxgroup__tooltip-icon", src: ae, alt: "", ref: (a) => this.tooltipIconReference = a, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), u("small", { key: "5b95c4059a2de898c04bf147e89c5a2ad035dddf", class: "checkboxgroup__error-message" }, this.errorMessage), u("vaadin-checkbox-group", { key: "2b73ac73d52c6185358e50eda4c9706643f55384", theme: "vertical", value: this.selectedValues, "on-value-changed": (a) => {
       this.selectedValues = a.detail.value;
-    } }, this.options.map((a) => c("vaadin-checkbox", { class: "checkbox__input", name: a.name, value: a.name, label: a.displayName }))));
+    } }, this.options.map((a) => u("vaadin-checkbox", { class: "checkbox__input", name: a.name, value: a.name, label: a.displayName }))));
   }
   get element() {
-    return ct(this);
+    return ut(this);
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       selectedValues: ["setValue"],
       emitValue: ["emitValueHandler"]
     };
   }
 };
-Mr.style = Or;
+Or.style = Mr;
 const Vr = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.checkbox{font-family:"Roboto";font-style:normal}.checkbox__wrapper{display:flex;gap:10px;position:relative;align-items:baseline}.checkbox__wrapper--relative{position:relative}.checkbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.checkbox__label-text{font-size:16px}.checkbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkbox__tooltip-icon{width:16px;height:auto}.checkbox__tooltip{position:absolute;top:0;right:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkbox__tooltip.visible{opacity:1}', Fr = Vr, Ar = class {
   constructor(a) {
-    re(this, a), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.defaultValue = "", this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.value = "", this.setClientStyling = () => {
+    re(this, a), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.value = "", this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.autofilled = void 0, this.tooltip = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
@@ -1057,16 +1063,17 @@ const Vr = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.check
       return k("requiredError", this.language);
   }
   renderLabel() {
-    return c("label", { class: "checkbox__label", htmlFor: `${this.name}__input` }, c("div", { class: "checkbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
+    return u("label", { class: "checkbox__label", htmlFor: `${this.name}__input` }, u("div", { class: "checkbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `checkbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `checkbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   render() {
-    return c("div", { key: "0aae00d291d1da02adae1bc91e79ccd579aa5c7f", class: `checkbox__wrapper  ${this.name}__input`, ref: (a) => this.stylingContainer = a }, c("input", { key: "4b8c61d322b5065d8abe4e2687e270511fadc97f", class: "checkbox__input", type: "checkbox", id: `${this.name}__input`, ref: (a) => this.inputReference = a, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel(), c("small", { key: "934263cb58a0d379e8b7dc1f5004ad7e61c63ce0", class: "checkbox__error-message" }, this.errorMessage), c("div", { key: "88cc71329d88b6325d792226e64ff7f93e940178", class: "checkbox__wrapper--relative" }, this.tooltip && c("img", { key: "3708dc613dc920bac6557f2a8020bbafd97d9127", class: "checkbox__tooltip-icon", src: ae, alt: "", ref: (a) => this.tooltipIconReference = a, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()));
+    return u("div", { key: "8c80c955bb052558165a4c5b1020d0582ed0af36", class: `checkbox__wrapper  ${this.name}__input`, ref: (a) => this.stylingContainer = a }, u("input", { key: "89401d543cb30b72ec614b0cd4e95b2e82b2522d", class: "checkbox__input", type: "checkbox", id: `${this.name}__input`, ref: (a) => this.inputReference = a, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel(), u("small", { key: "d007d8c02dd014a363e2fcc1a0e8df6ffda34bcb", class: "checkbox__error-message" }, this.errorMessage), u("div", { key: "c511c07684173359663d4907371efb82289f0433", class: "checkbox__wrapper--relative" }, this.tooltip && u("img", { key: "dd263ce86efd89f34078f3cc24729f43f40e89a6", class: "checkbox__tooltip-icon", src: ae, alt: "", ref: (a) => this.tooltipIconReference = a, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()));
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       emitValue: ["emitValueHandler"]
     };
@@ -1144,13 +1151,13 @@ const gt = D`
     }
   }
 `;
-P("", gt, { moduleId: "lumo-overlay" });
+S("", gt, { moduleId: "lumo-overlay" });
 /**
  * @license
  * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const bt = D`
+const yt = D`
   :host([opening]),
   :host([closing]) {
     animation: 0.14s lumo-overlay-dummy-animation;
@@ -1181,7 +1188,7 @@ const bt = D`
     }
   }
 `;
-P("", bt, { moduleId: "lumo-menu-overlay-core" });
+S("", yt, { moduleId: "lumo-menu-overlay-core" });
 const Hr = D`
   /* Small viewport (bottom sheet) styles */
   /* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
@@ -1244,8 +1251,8 @@ const Hr = D`
       transform: translateY(150%);
     }
   }
-`, pi = [gt, bt, Hr];
-P("", pi, { moduleId: "lumo-menu-overlay" });
+`, pi = [gt, yt, Hr];
+S("", pi, { moduleId: "lumo-menu-overlay" });
 const zr = D`
   [part='overlay'] {
     /*
@@ -1292,10 +1299,10 @@ const zr = D`
     }
   }
 `;
-P("vaadin-date-picker-overlay", [pi, zr], {
+S("vaadin-date-picker-overlay", [pi, zr], {
   moduleId: "lumo-date-picker-overlay"
 });
-P(
+S(
   "vaadin-date-picker-year",
   D`
     :host([current]) [part='year-number'] {
@@ -1324,7 +1331,7 @@ P(
   `,
   { moduleId: "lumo-date-picker-year" }
 );
-P(
+S(
   "vaadin-date-picker-overlay-content",
   D`
     :host {
@@ -1479,7 +1486,7 @@ P(
   `,
   { moduleId: "lumo-date-picker-overlay-content" }
 );
-P(
+S(
   "vaadin-month-calendar",
   D`
     :host {
@@ -1654,7 +1661,7 @@ const Lr = D`
     --_lumo-text-field-overflow-mask-image: none;
   }
 `;
-P("vaadin-date-picker", [ti, Lr], { moduleId: "lumo-date-picker" });
+S("vaadin-date-picker", [si, Lr], { moduleId: "lumo-date-picker" });
 /**
  * @license
  * Copyright (c) 2017 - 2024 Vaadin Ltd.
@@ -1729,23 +1736,23 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
-let rt = !1, Rr = [], _i = [];
+let rt = !1, Rr = [], mi = [];
 function Br() {
   rt = !0, requestAnimationFrame(function() {
     rt = !1, Nr(Rr), setTimeout(function() {
-      $r(_i);
+      $r(mi);
     });
   });
 }
 function Nr(a) {
   for (; a.length; )
-    mi(a.shift());
+    _i(a.shift());
 }
 function $r(a) {
   for (let i = 0, e = a.length; i < e; i++)
-    mi(a.shift());
+    _i(a.shift());
 }
-function mi(a) {
+function _i(a) {
   const i = a[0], e = a[1], t = a[2];
   try {
     e.apply(i, t);
@@ -1756,17 +1763,17 @@ function mi(a) {
   }
 }
 function vi(a, i, e) {
-  rt || Br(), _i.push([a, i, e]);
+  rt || Br(), mi.push([a, i, e]);
 }
 /**
  * @license
  * Copyright (c) 2017 Anton Korzunov
  * SPDX-License-Identifier: MIT
  */
-let ce = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap(), Ae = {}, Qe = 0;
+let ue = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap(), Ae = {}, Qe = 0;
 const Lt = (a) => a && a.nodeType === Node.ELEMENT_NODE, Ge = (...a) => {
   console.error(`Error: ${a.join(" ")}. Skip setting aria-hidden.`);
-}, qr = (a, i) => Lt(a) ? i.map((e) => {
+}, Ur = (a, i) => Lt(a) ? i.map((e) => {
   if (!Lt(e))
     return Ge(e, "is not a valid element"), null;
   let t = e;
@@ -1776,8 +1783,8 @@ const Lt = (a) => a && a.nodeType === Node.ELEMENT_NODE, Ge = (...a) => {
     t = t.getRootNode().host;
   }
   return Ge(e, "is not contained inside", a), null;
-}).filter((e) => !!e) : (Ge(a, "is not a valid element"), []), Ur = (a, i, e, t) => {
-  const r = qr(i, Array.isArray(a) ? a : [a]);
+}).filter((e) => !!e) : (Ge(a, "is not a valid element"), []), Yr = (a, i, e, t) => {
+  const r = Ur(i, Array.isArray(a) ? a : [a]);
   Ae[e] || (Ae[e] = /* @__PURE__ */ new WeakMap());
   const s = Ae[e], n = [], o = /* @__PURE__ */ new Set(), l = new Set(r), d = (h) => {
     if (!h || o.has(h))
@@ -1791,32 +1798,32 @@ const Lt = (a) => a && a.nodeType === Node.ELEMENT_NODE, Ge = (...a) => {
     if (!h || l.has(h))
       return;
     const m = h.shadowRoot;
-    (m ? [...h.children, ...m.children] : [...h.children]).forEach((b) => {
-      if (!["template", "script", "style"].includes(b.localName))
-        if (o.has(b))
-          f(b);
+    (m ? [...h.children, ...m.children] : [...h.children]).forEach((y) => {
+      if (!["template", "script", "style"].includes(y.localName))
+        if (o.has(y))
+          f(y);
         else {
-          const R = b.getAttribute(t), z = R !== null && R !== "false", B = (ce.get(b) || 0) + 1, S = (s.get(b) || 0) + 1;
-          ce.set(b, B), s.set(b, S), n.push(b), B === 1 && z && Fe.set(b, !0), S === 1 && b.setAttribute(e, "true"), z || b.setAttribute(t, "true");
+          const R = y.getAttribute(t), z = R !== null && R !== "false", B = (ue.get(y) || 0) + 1, P = (s.get(y) || 0) + 1;
+          ue.set(y, B), s.set(y, P), n.push(y), B === 1 && z && Fe.set(y, !0), P === 1 && y.setAttribute(e, "true"), z || y.setAttribute(t, "true");
         }
     });
   };
   return f(i), o.clear(), Qe += 1, () => {
     n.forEach((h) => {
-      const m = ce.get(h) - 1, _ = s.get(h) - 1;
-      ce.set(h, m), s.set(h, _), m || (Fe.has(h) ? Fe.delete(h) : h.removeAttribute(t)), _ || h.removeAttribute(e);
-    }), Qe -= 1, Qe || (ce = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap(), Ae = {});
+      const m = ue.get(h) - 1, g = s.get(h) - 1;
+      ue.set(h, m), s.set(h, g), m || (Fe.has(h) ? Fe.delete(h) : h.removeAttribute(t)), g || h.removeAttribute(e);
+    }), Qe -= 1, Qe || (ue = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap(), Ae = {});
   };
 }, gi = (a, i = document.body, e = "data-aria-hidden") => {
   const t = Array.from(Array.isArray(a) ? a : [a]);
-  return i && t.push(...Array.from(i.querySelectorAll("[aria-live]"))), Ur(t, i, e, "aria-hidden");
+  return i && t.push(...Array.from(i.querySelectorAll("[aria-live]"))), Yr(t, i, e, "aria-hidden");
 };
 /**
  * @license
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-class Yr {
+class qr {
   /**
    * @param {HTMLElement} host
    */
@@ -1899,7 +1906,7 @@ class jr {
    */
   get __focusedElementIndex() {
     const i = this.__focusableElements;
-    return i.indexOf(i.filter(ci).pop());
+    return i.indexOf(i.filter(ui).pop());
   }
   hostConnected() {
     document.addEventListener("keydown", this.__onKeyDown);
@@ -1972,7 +1979,7 @@ class jr {
  * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Qr = (a) => class extends Se(a) {
+const Qr = (a) => class extends Pe(a) {
   static get properties() {
     return {
       /**
@@ -2003,7 +2010,7 @@ const Qr = (a) => class extends Se(a) {
     };
   }
   constructor() {
-    super(), this.__ariaModalController = new Yr(this), this.__focusTrapController = new jr(this), this.__focusRestorationController = new Wr();
+    super(), this.__ariaModalController = new qr(this), this.__focusTrapController = new jr(this), this.__focusRestorationController = new Wr();
   }
   /** @protected */
   ready() {
@@ -2074,7 +2081,7 @@ const Qr = (a) => class extends Se(a) {
  * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const bi = () => Array.from(document.body.children).filter((a) => a instanceof HTMLElement && a._hasOverlayStackMixin && !a.hasAttribute("closing")).sort((a, i) => a.__zIndex - i.__zIndex || 0), at = () => bi().filter((a) => a.$.overlay), Gr = (a) => a === at().pop(), Xr = (a) => class extends a {
+const yi = () => Array.from(document.body.children).filter((a) => a instanceof HTMLElement && a._hasOverlayStackMixin && !a.hasAttribute("closing")).sort((a, i) => a.__zIndex - i.__zIndex || 0), at = () => yi().filter((a) => a.$.overlay), Gr = (a) => a === at().pop(), Xr = (a) => class extends a {
   constructor() {
     super(), this._hasOverlayStackMixin = !0;
   }
@@ -2092,7 +2099,7 @@ const bi = () => Array.from(document.body.children).filter((a) => a instanceof H
    */
   bringToFront() {
     let e = "";
-    const t = bi().filter((r) => r !== this).pop();
+    const t = yi().filter((r) => r !== this).pop();
     t && (e = t.__zIndex + 1), this.style.zIndex = e, this.__zIndex = e || parseFloat(getComputedStyle(this).zIndex);
   }
   /** @protected */
@@ -2115,7 +2122,7 @@ const bi = () => Array.from(document.body.children).filter((a) => a instanceof H
  * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const yi = (a) => class extends Qr(Xr(a)) {
+const bi = (a) => class extends Qr(Xr(a)) {
   static get properties() {
     return {
       /**
@@ -2125,23 +2132,20 @@ const yi = (a) => class extends Qr(Xr(a)) {
         type: Boolean,
         notify: !0,
         observer: "_openedChanged",
-        reflectToAttribute: !0,
-        sync: !0
+        reflectToAttribute: !0
       },
       /**
        * Owner element passed with renderer function
        * @type {HTMLElement}
        */
       owner: {
-        type: Object,
-        sync: !0
+        type: Object
       },
       /**
        * Object with properties that is passed to `renderer` function
        */
       model: {
-        type: Object,
-        sync: !0
+        type: Object
       },
       /**
        * Custom function for rendering the content of the overlay.
@@ -2153,8 +2157,7 @@ const yi = (a) => class extends Qr(Xr(a)) {
        * @type {OverlayRenderer | null | undefined}
        */
       renderer: {
-        type: Object,
-        sync: !0
+        type: Object
       },
       /**
        * When true the overlay won't disable the main content, showing
@@ -2165,8 +2168,7 @@ const yi = (a) => class extends Qr(Xr(a)) {
         type: Boolean,
         value: !1,
         reflectToAttribute: !0,
-        observer: "_modelessChanged",
-        sync: !0
+        observer: "_modelessChanged"
       },
       /**
        * When set to true, the overlay is hidden. This also closes the overlay
@@ -2176,8 +2178,7 @@ const yi = (a) => class extends Qr(Xr(a)) {
       hidden: {
         type: Boolean,
         reflectToAttribute: !0,
-        observer: "_hiddenChanged",
-        sync: !0
+        observer: "_hiddenChanged"
       },
       /**
        * When true the overlay has backdrop on top of content when opened.
@@ -2186,8 +2187,7 @@ const yi = (a) => class extends Qr(Xr(a)) {
       withBackdrop: {
         type: Boolean,
         value: !1,
-        reflectToAttribute: !0,
-        sync: !0
+        reflectToAttribute: !0
       }
     };
   }
@@ -2195,7 +2195,7 @@ const yi = (a) => class extends Qr(Xr(a)) {
     return ["_rendererOrDataChanged(renderer, owner, model, opened)"];
   }
   constructor() {
-    super(), this._boundMouseDownListener = this._mouseDownListener.bind(this), this._boundMouseUpListener = this._mouseUpListener.bind(this), this._boundOutsideClickListener = this._outsideClickListener.bind(this), this._boundKeydownListener = this._keydownListener.bind(this), hi && (this._boundIosResizeListener = () => this._detectIosNavbar());
+    super(), this._boundMouseDownListener = this._mouseDownListener.bind(this), this._boundMouseUpListener = this._mouseUpListener.bind(this), this._boundOutsideClickListener = this._outsideClickListener.bind(this), this._boundKeydownListener = this._keydownListener.bind(this), ni && (this._boundIosResizeListener = () => this._detectIosNavbar());
   }
   /** @protected */
   ready() {
@@ -2399,19 +2399,19 @@ function Kr(a, i) {
     const { left: l, top: d, width: f, height: h } = a.getBoundingClientRect();
     if (n || i(), !f || !h)
       return;
-    const m = Math.floor(d), _ = Math.floor(t.clientWidth - (l + f)), b = Math.floor(t.clientHeight - (d + h)), R = Math.floor(l), B = {
-      rootMargin: `${-m}px ${-_}px ${-b}px ${-R}px`,
+    const m = Math.floor(d), g = Math.floor(t.clientWidth - (l + f)), y = Math.floor(t.clientHeight - (d + h)), R = Math.floor(l), B = {
+      rootMargin: `${-m}px ${-g}px ${-y}px ${-R}px`,
       threshold: Math.max(0, Math.min(1, o)) || 1
     };
-    let S = !0;
-    function W(X) {
-      let q = X[0].intersectionRatio;
-      if (q !== o) {
-        if (!S)
+    let P = !0;
+    function W(G) {
+      let U = G[0].intersectionRatio;
+      if (U !== o) {
+        if (!P)
           return s();
-        q === 0 && (q = 1e-7), s(!1, q);
+        U === 0 && (U = 1e-7), s(!1, U);
       }
-      S = !1;
+      P = !1;
     }
     e = new IntersectionObserver(W, B), e.observe(a);
   }
@@ -2533,7 +2533,7 @@ const Ke = {
   }
   /** @private */
   __addUpdatePositionEventListeners() {
-    window.visualViewport.addEventListener("resize", this._updatePosition), window.visualViewport.addEventListener("scroll", this.__onScroll, !0), this.__positionTargetAncestorRootNodes = fr(this.positionTarget), this.__positionTargetAncestorRootNodes.forEach((e) => {
+    window.visualViewport.addEventListener("resize", this._updatePosition), window.visualViewport.addEventListener("scroll", this.__onScroll, !0), this.__positionTargetAncestorRootNodes = _r(this.positionTarget), this.__positionTargetAncestorRootNodes.forEach((e) => {
       e.addEventListener("scroll", this.__onScroll, !0);
     }), this.positionTarget && (this.__observePositionTargetMove = Kr(this.positionTarget, () => {
       this._updatePosition();
@@ -2620,8 +2620,8 @@ const Ke = {
   }
   // eslint-disable-next-line @typescript-eslint/max-params
   __shouldAlignStart(e, t, r, s, n, o, l) {
-    const d = r - e[o ? l.end : l.start] - s[l.end], f = e[o ? l.start : l.end] - s[l.start], h = n ? d : f, _ = h > (n ? f : d) || h > t;
-    return n === _;
+    const d = r - e[o ? l.end : l.start] - s[l.end], f = e[o ? l.start : l.end] - s[l.start], h = n ? d : f, g = h > (n ? f : d) || h > t;
+    return n === g;
   }
   /**
    * Returns an adjusted value after resizing the browser window,
@@ -2657,9 +2657,9 @@ const Ke = {
    */
   // eslint-disable-next-line @typescript-eslint/max-params
   __calculatePositionInOneDimension(e, t, r, s, n, o) {
-    const l = o ? s.start : s.end, d = o ? s.end : s.start, f = parseFloat(n.style[l] || getComputedStyle(n)[l]), h = this.__adjustBottomProperty(l, s, f), m = t[o ? s.start : s.end] - e[r === o ? s.end : s.start], _ = h ? `${h}px` : `${f + m * (o ? -1 : 1)}px`;
+    const l = o ? s.start : s.end, d = o ? s.end : s.start, f = parseFloat(n.style[l] || getComputedStyle(n)[l]), h = this.__adjustBottomProperty(l, s, f), m = t[o ? s.start : s.end] - e[r === o ? s.end : s.start], g = h ? `${h}px` : `${f + m * (o ? -1 : 1)}px`;
     return {
-      [l]: _,
+      [l]: g,
       [d]: ""
     };
   }
@@ -2669,7 +2669,7 @@ const Ke = {
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Jr = (a) => class extends wi(yi(a)) {
+const Jr = (a) => class extends wi(bi(a)) {
   /**
    * Override method inherited from `OverlayMixin` to not close on input click.
    * Needed to ignore date-picker's own input in the mousedown listener below.
@@ -2715,15 +2715,15 @@ const Zr = D`
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-P("vaadin-date-picker-overlay", [fi, Zr], {
+S("vaadin-date-picker-overlay", [fi, Zr], {
   moduleId: "vaadin-date-picker-overlay-styles"
 });
-class ea extends Jr(Ue(K(Y))) {
+class ea extends Jr(Ye(X(q))) {
   static get is() {
     return "vaadin-date-picker-overlay";
   }
   static get template() {
-    return G`
+    return Q`
       <div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div>
       <div part="overlay" id="overlay">
         <div part="content" id="content">
@@ -2739,13 +2739,13 @@ $(ea);
  * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-P("vaadin-button", ir, { moduleId: "vaadin-button-styles" });
-class ta extends rr(Pe(K(Se(Y)))) {
+S("vaadin-button", nr, { moduleId: "vaadin-button-styles" });
+class ta extends Zi(Se(X(Pe(q)))) {
   static get is() {
     return "vaadin-button";
   }
   static get template() {
-    return ar(G);
+    return er(Q);
   }
   /** @protected */
   ready() {
@@ -2770,10 +2770,10 @@ function st(a) {
   const i = new Date(a);
   return i.setHours(0, 0, 0, 0), i;
 }
-function Q(a, i, e = st) {
+function te(a, i, e = st) {
   return a instanceof Date && i instanceof Date && e(a).getTime() === e(i).getTime();
 }
-function yt(a) {
+function bt(a) {
   return {
     day: a.getDate(),
     month: a.getMonth(),
@@ -2783,7 +2783,7 @@ function yt(a) {
 function fe(a, i, e, t) {
   let r = !1;
   if (typeof t == "function" && a) {
-    const s = yt(a);
+    const s = bt(a);
     r = t(s);
   }
   return (!i || a >= i) && (!e || a <= e) && !r;
@@ -2810,7 +2810,7 @@ function ra(a, i, e = 0, t = 1) {
   let r = i + Math.floor(a.getFullYear() / 100) * 100;
   return a < new Date(r - 50, e, t) ? r -= 100 : a > new Date(r + 50, e, t) && (r += 100), r;
 }
-function Te(a) {
+function xe(a) {
   const i = /^([-+]\d{1}|\d{2,4}|[-+]\d{6})-(\d{1,2})-(\d{1,2})$/u.exec(a);
   if (!i)
     return;
@@ -3075,10 +3075,6 @@ class Ti extends HTMLElement {
       this.$[i.id] = i;
     }), this.$.scroller.addEventListener("scroll", () => this._scroll()), this._buffers = [...this.shadowRoot.querySelectorAll(".buffer")], this.$.fullHeight.style.height = `${this._initialScroll * 2}px`);
   }
-  /** @protected */
-  disconnectedCallback() {
-    this._debouncerScrollFinish && this._debouncerScrollFinish.cancel(), this._debouncerUpdateClones && this._debouncerUpdateClones.cancel(), this.__pendingFinishInit && cancelAnimationFrame(this.__pendingFinishInit);
-  }
   /**
    * Force the scroller to update clones after a reset, without
    * waiting for the debouncer to resolve.
@@ -3120,7 +3116,7 @@ class Ti extends HTMLElement {
     const i = this.$.scroller.scrollTop;
     (i < this._bufferHeight || i > this._initialScroll * 2 - this._bufferHeight) && (this._initialIndex = ~~this.position, this._reset());
     const e = this.itemHeight + this.bufferOffset, t = i > this._buffers[1].translateY + e, r = i < this._buffers[0].translateY + e;
-    (t || r) && (this._translateBuffer(r), this._updateClones()), this._preventScrollEvent || (this.dispatchEvent(new CustomEvent("custom-scroll", { bubbles: !1, composed: !0 })), this._mayHaveMomentum = !0), this._preventScrollEvent = !1, this._debouncerScrollFinish = te.debounce(this._debouncerScrollFinish, pe.after(200), () => {
+    (t || r) && (this._translateBuffer(r), this._updateClones()), this._preventScrollEvent || (this.dispatchEvent(new CustomEvent("custom-scroll", { bubbles: !1, composed: !0 })), this._mayHaveMomentum = !0), this._preventScrollEvent = !1, this._debouncerScrollFinish = ee.debounce(this._debouncerScrollFinish, pe.after(200), () => {
       const s = this.$.scroller.getBoundingClientRect();
       !this._isVisible(this._buffers[0], s) && !this._isVisible(this._buffers[1], s) && (this.position = this.position);
     });
@@ -3129,7 +3125,7 @@ class Ti extends HTMLElement {
   _reset() {
     this._scrollDisabled = !0, this.$.scroller.scrollTop = this._initialScroll, this._buffers[0].translateY = this._initialScroll - this._bufferHeight, this._buffers[1].translateY = this._initialScroll, this._buffers.forEach((i) => {
       i.style.transform = `translate3d(0, ${i.translateY}px, 0)`;
-    }), this._buffers[0].updated = this._buffers[1].updated = !1, this._updateClones(!0), this._debouncerUpdateClones = te.debounce(this._debouncerUpdateClones, pe.after(200), () => {
+    }), this._buffers[0].updated = this._buffers[1].updated = !1, this._updateClones(!0), this._debouncerUpdateClones = ee.debounce(this._debouncerUpdateClones, pe.after(200), () => {
       this._buffers[0].updated = this._buffers[1].updated = !1, this._updateClones();
     }), this._scrollDisabled = !1;
   }
@@ -3140,11 +3136,11 @@ class Ti extends HTMLElement {
       for (let t = 0; t < this.bufferSize; t++) {
         const r = document.createElement("div");
         r.style.height = `${this.itemHeight}px`, r.instance = {};
-        const s = `vaadin-infinite-scroller-item-content-${ui()}`, n = document.createElement("slot");
+        const s = `vaadin-infinite-scroller-item-content-${ci()}`, n = document.createElement("slot");
         n.setAttribute("name", s), n._itemWrapper = r, e.appendChild(n), r.setAttribute("slot", s), this.appendChild(r), this._isVisible(r, i) && this._ensureStampedInstance(r);
       }
-    }), this.__pendingFinishInit = requestAnimationFrame(() => {
-      this._finishInit(), this.__pendingFinishInit = null;
+    }), requestAnimationFrame(() => {
+      this._finishInit();
     });
   }
   /** @private */
@@ -3152,7 +3148,7 @@ class Ti extends HTMLElement {
     if (i.firstElementChild)
       return;
     const e = i.instance;
-    i.instance = this._createElement(), i.appendChild(i.instance), i.instance.performUpdate && i.instance.performUpdate(), Object.keys(e).forEach((t) => {
+    i.instance = this._createElement(), i.appendChild(i.instance), Object.keys(e).forEach((t) => {
       i.instance[t] = e[t];
     });
   }
@@ -3322,12 +3318,12 @@ const ha = (a) => class extends a {
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-class ca extends K(ha(Y)) {
+class ua extends X(ha(q)) {
   static get is() {
     return "vaadin-date-picker-year";
   }
   static get template() {
-    return G`
+    return Q`
       <style>
         :host {
           display: block;
@@ -3339,7 +3335,7 @@ class ca extends K(ha(Y)) {
     `;
   }
 }
-$(ca);
+$(ua);
 /**
 @license
 Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -3355,7 +3351,7 @@ function xt(a, i, e, t, r) {
   let n = t !== e && (t === t || e === e);
   return s && n && (a.__dataTemp[i] = e), n;
 }
-const Ct = ut((a) => {
+const Ct = ct((a) => {
   class i extends a {
     /**
      * Overrides `PropertyEffects` to provide option for skipping
@@ -3379,7 +3375,7 @@ const Ct = ut((a) => {
     }
   }
   return i;
-}), ua = ut((a) => {
+}), ca = ct((a) => {
   class i extends a {
     /** @nocollapse */
     static get properties() {
@@ -3436,13 +3432,13 @@ ot.prototype = Object.create(HTMLTemplateElement.prototype, {
     writable: !0
   }
 });
-const Pi = ii(ot), pa = Ct(Pi);
+const Si = ei(ot), pa = Ct(Si);
 function fa(a, i) {
   nt = a, Object.setPrototypeOf(a, i.prototype), new i(), nt = null;
 }
-const _a = ii(class {
+const ma = ei(class {
 });
-function ma(a, i) {
+function _a(a, i) {
   for (let e = 0; e < i.length; e++) {
     let t = i[e];
     if (!!a != !!t.__hideTemplateChildren__)
@@ -3450,16 +3446,17 @@ function ma(a, i) {
         a ? (t.__polymerTextContent__ = t.textContent, t.textContent = "") : t.textContent = t.__polymerTextContent__;
       else if (t.localName === "slot")
         if (a)
-          t.__polymerReplaced__ = document.createComment("hidden-slot"), J(J(t).parentNode).replaceChild(t.__polymerReplaced__, t);
+          t.__polymerReplaced__ = document.createComment("hidden-slot"), K(K(t).parentNode).replaceChild(t.__polymerReplaced__, t);
         else {
           const r = t.__polymerReplaced__;
-          r && J(J(r).parentNode).replaceChild(t, r);
+          r && K(K(r).parentNode).replaceChild(t, r);
         }
-      else t.style && (a ? (t.__polymerDisplay__ = t.style.display, t.style.display = "none") : t.style.display = t.__polymerDisplay__);
+      else
+        t.style && (a ? (t.__polymerDisplay__ = t.style.display, t.style.display = "none") : t.style.display = t.__polymerDisplay__);
     t.__hideTemplateChildren__ = a, t._showHideChildren && t._showHideChildren(a);
   }
 }
-class kt extends _a {
+class kt extends ma {
   constructor(i) {
     super(), this._configureProperties(i), this.root = this._stampTemplate(this.__dataHost);
     let e = [];
@@ -3528,7 +3525,7 @@ class kt extends _a {
    * @protected
    */
   _showHideChildren(i) {
-    ma(i, this.children);
+    _a(i, this.children);
   }
   /**
    * Overrides default property-effects implementation to intercept
@@ -3593,14 +3590,14 @@ function ga(a, i, e) {
   };
   return r.prototype.__templatizeOptions = e, r.prototype._bindTemplate(a), wa(r, a, i, e), r;
 }
-function ba(a, i, e, t) {
+function ya(a, i, e, t) {
   let r = e.forwardHostProp;
   if (r && i.hasHostProps) {
     const s = a.localName == "template";
     let n = i.templatizeTemplateClass;
     if (!n) {
       if (s) {
-        let l = e.mutableData ? pa : Pi;
+        let l = e.mutableData ? pa : Si;
         class d extends l {
         }
         n = i.templatizeTemplateClass = d;
@@ -3615,9 +3612,9 @@ function ba(a, i, e, t) {
         n.prototype._addPropertyEffect(
           "_host_" + l,
           n.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE,
-          { fn: ya(l, r) }
+          { fn: ba(l, r) }
         ), n.prototype._createNotifyingProperty("_host_" + l);
-      gr && t && ka(i, e, t);
+      wr && t && ka(i, e, t);
     }
     if (a.__dataProto && Object.assign(a.__data, a.__dataProto), s)
       fa(a, n), a.__dataTemp = {}, a.__dataPending = null, a.__dataOld = null, a._enableProperties();
@@ -3632,7 +3629,7 @@ function ba(a, i, e, t) {
     }
   }
 }
-function ya(a, i) {
+function ba(a, i) {
   return function(t, r, s) {
     i.call(
       t.__templatizeOwner,
@@ -3685,7 +3682,7 @@ function lt(a, i, e) {
   let r = (i ? i.constructor : kt)._parseTemplate(a), s = r.templatizeInstanceClass;
   s || (s = ga(a, r, e), r.templatizeInstanceClass = s);
   const n = Bt(a);
-  ba(a, r, e, n);
+  ya(a, r, e, n);
   let o = class extends s {
   };
   return o.prototype._methodHost = n, o.prototype.__dataHost = /** @type {!DataTemplate} */
@@ -3716,7 +3713,7 @@ function Ta(a, i) {
       else
         return e;
     else
-      i = J(i).parentNode;
+      i = K(i).parentNode;
   return null;
 }
 /**
@@ -3730,7 +3727,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 */
 let Nt = !1;
 function Da() {
-  if (_r && !mr) {
+  if (gr && !yr) {
     if (!Nt) {
       Nt = !0;
       const a = document.createElement("style");
@@ -3749,7 +3746,7 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
-const Ia = ua(Y);
+const Ia = ca(q);
 class $t extends Ia {
   // Not needed to find template; can be removed once the analyzer
   // can find the tag name from customElements.define call
@@ -3930,7 +3927,7 @@ class $t extends Ia {
   connectedCallback() {
     if (super.connectedCallback(), Da() || (this.style.display = "none"), this.__isDetached) {
       this.__isDetached = !1;
-      let i = J(J(this).parentNode);
+      let i = K(K(this).parentNode);
       for (let e = 0; e < this.__instances.length; e++)
         this.__attachInstance(e, i);
       this.__chunkingId && this.__render();
@@ -3978,10 +3975,10 @@ class $t extends Ia {
          * @param {*} value Value to notify
          */
         notifyInstanceProp: function(r, s, n) {
-          if (yr(this.as, s)) {
+          if (or(this.as, s)) {
             let o = r[this.itemsIndexAs];
             s == this.as && (this.items[o] = n);
-            let l = wr(this.as, `${JSCompiler_renameProperty("items", this)}.${o}`, s);
+            let l = lr(this.as, `${JSCompiler_renameProperty("items", this)}.${o}`, s);
             this.notifyPath(l, n);
           }
         }
@@ -4034,7 +4031,7 @@ class $t extends Ia {
   __debounceRender(i, e = 0) {
     this.__renderDebouncer = Le.debounce(
       this.__renderDebouncer,
-      e > 0 ? or.after(e) : lr,
+      e > 0 ? dr.after(e) : hr,
       i.bind(this)
     ), na(this.__renderDebouncer);
   }
@@ -4098,7 +4095,7 @@ class $t extends Ia {
   }
   __detachInstance(i) {
     let e = this.__instances[i];
-    const t = J(e.root);
+    const t = K(e.root);
     for (let r = 0; r < e.children.length; r++) {
       let s = e.children[r];
       t.appendChild(s);
@@ -4119,7 +4116,7 @@ class $t extends Ia {
   __insertInstance(i, e, t) {
     const r = this.__stampInstance(i, e, t);
     let s = this.__instances[e + 1], n = s ? s.children[0] : this;
-    return J(J(this).parentNode).insertBefore(r.root, n), this.__instances[e] = r, r;
+    return K(K(this).parentNode).insertBefore(r.root, n), this.__instances[e] = r, r;
   }
   // Implements extension point from Templatize mixin
   /**
@@ -4205,7 +4202,7 @@ customElements.define($t.is, $t);
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Pa = (a) => class extends mt(a) {
+const Sa = (a) => class extends _t(a) {
   static get properties() {
     return {
       /**
@@ -4275,9 +4272,6 @@ const Pa = (a) => class extends mt(a) {
         type: Function,
         value: () => !1
       },
-      enteredDate: {
-        type: Date
-      },
       disabled: {
         type: Boolean,
         reflectToAttribute: !0
@@ -4293,10 +4287,6 @@ const Pa = (a) => class extends mt(a) {
       /** @private */
       _notTapping: {
         type: Boolean
-      },
-      /** @private */
-      __hasFocus: {
-        type: Boolean
       }
     };
   }
@@ -4304,16 +4294,12 @@ const Pa = (a) => class extends mt(a) {
     return ["__focusedDateChanged(focusedDate, _days)"];
   }
   get focusableDateElement() {
-    return [...this.shadowRoot.querySelectorAll("[part~=date]")].find((e) => Q(e.date, this.focusedDate));
+    return [...this.shadowRoot.querySelectorAll("[part~=date]")].find((e) => te(e.date, this.focusedDate));
   }
   /** @protected */
   ready() {
     super.ready(), oe(this.$.monthGrid, "tap", this._handleTap.bind(this));
   }
-  /** @override */
-  _setFocused(e) {
-    super._setFocused(e), this.__hasFocus = e;
-  }
   /**
    * Returns true if all the dates in the month are out of the allowed range
    * @protected
@@ -4356,7 +4342,7 @@ const Pa = (a) => class extends mt(a) {
   }
   /** @private */
   __focusedDateChanged(e, t) {
-    Array.isArray(t) && t.some((r) => Q(r, e)) ? this.removeAttribute("aria-hidden") : this.setAttribute("aria-hidden", "true");
+    Array.isArray(t) && t.some((r) => te(r, e)) ? this.removeAttribute("aria-hidden") : this.setAttribute("aria-hidden", "true");
   }
   /** @protected */
   _getDate(e) {
@@ -4368,7 +4354,7 @@ const Pa = (a) => class extends mt(a) {
   }
   /** @protected */
   _isToday(e) {
-    return Q(/* @__PURE__ */ new Date(), e);
+    return te(/* @__PURE__ */ new Date(), e);
   }
   /** @protected */
   _getDays(e, t) {
@@ -4414,7 +4400,7 @@ const Pa = (a) => class extends mt(a) {
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Sa = D`
+const Pa = D`
   :host {
     display: block;
   }
@@ -4476,12 +4462,12 @@ const Sa = D`
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-P("vaadin-month-calendar", Sa, {
+S("vaadin-month-calendar", Pa, {
   moduleId: "vaadin-month-calendar-styles"
 });
-class Ea extends Pa(K(Y)) {
+class Ea extends Sa(X(q)) {
   static get template() {
-    return G`
+    return Q`
       <div part="month-header" id="month-header" aria-hidden="true">[[_getTitle(month, i18n)]]</div>
       <table
         id="monthGrid"
@@ -4509,7 +4495,7 @@ class Ea extends Pa(K(Y)) {
               <template is="dom-repeat" items="[[week]]">
                 <td
                   role="gridcell"
-                  part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate, isDateDisabled, enteredDate, __hasFocus)]]"
+                  part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate, isDateDisabled)]]"
                   date="[[item]]"
                   tabindex$="[[__getDayTabindex(item, focusedDate)]]"
                   disabled$="[[__isDayDisabled(item, minDate, maxDate, isDateDisabled)]]"
@@ -4556,13 +4542,17 @@ class Ea extends Pa(K(Y)) {
   }
   /** @private */
   // eslint-disable-next-line @typescript-eslint/max-params
-  __getDatePart(i, e, t, r, s, n, o, l) {
-    const d = ["date"], f = i > st(/* @__PURE__ */ new Date()), h = i < st(/* @__PURE__ */ new Date());
-    return this.__isDayDisabled(i, r, s, n) && d.push("disabled"), Q(i, e) && (l || Q(i, o)) && d.push("focused"), this.__isDaySelected(i, t) && d.push("selected"), this._isToday(i) && d.push("today"), h && d.push("past"), f && d.push("future"), d.join(" ");
+  __getDatePart(i, e, t, r, s, n) {
+    const o = ["date"], l = i > st(/* @__PURE__ */ new Date()), d = i < st(/* @__PURE__ */ new Date());
+    return this.__isDayDisabled(i, r, s, n) && o.push("disabled"), this.__isDayFocused(i, e) && o.push("focused"), this.__isDaySelected(i, t) && o.push("selected"), this._isToday(i) && o.push("today"), d && o.push("past"), l && o.push("future"), o.join(" ");
+  }
+  /** @private */
+  __isDayFocused(i, e) {
+    return te(i, e);
   }
   /** @private */
   __isDaySelected(i, e) {
-    return Q(i, e);
+    return te(i, e);
   }
   /** @private */
   __getDayAriaSelected(i, e) {
@@ -4580,7 +4570,7 @@ class Ea extends Pa(K(Y)) {
   }
   /** @private */
   __getDayTabindex(i, e) {
-    return Q(i, e) ? "0" : "-1";
+    return this.__isDayFocused(i, e) ? "0" : "-1";
   }
 }
 $(Ea);
@@ -4589,7 +4579,7 @@ $(Ea);
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-class Si {
+class Pi {
   constructor(i, e) {
     this.query = i, this.callback = e, this._boundQueryHandler = this._queryHandler.bind(this);
   }
@@ -4617,7 +4607,7 @@ class Si {
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Oa = (a) => class extends a {
+const Ma = (a) => class extends a {
   static get properties() {
     return {
       scrollDuration: {
@@ -4647,8 +4637,7 @@ const Oa = (a) => class extends a {
        */
       initialPosition: {
         type: Object,
-        observer: "_initialPositionChanged",
-        sync: !0
+        observer: "_initialPositionChanged"
       },
       _originDate: {
         type: Object,
@@ -4702,10 +4691,6 @@ const Oa = (a) => class extends a {
       isDateDisabled: {
         type: Function
       },
-      enteredDate: {
-        type: Date,
-        sync: !0
-      },
       /**
        * Input label
        */
@@ -4728,7 +4713,7 @@ const Oa = (a) => class extends a {
   }
   static get observers() {
     return [
-      "__updateCalendars(calendars, i18n, minDate, maxDate, selectedDate, focusedDate, showWeekNumbers, _ignoreTaps, _theme, isDateDisabled, enteredDate)",
+      "__updateCalendars(calendars, i18n, minDate, maxDate, selectedDate, focusedDate, showWeekNumbers, _ignoreTaps, _theme, isDateDisabled)",
       "__updateCancelButton(_cancelButton, i18n)",
       "__updateTodayButton(_todayButton, i18n, minDate, maxDate, isDateDisabled)",
       "__updateYears(years, selectedDate, _theme)"
@@ -4750,7 +4735,7 @@ const Oa = (a) => class extends a {
   }
   /** @protected */
   _addListeners() {
-    dr(this.$.scrollers, "pan-y"), oe(this.$.scrollers, "track", this._track.bind(this)), oe(this.shadowRoot.querySelector('[part="clear-button"]'), "tap", this._clear.bind(this)), oe(this.shadowRoot.querySelector('[part="toggle-button"]'), "tap", this._cancel.bind(this)), oe(
+    ur(this.$.scrollers, "pan-y"), oe(this.$.scrollers, "track", this._track.bind(this)), oe(this.shadowRoot.querySelector('[part="clear-button"]'), "tap", this._clear.bind(this)), oe(this.shadowRoot.querySelector('[part="toggle-button"]'), "tap", this._cancel.bind(this)), oe(
       this.shadowRoot.querySelector('[part="years-toggle-button"]'),
       "tap",
       this._toggleYearScroller.bind(this)
@@ -4759,7 +4744,7 @@ const Oa = (a) => class extends a {
   /** @protected */
   _initControllers() {
     this.addController(
-      new Si(this._desktopMediaQuery, (e) => {
+      new Pi(this._desktopMediaQuery, (e) => {
         this._desktopMode = e;
       })
     ), this.addController(
@@ -4846,9 +4831,9 @@ const Oa = (a) => class extends a {
     e && (e.textContent = t && t.today, e.disabled = !this._isTodayAllowed(r, s, n));
   }
   // eslint-disable-next-line @typescript-eslint/max-params
-  __updateCalendars(e, t, r, s, n, o, l, d, f, h, m) {
-    e && e.length && e.forEach((_) => {
-      _.i18n = t, _.minDate = r, _.maxDate = s, _.isDateDisabled = h, _.focusedDate = o, _.selectedDate = n, _.showWeekNumbers = l, _.ignoreTaps = d, _.enteredDate = m, f ? _.setAttribute("theme", f) : _.removeAttribute("theme");
+  __updateCalendars(e, t, r, s, n, o, l, d, f, h) {
+    e && e.length && e.forEach((m) => {
+      m.i18n = t, m.minDate = r, m.maxDate = s, m.isDateDisabled = h, m.focusedDate = o, m.selectedDate = n, m.showWeekNumbers = l, m.ignoreTaps = d, f ? m.setAttribute("theme", f) : m.removeAttribute("theme");
     });
   }
   /** @private */
@@ -4945,13 +4930,13 @@ const Oa = (a) => class extends a {
   }
   /** @private */
   _doIgnoreTaps() {
-    this._ignoreTaps = !0, this._debouncer = te.debounce(this._debouncer, pe.after(300), () => {
+    this._ignoreTaps = !0, this._debouncer = ee.debounce(this._debouncer, pe.after(300), () => {
       this._ignoreTaps = !1;
     });
   }
   /** @protected */
   _formatDisplayed(e, t, r) {
-    return e && t && typeof t.formatDate == "function" ? t.formatDate(yt(e)) : r;
+    return e && t && typeof t.formatDate == "function" ? t.formatDate(bt(e)) : r;
   }
   /** @private */
   _onTodayTap() {
@@ -5092,7 +5077,7 @@ const Oa = (a) => class extends a {
   }
   /** @private */
   __toggleDate(e) {
-    Q(e, this.selectedDate) ? (this._clear(), this.focusedDate = e) : this._selectDate(e);
+    te(e, this.selectedDate) ? (this._clear(), this.focusedDate = e) : this._selectDate(e);
   }
   /** @private */
   __onMonthCalendarKeyDown(e) {
@@ -5164,7 +5149,7 @@ const Oa = (a) => class extends a {
   __tryFocusDate() {
     if (this.__pendingDateFocus) {
       const t = this.focusableDateElement;
-      t && Q(t.date, this.__pendingDateFocus) && (delete this.__pendingDateFocus, t.focus());
+      t && te(t.date, this.__pendingDateFocus) && (delete this.__pendingDateFocus, t.focus());
     }
   }
   async focusDate(e, t) {
@@ -5231,7 +5216,7 @@ const Oa = (a) => class extends a {
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Ma = D`
+const Oa = D`
   :host {
     display: flex;
     flex-direction: column;
@@ -5297,14 +5282,14 @@ const Ma = D`
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-P("vaadin-date-picker-overlay-content", Ma, {
+S("vaadin-date-picker-overlay-content", Oa, {
   moduleId: "vaadin-date-picker-overlay-content-styles"
 });
-class Va extends Oa(
-  Se(K(Ue(Y)))
+class Va extends Ma(
+  Pe(X(Ye(q)))
 ) {
   static get template() {
-    return G`
+    return Q`
       <div part="overlay-header" on-touchend="_preventDefault" aria-hidden="true">
         <div part="label">[[_formatDisplayed(selectedDate, i18n, label)]]</div>
         <div part="clear-button" hidden$="[[!selectedDate]]"></div>
@@ -5387,7 +5372,7 @@ const Ei = (a) => class extends a {
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-class Oi {
+class Mi {
   /**
    * @param {{ inputElement?: HTMLElement; opened: boolean } & HTMLElement} host
    */
@@ -5406,46 +5391,8 @@ class Oi {
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Fa = Object.freeze({
-  monthNames: [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ],
-  weekdays: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
-  weekdaysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-  firstDayOfWeek: 0,
-  today: "Today",
-  cancel: "Cancel",
-  referenceDate: "",
-  formatDate(a) {
-    const i = String(a.year).replace(/\d+/u, (e) => "0000".substr(e.length) + e);
-    return [a.month + 1, a.day, i].join("/");
-  },
-  parseDate(a) {
-    const i = a.split("/"), e = /* @__PURE__ */ new Date();
-    let t, r = e.getMonth(), s = e.getFullYear();
-    if (i.length === 3) {
-      if (r = parseInt(i[0]) - 1, t = parseInt(i[1]), s = parseInt(i[2]), i[2].length < 3 && s >= 0) {
-        const n = this.referenceDate ? Te(this.referenceDate) : /* @__PURE__ */ new Date();
-        s = ra(n, s, r, t);
-      }
-    } else i.length === 2 ? (r = parseInt(i[0]) - 1, t = parseInt(i[1])) : i.length === 1 && (t = parseInt(i[0]));
-    if (t !== void 0)
-      return { day: t, month: r, year: s };
-  },
-  formatTitle: (a, i) => `${a} ${i}`
-}), Aa = (a) => class extends Ei(
-  Se(ni(li(di(a))))
+const Fa = (a) => class extends Ei(
+  Pe(ai(li(di(a))))
 ) {
   static get properties() {
     return {
@@ -5502,10 +5449,7 @@ const Fa = Object.freeze({
        * Set true to prevent the overlay from opening automatically.
        * @attr {boolean} auto-open-disabled
        */
-      autoOpenDisabled: {
-        type: Boolean,
-        sync: !0
-      },
+      autoOpenDisabled: Boolean,
       /**
        * Set true to display ISO-8601 week numbers in the calendar. Notice that
        * displaying week numbers is only supported when `i18n.firstDayOfWeek`
@@ -5622,7 +5566,46 @@ const Fa = Object.freeze({
       i18n: {
         type: Object,
         sync: !0,
-        value: () => ({ ...Fa })
+        value: () => ({
+          monthNames: [
+            "January",
+            "February",
+            "March",
+            "April",
+            "May",
+            "June",
+            "July",
+            "August",
+            "September",
+            "October",
+            "November",
+            "December"
+          ],
+          weekdays: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+          weekdaysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+          firstDayOfWeek: 0,
+          today: "Today",
+          cancel: "Cancel",
+          referenceDate: "",
+          formatDate(e) {
+            const t = String(e.year).replace(/\d+/u, (r) => "0000".substr(r.length) + r);
+            return [e.month + 1, e.day, t].join("/");
+          },
+          parseDate(e) {
+            const t = e.split("/"), r = /* @__PURE__ */ new Date();
+            let s, n = r.getMonth(), o = r.getFullYear();
+            if (t.length === 3) {
+              if (n = parseInt(t[0]) - 1, s = parseInt(t[1]), o = parseInt(t[2]), t[2].length < 3 && o >= 0) {
+                const l = this.referenceDate ? xe(this.referenceDate) : /* @__PURE__ */ new Date();
+                o = ra(l, o, n, s);
+              }
+            } else
+              t.length === 2 ? (n = parseInt(t[0]) - 1, s = parseInt(t[1])) : t.length === 1 && (s = parseInt(t[0]));
+            if (s !== void 0)
+              return { day: s, month: n, year: o };
+          },
+          formatTitle: (e, t) => `${e} ${t}`
+        })
       },
       /**
        * The earliest date that can be selected. All earlier dates will be disabled.
@@ -5688,7 +5671,7 @@ const Fa = Object.freeze({
       /** @private */
       _ios: {
         type: Boolean,
-        value: hi
+        value: ni
       },
       /** @private */
       _focusOverlayOnOpen: Boolean,
@@ -5697,10 +5680,18 @@ const Fa = Object.freeze({
         type: Object,
         sync: !0
       },
-      /** @private */
-      __enteredDate: {
-        type: Date,
-        sync: !0
+      /**
+       * In date-picker, unlike other components extending `InputMixin`,
+       * the property indicates true only if the input has been entered by the user.
+       * In the case of programmatic changes, the property is reset to false.
+       * Read more about why this workaround is needed:
+       * https://github.com/vaadin/web-components/issues/5639
+       *
+       * @protected
+       * @override
+       */
+      _hasInputValue: {
+        type: Boolean
       }
     };
   }
@@ -5708,7 +5699,7 @@ const Fa = Object.freeze({
     return [
       "_selectedDateChanged(_selectedDate, i18n)",
       "_focusedDateChanged(_focusedDate, i18n)",
-      "__updateOverlayContent(_overlayContent, i18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers, isDateDisabled, __enteredDate)",
+      "__updateOverlayContent(_overlayContent, i18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers, isDateDisabled)",
       "__updateOverlayContentTheme(_overlayContent, _theme)",
       "__updateOverlayContentFullScreen(_overlayContent, _fullscreen)"
     ];
@@ -5719,15 +5710,26 @@ const Fa = Object.freeze({
   constructor() {
     super(), this._boundOnClick = this._onClick.bind(this), this._boundOnScroll = this._onScroll.bind(this), this._boundOverlayRenderer = this._overlayRenderer.bind(this);
   }
-  /** @override */
+  /**
+   * @override
+   * @protected
+   */
   get _inputElementValue() {
     return super._inputElementValue;
   }
-  /** @override */
+  /**
+   * The setter is overridden to reset the `_hasInputValue` property
+   * to false when the input element's value is updated programmatically.
+   * In date-picker, `_hasInputValue` is supposed to indicate true only
+   * if the input has been entered by the user.
+   * Read more about why this workaround is needed:
+   * https://github.com/vaadin/web-components/issues/5639
+   *
+   * @override
+   * @protected
+   */
   set _inputElementValue(e) {
-    super._inputElementValue = e;
-    const t = this.__parseDate(e);
-    this.__setEnteredDate(t);
+    super._inputElementValue = e, this._hasInputValue = !1;
   }
   /**
    * Override a getter from `InputControlMixin` to make it optional
@@ -5764,15 +5766,15 @@ const Fa = Object.freeze({
    * @protected
    */
   _onBlur(e) {
-    super._onBlur(e), this.opened || (this.__commitParsedOrFocusedDate(), document.hasFocus() && this._requestValidation());
+    super._onBlur(e), this.opened || (this.__commitParsedOrFocusedDate(), document.hasFocus() && this.validate());
   }
   /** @protected */
   ready() {
     super.ready(), this.addEventListener("click", this._boundOnClick), this.addController(
-      new Si(this._fullscreenMediaQuery, (t) => {
+      new Pi(this._fullscreenMediaQuery, (t) => {
         this._fullscreen = t;
       })
-    ), this.addController(new Oi(this));
+    ), this.addController(new Mi(this));
     const e = this.$.overlay;
     this._overlayElement = e, e.renderer = this._boundOverlayRenderer, this.addEventListener("mousedown", () => this.__bringToFront()), this.addEventListener("touchstart", () => this.__bringToFront());
   }
@@ -5819,7 +5821,7 @@ const Fa = Object.freeze({
     if (!this.i18n.parseDate)
       return;
     let t = this.i18n.parseDate(e);
-    if (t && (t = Te(`${t.year}-${t.month + 1}-${t.day}`)), t && !isNaN(t.getTime()))
+    if (t && (t = xe(`${t.year}-${t.month + 1}-${t.day}`)), t && !isNaN(t.getTime()))
       return t;
   }
   /**
@@ -5828,7 +5830,7 @@ const Fa = Object.freeze({
    */
   __formatDate(e) {
     if (this.i18n.formatDate)
-      return this.i18n.formatDate(yt(e));
+      return this.i18n.formatDate(bt(e));
   }
   /**
    * Returns true if the current input value satisfies all constraints (if any)
@@ -5840,7 +5842,7 @@ const Fa = Object.freeze({
   checkValidity() {
     const e = this._inputElementValue, t = !e || !!this._selectedDate && e === this.__formatDate(this._selectedDate), r = !this._selectedDate || fe(this._selectedDate, this._minDate, this._maxDate, this.isDateDisabled);
     let s = !0;
-    return this.inputElement && this.inputElement.checkValidity && (s = this.inputElement.checkValidity()), t && r && s;
+    return this.inputElement && (this.inputElement.checkValidity ? s = this.inputElement.checkValidity() : this.inputElement.validate && (s = this.inputElement.validate())), t && r && s;
   }
   /**
    * Override method inherited from `FocusMixin`
@@ -5902,7 +5904,7 @@ const Fa = Object.freeze({
    */
   __commitValueChange() {
     const e = this.__unparsableValue;
-    this.__committedValue !== this.value ? (this._requestValidation(), this.dispatchEvent(new CustomEvent("change", { bubbles: !0 }))) : this.__committedUnparsableValue !== e && (this._requestValidation(), this.dispatchEvent(new CustomEvent("unparsable-change"))), this.__committedValue = this.value, this.__committedUnparsableValue = e;
+    this.__committedValue !== this.value ? (this.validate(), this.dispatchEvent(new CustomEvent("change", { bubbles: !0 }))) : this.__committedUnparsableValue !== e && (this.validate(), this.dispatchEvent(new CustomEvent("unparsable-change"))), this.__committedValue = this.value, this.__committedUnparsableValue = e;
   }
   /**
    * Sets the given date as the value and commits it.
@@ -5961,17 +5963,17 @@ const Fa = Object.freeze({
    * @override
    */
   _valueChanged(e, t) {
-    const r = Te(e);
+    const r = xe(e);
     if (e && !r) {
       this.value = t;
       return;
     }
-    e ? Q(this._selectedDate, r) || (this._selectedDate = r, t !== void 0 && this._requestValidation()) : this._selectedDate = null, this.__keepCommittedValue || (this.__committedValue = this.value, this.__committedUnparsableValue = ""), this._toggleHasValue(this._hasValue);
+    e ? te(this._selectedDate, r) || (this._selectedDate = r, t !== void 0 && this.validate()) : this._selectedDate = null, this.__keepCommittedValue || (this.__committedValue = this.value, this.__committedUnparsableValue = ""), this._toggleHasValue(this._hasValue);
   }
   /** @private */
   // eslint-disable-next-line @typescript-eslint/max-params
-  __updateOverlayContent(e, t, r, s, n, o, l, d, f, h) {
-    e && (e.i18n = t, e.label = r, e.minDate = s, e.maxDate = n, e.focusedDate = o, e.selectedDate = l, e.showWeekNumbers = d, e.isDateDisabled = f, e.enteredDate = h);
+  __updateOverlayContent(e, t, r, s, n, o, l, d, f) {
+    e && (e.i18n = t, e.label = r, e.minDate = s, e.maxDate = n, e.focusedDate = o, e.selectedDate = l, e.showWeekNumbers = d, e.isDateDisabled = f);
   }
   /** @private */
   __updateOverlayContentTheme(e, t) {
@@ -6000,7 +6002,7 @@ const Fa = Object.freeze({
   }
   /** @private */
   _getInitialPosition() {
-    const e = Te(this.initialPosition), t = this._selectedDate || this._overlayContent.initialPosition || e || /* @__PURE__ */ new Date();
+    const e = xe(this.initialPosition), t = this._selectedDate || this._overlayContent.initialPosition || e || /* @__PURE__ */ new Date();
     return e || fe(t, this._minDate, this._maxDate, this.isDateDisabled) ? t : this._minDate || this._maxDate ? xi(t, [this._minDate, this._maxDate]) : /* @__PURE__ */ new Date();
   }
   /**
@@ -6015,12 +6017,13 @@ const Fa = Object.freeze({
     if (this._ignoreFocusedDateChange = !0, this.i18n.parseDate) {
       const e = this._inputElementValue || "", t = this.__parseDate(e);
       t ? this.__commitDate(t) : (this.__keepInputValue = !0, this.__commitDate(null), this.__keepInputValue = !1);
-    } else this._focusedDate && this.__commitDate(this._focusedDate);
+    } else
+      this._focusedDate && this.__commitDate(this._focusedDate);
     this._ignoreFocusedDateChange = !1;
   }
   /** @protected */
   _onOverlayClosed() {
-    this.__showOthers && (this.__showOthers(), this.__showOthers = null), window.removeEventListener("scroll", this._boundOnScroll, !0), this._closedByEscape && this._applyInputValue(this._selectedDate), this.__commitParsedOrFocusedDate(), this._nativeInput && this._nativeInput.selectionStart && (this._nativeInput.selectionStart = this._nativeInput.selectionEnd), !this.value && !this._keyboardActive && this._requestValidation();
+    this.__showOthers && (this.__showOthers(), this.__showOthers = null), window.removeEventListener("scroll", this._boundOnScroll, !0), this._closedByEscape && this._applyInputValue(this._selectedDate), this.__commitParsedOrFocusedDate(), this._nativeInput && this._nativeInput.selectionStart && (this._nativeInput.selectionStart = this._nativeInput.selectionEnd), !this.value && !this._keyboardActive && this.validate();
   }
   /** @private */
   _onScroll(e) {
@@ -6131,20 +6134,14 @@ const Fa = Object.freeze({
    * @protected
    */
   _onInput() {
-    !this.opened && this._inputElementValue && !this.autoOpenDisabled && this.open();
-    const e = this.__parseDate(this._inputElementValue || "");
-    e && (this._ignoreFocusedDateChange = !0, Q(e, this._focusedDate) || (this._focusedDate = e), this._ignoreFocusedDateChange = !1), this.__setEnteredDate(e);
-  }
-  /**
-   * @param {Date} date
-   * @private
-   */
-  __setEnteredDate(e) {
-    e ? Q(this.__enteredDate, e) || (this.__enteredDate = e) : this.__enteredDate != null && (this.__enteredDate = null);
+    if (!this.opened && this._inputElementValue && !this.autoOpenDisabled && this.open(), this._inputElementValue) {
+      const e = this.__parseDate(this._inputElementValue);
+      e && (this._ignoreFocusedDateChange = !0, te(e, this._focusedDate) || (this._focusedDate = e), this._ignoreFocusedDateChange = !1);
+    }
   }
   /** @private */
   __computeMinOrMaxDate(e) {
-    return Te(e);
+    return xe(e);
   }
   /**
    * Fired when the user commits a value change.
@@ -6167,7 +6164,7 @@ const Fa = Object.freeze({
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Ha = D`
+const Aa = D`
   :host([opened]) {
     pointer-events: auto;
   }
@@ -6186,13 +6183,13 @@ const Ha = D`
  * Copyright (c) 2016 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-P("vaadin-date-picker", [ri, Ha], { moduleId: "vaadin-date-picker-styles" });
-class za extends Aa(ai(K(Pe(Y)))) {
+S("vaadin-date-picker", [hi, Aa], { moduleId: "vaadin-date-picker-styles" });
+class Ha extends Fa(ti(X(Se(q)))) {
   static get is() {
     return "vaadin-date-picker";
   }
   static get template() {
-    return G`
+    return Q`
       <div class="vaadin-date-picker-container">
         <div part="label">
           <slot name="label"></slot>
@@ -6247,7 +6244,7 @@ class za extends Aa(ai(K(Pe(Y)))) {
   /** @protected */
   ready() {
     super.ready(), this.addController(
-      new ft(
+      new pt(
         this,
         (e) => {
           this._setInputElement(e), this._setFocusElement(e), this.stateTarget = e, this.ariaTarget = e;
@@ -6259,7 +6256,7 @@ class za extends Aa(ai(K(Pe(Y)))) {
           uniqueIdPrefix: "search-input"
         }
       )
-    ), this.addController(new _t(this.inputElement, this._labelController)), this._tooltipController = new Ie(this), this.addController(this._tooltipController), this._tooltipController.setPosition("top"), this._tooltipController.setAriaTarget(this.inputElement), this._tooltipController.setShouldShow((e) => !e.opened), this.shadowRoot.querySelector('[part="toggle-button"]').addEventListener("mousedown", (e) => e.preventDefault()), this.$.overlay.addEventListener("vaadin-overlay-close", this._onVaadinOverlayClose.bind(this));
+    ), this.addController(new ft(this.inputElement, this._labelController)), this._tooltipController = new Ie(this), this.addController(this._tooltipController), this._tooltipController.setPosition("top"), this._tooltipController.setAriaTarget(this.inputElement), this._tooltipController.setShouldShow((e) => !e.opened), this.shadowRoot.querySelector('[part="toggle-button"]').addEventListener("mousedown", (e) => e.preventDefault()), this.$.overlay.addEventListener("vaadin-overlay-close", this._onVaadinOverlayClose.bind(this));
   }
   /** @private */
   _onVaadinOverlayClose(i) {
@@ -6275,7 +6272,7 @@ class za extends Aa(ai(K(Pe(Y)))) {
     super._openedChanged(i), this.$.overlay.positionTarget = this.shadowRoot.querySelector('[part="input-field"]'), this.$.overlay.noVerticalOverlap = !0;
   }
 }
-$(za);
+$(Ha);
 function ie(a) {
   "@babel/helpers - typeof";
   return ie = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(i) {
@@ -6284,20 +6281,20 @@ function ie(a) {
     return i && typeof Symbol == "function" && i.constructor === Symbol && i !== Symbol.prototype ? "symbol" : typeof i;
   }, ie(a);
 }
-function O(a, i) {
+function M(a, i) {
   if (i.length < a)
     throw new TypeError(a + " argument" + (a > 1 ? "s" : "") + " required, but only " + i.length + " present");
 }
-function La(a) {
-  return O(1, arguments), a instanceof Date || ie(a) === "object" && Object.prototype.toString.call(a) === "[object Date]";
+function za(a) {
+  return M(1, arguments), a instanceof Date || ie(a) === "object" && Object.prototype.toString.call(a) === "[object Date]";
 }
 function F(a) {
-  O(1, arguments);
+  M(1, arguments);
   var i = Object.prototype.toString.call(a);
   return a instanceof Date || ie(a) === "object" && i === "[object Date]" ? new Date(a.getTime()) : typeof a == "number" || i === "[object Number]" ? new Date(a) : ((typeof a == "string" || i === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
 }
-function Ra(a) {
-  if (O(1, arguments), !La(a) && typeof a != "number")
+function La(a) {
+  if (M(1, arguments), !za(a) && typeof a != "number")
     return !1;
   var i = F(a);
   return !isNaN(Number(i));
@@ -6308,49 +6305,49 @@ function N(a) {
   var i = Number(a);
   return isNaN(i) ? i : i < 0 ? Math.ceil(i) : Math.floor(i);
 }
-function Ba(a, i) {
-  O(2, arguments);
+function Ra(a, i) {
+  M(2, arguments);
   var e = F(a).getTime(), t = N(i);
   return new Date(e + t);
 }
-function Mi(a, i) {
-  O(2, arguments);
+function Oi(a, i) {
+  M(2, arguments);
   var e = N(i);
-  return Ba(a, -e);
+  return Ra(a, -e);
 }
-var Na = 864e5;
-function $a(a) {
-  O(1, arguments);
+var Ba = 864e5;
+function Na(a) {
+  M(1, arguments);
   var i = F(a), e = i.getTime();
   i.setUTCMonth(0, 1), i.setUTCHours(0, 0, 0, 0);
   var t = i.getTime(), r = e - t;
-  return Math.floor(r / Na) + 1;
+  return Math.floor(r / Ba) + 1;
 }
-function _e(a) {
-  O(1, arguments);
+function me(a) {
+  M(1, arguments);
   var i = 1, e = F(a), t = e.getUTCDay(), r = (t < i ? 7 : 0) + t - i;
   return e.setUTCDate(e.getUTCDate() - r), e.setUTCHours(0, 0, 0, 0), e;
 }
 function Vi(a) {
-  O(1, arguments);
+  M(1, arguments);
   var i = F(a), e = i.getUTCFullYear(), t = /* @__PURE__ */ new Date(0);
   t.setUTCFullYear(e + 1, 0, 4), t.setUTCHours(0, 0, 0, 0);
-  var r = _e(t), s = /* @__PURE__ */ new Date(0);
+  var r = me(t), s = /* @__PURE__ */ new Date(0);
   s.setUTCFullYear(e, 0, 4), s.setUTCHours(0, 0, 0, 0);
-  var n = _e(s);
+  var n = me(s);
   return i.getTime() >= r.getTime() ? e + 1 : i.getTime() >= n.getTime() ? e : e - 1;
 }
-function qa(a) {
-  O(1, arguments);
+function $a(a) {
+  M(1, arguments);
   var i = Vi(a), e = /* @__PURE__ */ new Date(0);
   e.setUTCFullYear(i, 0, 4), e.setUTCHours(0, 0, 0, 0);
-  var t = _e(e);
+  var t = me(e);
   return t;
 }
 var Ua = 6048e5;
 function Fi(a) {
-  O(1, arguments);
-  var i = F(a), e = _e(i).getTime() - qa(i).getTime();
+  M(1, arguments);
+  var i = F(a), e = me(i).getTime() - $a(i).getTime();
   return Math.round(e / Ua) + 1;
 }
 var Ya = {};
@@ -6359,46 +6356,46 @@ function ve() {
 }
 function he(a, i) {
   var e, t, r, s, n, o, l, d;
-  O(1, arguments);
+  M(1, arguments);
   var f = ve(), h = N((e = (t = (r = (s = i?.weekStartsOn) !== null && s !== void 0 ? s : i == null || (n = i.locale) === null || n === void 0 || (o = n.options) === null || o === void 0 ? void 0 : o.weekStartsOn) !== null && r !== void 0 ? r : f.weekStartsOn) !== null && t !== void 0 ? t : (l = f.locale) === null || l === void 0 || (d = l.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && e !== void 0 ? e : 0);
   if (!(h >= 0 && h <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var m = F(a), _ = m.getUTCDay(), b = (_ < h ? 7 : 0) + _ - h;
-  return m.setUTCDate(m.getUTCDate() - b), m.setUTCHours(0, 0, 0, 0), m;
+  var m = F(a), g = m.getUTCDay(), y = (g < h ? 7 : 0) + g - h;
+  return m.setUTCDate(m.getUTCDate() - y), m.setUTCHours(0, 0, 0, 0), m;
 }
 function Tt(a, i) {
   var e, t, r, s, n, o, l, d;
-  O(1, arguments);
-  var f = F(a), h = f.getUTCFullYear(), m = ve(), _ = N((e = (t = (r = (s = i?.firstWeekContainsDate) !== null && s !== void 0 ? s : i == null || (n = i.locale) === null || n === void 0 || (o = n.options) === null || o === void 0 ? void 0 : o.firstWeekContainsDate) !== null && r !== void 0 ? r : m.firstWeekContainsDate) !== null && t !== void 0 ? t : (l = m.locale) === null || l === void 0 || (d = l.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && e !== void 0 ? e : 1);
-  if (!(_ >= 1 && _ <= 7))
+  M(1, arguments);
+  var f = F(a), h = f.getUTCFullYear(), m = ve(), g = N((e = (t = (r = (s = i?.firstWeekContainsDate) !== null && s !== void 0 ? s : i == null || (n = i.locale) === null || n === void 0 || (o = n.options) === null || o === void 0 ? void 0 : o.firstWeekContainsDate) !== null && r !== void 0 ? r : m.firstWeekContainsDate) !== null && t !== void 0 ? t : (l = m.locale) === null || l === void 0 || (d = l.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && e !== void 0 ? e : 1);
+  if (!(g >= 1 && g <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var b = /* @__PURE__ */ new Date(0);
-  b.setUTCFullYear(h + 1, 0, _), b.setUTCHours(0, 0, 0, 0);
-  var R = he(b, i), z = /* @__PURE__ */ new Date(0);
-  z.setUTCFullYear(h, 0, _), z.setUTCHours(0, 0, 0, 0);
+  var y = /* @__PURE__ */ new Date(0);
+  y.setUTCFullYear(h + 1, 0, g), y.setUTCHours(0, 0, 0, 0);
+  var R = he(y, i), z = /* @__PURE__ */ new Date(0);
+  z.setUTCFullYear(h, 0, g), z.setUTCHours(0, 0, 0, 0);
   var B = he(z, i);
   return f.getTime() >= R.getTime() ? h + 1 : f.getTime() >= B.getTime() ? h : h - 1;
 }
-function Wa(a, i) {
+function qa(a, i) {
   var e, t, r, s, n, o, l, d;
-  O(1, arguments);
-  var f = ve(), h = N((e = (t = (r = (s = i?.firstWeekContainsDate) !== null && s !== void 0 ? s : i == null || (n = i.locale) === null || n === void 0 || (o = n.options) === null || o === void 0 ? void 0 : o.firstWeekContainsDate) !== null && r !== void 0 ? r : f.firstWeekContainsDate) !== null && t !== void 0 ? t : (l = f.locale) === null || l === void 0 || (d = l.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && e !== void 0 ? e : 1), m = Tt(a, i), _ = /* @__PURE__ */ new Date(0);
-  _.setUTCFullYear(m, 0, h), _.setUTCHours(0, 0, 0, 0);
-  var b = he(_, i);
-  return b;
+  M(1, arguments);
+  var f = ve(), h = N((e = (t = (r = (s = i?.firstWeekContainsDate) !== null && s !== void 0 ? s : i == null || (n = i.locale) === null || n === void 0 || (o = n.options) === null || o === void 0 ? void 0 : o.firstWeekContainsDate) !== null && r !== void 0 ? r : f.firstWeekContainsDate) !== null && t !== void 0 ? t : (l = f.locale) === null || l === void 0 || (d = l.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && e !== void 0 ? e : 1), m = Tt(a, i), g = /* @__PURE__ */ new Date(0);
+  g.setUTCFullYear(m, 0, h), g.setUTCHours(0, 0, 0, 0);
+  var y = he(g, i);
+  return y;
 }
-var ja = 6048e5;
+var Wa = 6048e5;
 function Ai(a, i) {
-  O(1, arguments);
-  var e = F(a), t = he(e, i).getTime() - Wa(e, i).getTime();
-  return Math.round(t / ja) + 1;
+  M(1, arguments);
+  var e = F(a), t = he(e, i).getTime() - qa(e, i).getTime();
+  return Math.round(t / Wa) + 1;
 }
 function C(a, i) {
   for (var e = a < 0 ? "-" : "", t = Math.abs(a).toString(); t.length < i; )
     t = "0" + t;
   return e + t;
 }
-var Qa = {
+var ja = {
   // Year
   y: function(i, e) {
     var t = i.getUTCFullYear(), r = t > 0 ? t : 1 - t;
@@ -6451,15 +6448,17 @@ var Qa = {
     return C(s, e.length);
   }
 };
-const ne = Qa;
-var ue = {
+const ne = ja;
+var ce = {
+  am: "am",
+  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, Ga = {
+}, Qa = {
   // Era
   G: function(i, e, t) {
     var r = i.getUTCFullYear() > 0 ? 1 : 0;
@@ -6661,7 +6660,7 @@ var ue = {
   },
   // Day of year
   D: function(i, e, t) {
-    var r = $a(i);
+    var r = Na(i);
     return e === "Do" ? t.ordinalNumber(r, {
       unit: "dayOfYear"
     }) : C(r, e.length);
@@ -6831,7 +6830,7 @@ var ue = {
   // AM, PM, midnight, noon
   b: function(i, e, t) {
     var r = i.getUTCHours(), s;
-    switch (r === 12 ? s = ue.noon : r === 0 ? s = ue.midnight : s = r / 12 >= 1 ? "pm" : "am", e) {
+    switch (r === 12 ? s = ce.noon : r === 0 ? s = ce.midnight : s = r / 12 >= 1 ? "pm" : "am", e) {
       case "b":
       case "bb":
         return t.dayPeriod(s, {
@@ -6859,7 +6858,7 @@ var ue = {
   // in the morning, in the afternoon, in the evening, at night
   B: function(i, e, t) {
     var r = i.getUTCHours(), s;
-    switch (r >= 17 ? s = ue.evening : r >= 12 ? s = ue.afternoon : r >= 4 ? s = ue.morning : s = ue.night, e) {
+    switch (r >= 17 ? s = ce.evening : r >= 12 ? s = ce.afternoon : r >= 4 ? s = ce.morning : s = ce.night, e) {
       case "B":
       case "BB":
       case "BBB":
@@ -6933,7 +6932,7 @@ var ue = {
       return "Z";
     switch (e) {
       case "X":
-        return Ut(n);
+        return Yt(n);
       case "XXXX":
       case "XX":
         return de(n);
@@ -6948,7 +6947,7 @@ var ue = {
     var s = r._originalDate || i, n = s.getTimezoneOffset();
     switch (e) {
       case "x":
-        return Ut(n);
+        return Yt(n);
       case "xxxx":
       case "xx":
         return de(n);
@@ -6965,7 +6964,7 @@ var ue = {
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + qt(n, ":");
+        return "GMT" + Ut(n, ":");
       case "OOOO":
       default:
         return "GMT" + de(n, ":");
@@ -6978,7 +6977,7 @@ var ue = {
       case "z":
       case "zz":
       case "zzz":
-        return "GMT" + qt(n, ":");
+        return "GMT" + Ut(n, ":");
       case "zzzz":
       default:
         return "GMT" + de(n, ":");
@@ -6995,14 +6994,14 @@ var ue = {
     return C(n, e.length);
   }
 };
-function qt(a, i) {
+function Ut(a, i) {
   var e = a > 0 ? "-" : "+", t = Math.abs(a), r = Math.floor(t / 60), s = t % 60;
   if (s === 0)
     return e + String(r);
   var n = i;
   return e + String(r) + n + C(s, 2);
 }
-function Ut(a, i) {
+function Yt(a, i) {
   if (a % 60 === 0) {
     var e = a > 0 ? "-" : "+";
     return e + C(Math.abs(a) / 60, 2);
@@ -7013,8 +7012,8 @@ function de(a, i) {
   var e = i || "", t = a > 0 ? "-" : "+", r = Math.abs(a), s = C(Math.floor(r / 60), 2), n = C(r % 60, 2);
   return t + s + e + n;
 }
-const Xa = Ga;
-var Yt = function(i, e) {
+const Ga = Qa;
+var qt = function(i, e) {
   switch (i) {
     case "P":
       return e.date({
@@ -7054,10 +7053,10 @@ var Yt = function(i, e) {
         width: "full"
       });
   }
-}, Ka = function(i, e) {
+}, Xa = function(i, e) {
   var t = i.match(/(P+)(p+)?/) || [], r = t[1], s = t[2];
   if (!s)
-    return Yt(i, e);
+    return qt(i, e);
   var n;
   switch (r) {
     case "P":
@@ -7082,22 +7081,22 @@ var Yt = function(i, e) {
       });
       break;
   }
-  return n.replace("{{date}}", Yt(r, e)).replace("{{time}}", Hi(s, e));
-}, Ja = {
+  return n.replace("{{date}}", qt(r, e)).replace("{{time}}", Hi(s, e));
+}, Ka = {
   p: Hi,
-  P: Ka
+  P: Xa
 };
-const dt = Ja;
+const dt = Ka;
 function zi(a) {
   var i = new Date(Date.UTC(a.getFullYear(), a.getMonth(), a.getDate(), a.getHours(), a.getMinutes(), a.getSeconds(), a.getMilliseconds()));
   return i.setUTCFullYear(a.getFullYear()), a.getTime() - i.getTime();
 }
-var Za = ["D", "DD"], es = ["YY", "YYYY"];
+var Ja = ["D", "DD"], Za = ["YY", "YYYY"];
 function Li(a) {
-  return Za.indexOf(a) !== -1;
+  return Ja.indexOf(a) !== -1;
 }
 function Ri(a) {
-  return es.indexOf(a) !== -1;
+  return Za.indexOf(a) !== -1;
 }
 function Re(a, i, e) {
   if (a === "YYYY")
@@ -7109,7 +7108,7 @@ function Re(a, i, e) {
   if (a === "DD")
     throw new RangeError("Use `dd` instead of `DD` (in `".concat(i, "`) for formatting days of the month to the input `").concat(e, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
 }
-var ts = {
+var es = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -7171,59 +7170,59 @@ var ts = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, is = function(i, e, t) {
-  var r, s = ts[i];
+}, ts = function(i, e, t) {
+  var r, s = es[i];
   return typeof s == "string" ? r = s : e === 1 ? r = s.one : r = s.other.replace("{{count}}", e.toString()), t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? "in " + r : r + " ago" : r;
 };
-const rs = is;
+const is = ts;
 function Ze(a) {
   return function() {
     var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, e = i.width ? String(i.width) : a.defaultWidth, t = a.formats[e] || a.formats[a.defaultWidth];
     return t;
   };
 }
-var as = {
+var rs = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
-}, ss = {
+}, as = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, ns = {
+}, ss = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, os = {
+}, ns = {
   date: Ze({
-    formats: as,
+    formats: rs,
     defaultWidth: "full"
   }),
   time: Ze({
-    formats: ss,
+    formats: as,
     defaultWidth: "full"
   }),
   dateTime: Ze({
-    formats: ns,
+    formats: ss,
     defaultWidth: "full"
   })
 };
-const ls = os;
-var ds = {
+const os = ns;
+var ls = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, hs = function(i, e, t, r) {
-  return ds[i];
+}, ds = function(i, e, t, r) {
+  return ls[i];
 };
-const cs = hs;
-function xe(a) {
+const hs = ds;
+function Ce(a) {
   return function(i, e) {
     var t = e != null && e.context ? String(e.context) : "standalone", r;
     if (t === "formatting" && a.formattingValues) {
@@ -7241,15 +7240,15 @@ var us = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, ps = {
+}, cs = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, fs = {
+}, ps = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
   wide: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
-}, _s = {
+}, fs = {
   narrow: ["S", "M", "T", "W", "T", "F", "S"],
   short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
   abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
@@ -7285,7 +7284,7 @@ var us = {
     evening: "evening",
     night: "night"
   }
-}, vs = {
+}, _s = {
   narrow: {
     am: "a",
     pm: "p",
@@ -7316,7 +7315,7 @@ var us = {
     evening: "in the evening",
     night: "at night"
   }
-}, gs = function(i, e) {
+}, vs = function(i, e) {
   var t = Number(i), r = t % 100;
   if (r > 20 || r < 10)
     switch (r % 10) {
@@ -7328,43 +7327,43 @@ var us = {
         return t + "rd";
     }
   return t + "th";
-}, bs = {
-  ordinalNumber: gs,
-  era: xe({
+}, gs = {
+  ordinalNumber: vs,
+  era: Ce({
     values: us,
     defaultWidth: "wide"
   }),
-  quarter: xe({
-    values: ps,
+  quarter: Ce({
+    values: cs,
     defaultWidth: "wide",
     argumentCallback: function(i) {
       return i - 1;
     }
   }),
-  month: xe({
-    values: fs,
+  month: Ce({
+    values: ps,
     defaultWidth: "wide"
   }),
-  day: xe({
-    values: _s,
+  day: Ce({
+    values: fs,
     defaultWidth: "wide"
   }),
-  dayPeriod: xe({
+  dayPeriod: Ce({
     values: ms,
     defaultWidth: "wide",
-    formattingValues: vs,
+    formattingValues: _s,
     defaultFormattingWidth: "wide"
   })
 };
-const ys = bs;
-function Ce(a) {
+const ys = gs;
+function ke(a) {
   return function(i) {
     var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = e.width, r = t && a.matchPatterns[t] || a.matchPatterns[a.defaultMatchWidth], s = i.match(r);
     if (!s)
       return null;
-    var n = s[0], o = t && a.parsePatterns[t] || a.parsePatterns[a.defaultParseWidth], l = Array.isArray(o) ? xs(o, function(h) {
+    var n = s[0], o = t && a.parsePatterns[t] || a.parsePatterns[a.defaultParseWidth], l = Array.isArray(o) ? ws(o, function(h) {
       return h.test(n);
-    }) : ws(o, function(h) {
+    }) : bs(o, function(h) {
       return h.test(n);
     }), d;
     d = a.valueCallback ? a.valueCallback(l) : l, d = e.valueCallback ? e.valueCallback(d) : d;
@@ -7375,22 +7374,24 @@ function Ce(a) {
     };
   };
 }
-function ws(a, i) {
+function bs(a, i) {
   for (var e in a)
     if (a.hasOwnProperty(e) && i(a[e]))
       return e;
 }
-function xs(a, i) {
+function ws(a, i) {
   for (var e = 0; e < a.length; e++)
     if (i(a[e]))
       return e;
 }
-function Cs(a) {
+function xs(a) {
   return function(i) {
     var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = i.match(a.matchPattern);
-    if (!t) return null;
+    if (!t)
+      return null;
     var r = t[0], s = i.match(a.parsePattern);
-    if (!s) return null;
+    if (!s)
+      return null;
     var n = a.valueCallback ? a.valueCallback(s[0]) : s[0];
     n = e.valueCallback ? e.valueCallback(n) : n;
     var o = i.slice(r.length);
@@ -7400,23 +7401,23 @@ function Cs(a) {
     };
   };
 }
-var ks = /^(\d+)(th|st|nd|rd)?/i, Ts = /\d+/i, Ds = {
+var Cs = /^(\d+)(th|st|nd|rd)?/i, ks = /\d+/i, Ts = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
-}, Is = {
+}, Ds = {
   any: [/^b/i, /^(a|c)/i]
-}, Ps = {
+}, Is = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
 }, Ss = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, Es = {
+}, Ps = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-}, Os = {
+}, Es = {
   narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
   any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
 }, Ms = {
@@ -7424,13 +7425,13 @@ var ks = /^(\d+)(th|st|nd|rd)?/i, Ts = /\d+/i, Ds = {
   short: /^(su|mo|tu|we|th|fr|sa)/i,
   abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
   wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-}, Vs = {
+}, Os = {
   narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
   any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-}, Fs = {
+}, Vs = {
   narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
   any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-}, As = {
+}, Fs = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -7441,22 +7442,22 @@ var ks = /^(\d+)(th|st|nd|rd)?/i, Ts = /\d+/i, Ds = {
     evening: /evening/i,
     night: /night/i
   }
-}, Hs = {
-  ordinalNumber: Cs({
-    matchPattern: ks,
-    parsePattern: Ts,
+}, As = {
+  ordinalNumber: xs({
+    matchPattern: Cs,
+    parsePattern: ks,
     valueCallback: function(i) {
       return parseInt(i, 10);
     }
   }),
-  era: Ce({
-    matchPatterns: Ds,
+  era: ke({
+    matchPatterns: Ts,
     defaultMatchWidth: "wide",
-    parsePatterns: Is,
+    parsePatterns: Ds,
     defaultParseWidth: "any"
   }),
-  quarter: Ce({
-    matchPatterns: Ps,
+  quarter: ke({
+    matchPatterns: Is,
     defaultMatchWidth: "wide",
     parsePatterns: Ss,
     defaultParseWidth: "any",
@@ -7464,95 +7465,97 @@ var ks = /^(\d+)(th|st|nd|rd)?/i, Ts = /\d+/i, Ds = {
       return i + 1;
     }
   }),
-  month: Ce({
-    matchPatterns: Es,
+  month: ke({
+    matchPatterns: Ps,
     defaultMatchWidth: "wide",
-    parsePatterns: Os,
+    parsePatterns: Es,
     defaultParseWidth: "any"
   }),
-  day: Ce({
+  day: ke({
     matchPatterns: Ms,
     defaultMatchWidth: "wide",
-    parsePatterns: Vs,
+    parsePatterns: Os,
     defaultParseWidth: "any"
   }),
-  dayPeriod: Ce({
-    matchPatterns: Fs,
+  dayPeriod: ke({
+    matchPatterns: Vs,
     defaultMatchWidth: "any",
-    parsePatterns: As,
+    parsePatterns: Fs,
     defaultParseWidth: "any"
   })
 };
-const zs = Hs;
-var Ls = {
+const Hs = As;
+var zs = {
   code: "en-US",
-  formatDistance: rs,
-  formatLong: ls,
-  formatRelative: cs,
+  formatDistance: is,
+  formatLong: os,
+  formatRelative: hs,
   localize: ys,
-  match: zs,
+  match: Hs,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-const Bi = Ls;
-var Rs = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Bs = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ns = /^'([^]*?)'?$/, $s = /''/g, qs = /[a-zA-Z]/;
+const Bi = zs;
+var Ls = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Rs = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Bs = /^'([^]*?)'?$/, Ns = /''/g, $s = /[a-zA-Z]/;
 function Us(a, i, e) {
-  var t, r, s, n, o, l, d, f, h, m, _, b, R, z;
-  O(2, arguments);
-  var B = String(i), S = ve(), W = (t = (r = void 0) !== null && r !== void 0 ? r : S.locale) !== null && t !== void 0 ? t : Bi, X = N((s = (n = (o = (l = void 0) !== null && l !== void 0 ? l : void 0) !== null && o !== void 0 ? o : S.firstWeekContainsDate) !== null && n !== void 0 ? n : (d = S.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && s !== void 0 ? s : 1);
-  if (!(X >= 1 && X <= 7))
+  var t, r, s, n, o, l, d, f, h, m, g, y, R, z;
+  M(2, arguments);
+  var B = String(i), P = ve(), W = (t = (r = void 0) !== null && r !== void 0 ? r : P.locale) !== null && t !== void 0 ? t : Bi, G = N((s = (n = (o = (l = void 0) !== null && l !== void 0 ? l : void 0) !== null && o !== void 0 ? o : P.firstWeekContainsDate) !== null && n !== void 0 ? n : (d = P.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && s !== void 0 ? s : 1);
+  if (!(G >= 1 && G <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var q = N((h = (m = (_ = (b = void 0) !== null && b !== void 0 ? b : void 0) !== null && _ !== void 0 ? _ : S.weekStartsOn) !== null && m !== void 0 ? m : (R = S.locale) === null || R === void 0 || (z = R.options) === null || z === void 0 ? void 0 : z.weekStartsOn) !== null && h !== void 0 ? h : 0);
-  if (!(q >= 0 && q <= 6))
+  var U = N((h = (m = (g = (y = void 0) !== null && y !== void 0 ? y : void 0) !== null && g !== void 0 ? g : P.weekStartsOn) !== null && m !== void 0 ? m : (R = P.locale) === null || R === void 0 || (z = R.options) === null || z === void 0 ? void 0 : z.weekStartsOn) !== null && h !== void 0 ? h : 0);
+  if (!(U >= 0 && U <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!W.localize)
     throw new RangeError("locale must contain localize property");
   if (!W.formatLong)
     throw new RangeError("locale must contain formatLong property");
   var se = F(a);
-  if (!Ra(se))
+  if (!La(se))
     throw new RangeError("Invalid time value");
-  var ge = zi(se), be = Mi(se, ge), ye = {
-    firstWeekContainsDate: X,
-    weekStartsOn: q,
+  var ge = zi(se), ye = Oi(se, ge), be = {
+    firstWeekContainsDate: G,
+    weekStartsOn: U,
     locale: W,
     _originalDate: se
-  }, Ye = B.match(Bs).map(function(L) {
-    var U = L[0];
-    if (U === "p" || U === "P") {
-      var le = dt[U];
+  }, qe = B.match(Rs).map(function(L) {
+    var Y = L[0];
+    if (Y === "p" || Y === "P") {
+      var le = dt[Y];
       return le(L, W.formatLong);
     }
     return L;
-  }).join("").match(Rs).map(function(L) {
+  }).join("").match(Ls).map(function(L) {
     if (L === "''")
       return "'";
-    var U = L[0];
-    if (U === "'")
+    var Y = L[0];
+    if (Y === "'")
       return Ys(L);
-    var le = Xa[U];
+    var le = Ga[Y];
     if (le)
-      return Ri(L) && Re(L, i, String(a)), Li(L) && Re(L, i, String(a)), le(be, L, W.localize, ye);
-    if (U.match(qs))
-      throw new RangeError("Format string contains an unescaped latin alphabet character `" + U + "`");
+      return Ri(L) && Re(L, i, String(a)), Li(L) && Re(L, i, String(a)), le(ye, L, W.localize, be);
+    if (Y.match($s))
+      throw new RangeError("Format string contains an unescaped latin alphabet character `" + Y + "`");
     return L;
   }).join("");
-  return Ye;
+  return qe;
 }
 function Ys(a) {
-  var i = a.match(Ns);
-  return i ? i[1].replace($s, "'") : a;
+  var i = a.match(Bs);
+  return i ? i[1].replace(Ns, "'") : a;
 }
 function Wt(a, i) {
   (i == null || i > a.length) && (i = a.length);
-  for (var e = 0, t = Array(i); e < i; e++) t[e] = a[e];
+  for (var e = 0, t = Array(i); e < i; e++)
+    t[e] = a[e];
   return t;
 }
-function Ws(a, i) {
+function qs(a, i) {
   if (a) {
-    if (typeof a == "string") return Wt(a, i);
+    if (typeof a == "string")
+      return Wt(a, i);
     var e = {}.toString.call(a).slice(8, -1);
     return e === "Object" && a.constructor && (e = a.constructor.name), e === "Map" || e === "Set" ? Array.from(a) : e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e) ? Wt(a, i) : void 0;
   }
@@ -7560,7 +7563,7 @@ function Ws(a, i) {
 function jt(a, i) {
   var e = typeof Symbol < "u" && a[Symbol.iterator] || a["@@iterator"];
   if (!e) {
-    if (Array.isArray(a) || (e = Ws(a)) || i) {
+    if (Array.isArray(a) || (e = qs(a)) || i) {
       e && (a = e);
       var t = 0, r = function() {
       };
@@ -7599,12 +7602,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       try {
         n || e.return == null || e.return();
       } finally {
-        if (o) throw s;
+        if (o)
+          throw s;
       }
     }
   };
 }
-function js(a, i) {
+function Ws(a, i) {
   if (a == null)
     throw new TypeError("assign requires that input parameter not be null or undefined");
   for (var e in i)
@@ -7612,7 +7616,8 @@ function js(a, i) {
   return a;
 }
 function p(a) {
-  if (a === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  if (a === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
 function ht(a, i) {
@@ -7620,8 +7625,9 @@ function ht(a, i) {
     return e.__proto__ = t, e;
   }, ht(a, i);
 }
-function y(a, i) {
-  if (typeof i != "function" && i !== null) throw new TypeError("Super expression must either be null or a function");
+function b(a, i) {
+  if (typeof i != "function" && i !== null)
+    throw new TypeError("Super expression must either be null or a function");
   a.prototype = Object.create(i && i.prototype, {
     constructor: {
       value: a,
@@ -7647,9 +7653,11 @@ function Ni() {
     return !!a;
   })();
 }
-function Qs(a, i) {
-  if (i && (ie(i) == "object" || typeof i == "function")) return i;
-  if (i !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+function js(a, i) {
+  if (i && (ie(i) == "object" || typeof i == "function"))
+    return i;
+  if (i !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
   return p(a);
 }
 function w(a) {
@@ -7659,39 +7667,43 @@ function w(a) {
     if (i) {
       var r = Be(this).constructor;
       e = Reflect.construct(t, arguments, r);
-    } else e = t.apply(this, arguments);
-    return Qs(this, e);
+    } else
+      e = t.apply(this, arguments);
+    return js(this, e);
   };
 }
-function v(a, i) {
-  if (!(a instanceof i)) throw new TypeError("Cannot call a class as a function");
+function _(a, i) {
+  if (!(a instanceof i))
+    throw new TypeError("Cannot call a class as a function");
 }
-function Gs(a, i) {
-  if (ie(a) != "object" || !a) return a;
+function Qs(a, i) {
+  if (ie(a) != "object" || !a)
+    return a;
   var e = a[Symbol.toPrimitive];
   if (e !== void 0) {
-    var t = e.call(a, i);
-    if (ie(t) != "object") return t;
+    var t = e.call(a, i || "default");
+    if (ie(t) != "object")
+      return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (i === "string" ? String : Number)(a);
 }
 function $i(a) {
-  var i = Gs(a, "string");
+  var i = Qs(a, "string");
   return ie(i) == "symbol" ? i : i + "";
 }
-function Xs(a, i) {
+function Gs(a, i) {
   for (var e = 0; e < i.length; e++) {
     var t = i[e];
     t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(a, $i(t.key), t);
   }
 }
-function g(a, i, e) {
-  return i && Xs(a.prototype, i), Object.defineProperty(a, "prototype", {
+function v(a, i, e) {
+  return i && Gs(a.prototype, i), Object.defineProperty(a, "prototype", {
     writable: !1
   }), a;
 }
-function u(a, i, e) {
+function c(a, i, e) {
   return (i = $i(i)) in a ? Object.defineProperty(a, i, {
     value: e,
     enumerable: !0,
@@ -7699,24 +7711,24 @@ function u(a, i, e) {
     writable: !0
   }) : a[i] = e, a;
 }
-var Ks = 10, qi = /* @__PURE__ */ function() {
+var Xs = 10, Ui = /* @__PURE__ */ function() {
   function a() {
-    v(this, a), u(this, "priority", void 0), u(this, "subPriority", 0);
+    _(this, a), c(this, "priority", void 0), c(this, "subPriority", 0);
   }
-  return g(a, [{
+  return v(a, [{
     key: "validate",
     value: function(e, t) {
       return !0;
     }
   }]), a;
-}(), Js = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(), Ks = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e(t, r, s, n, o) {
     var l;
-    return v(this, e), l = i.call(this), l.value = t, l.validateValue = r, l.setValue = s, l.priority = n, o && (l.subPriority = o), l;
+    return _(this, e), l = i.call(this), l.value = t, l.validateValue = r, l.setValue = s, l.priority = n, o && (l.subPriority = o), l;
   }
-  return g(e, [{
+  return v(e, [{
     key: "validate",
     value: function(r, s) {
       return this.validateValue(r, this.value, s);
@@ -7727,17 +7739,17 @@ var Ks = 10, qi = /* @__PURE__ */ function() {
       return this.setValue(r, s, this.value, n);
     }
   }]), e;
-}(qi), Zs = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(Ui), Js = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", Ks), u(p(t), "subPriority", -1), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", Xs), c(p(t), "subPriority", -1), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "set",
     value: function(r, s) {
       if (s.timestampIsSet)
@@ -7746,16 +7758,16 @@ var Ks = 10, qi = /* @__PURE__ */ function() {
       return n.setFullYear(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate()), n.setHours(r.getUTCHours(), r.getUTCMinutes(), r.getUTCSeconds(), r.getUTCMilliseconds()), n;
     }
   }]), e;
-}(qi), x = /* @__PURE__ */ function() {
+}(Ui), x = /* @__PURE__ */ function() {
   function a() {
-    v(this, a), u(this, "incompatibleTokens", void 0), u(this, "priority", void 0), u(this, "subPriority", void 0);
+    _(this, a), c(this, "incompatibleTokens", void 0), c(this, "priority", void 0), c(this, "subPriority", void 0);
   }
-  return g(a, [{
+  return v(a, [{
     key: "run",
     value: function(e, t, r, s) {
       var n = this.parse(e, t, r, s);
       return n ? {
-        setter: new Js(n.value, this.validate, this.set, this.priority, this.subPriority),
+        setter: new Ks(n.value, this.validate, this.set, this.priority, this.subPriority),
         rest: n.rest
       } : null;
     }
@@ -7765,17 +7777,17 @@ var Ks = 10, qi = /* @__PURE__ */ function() {
       return !0;
     }
   }]), a;
-}(), en = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(), Zs = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 140), u(p(t), "incompatibleTokens", ["R", "u", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 140), c(p(t), "incompatibleTokens", ["R", "u", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
@@ -7808,7 +7820,7 @@ var Ks = 10, qi = /* @__PURE__ */ function() {
       return s.era = n, r.setUTCFullYear(n, 0, 1), r.setUTCHours(0, 0, 0, 0), r;
     }
   }]), e;
-}(x), tn = 6e4, rn = 36e5, an = 1e3, M = {
+}(x), en = 6e4, tn = 36e5, rn = 1e3, O = {
   month: /^(1[0-2]|0?\d)/,
   // 0 to 12
   date: /^(3[0-1]|[0-2]?\d)/,
@@ -7846,7 +7858,7 @@ var Ks = 10, qi = /* @__PURE__ */ function() {
   // 0 to 999, -0 to -999
   fourDigitsSigned: /^-?\d{1,4}/
   // 0 to 9999, -0 to -9999
-}, Z = {
+}, J = {
   basicOptionalMinutes: /^([+-])(\d{2})(\d{2})?|Z/,
   basic: /^([+-])(\d{2})(\d{2})|Z/,
   basicOptionalSeconds: /^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,
@@ -7866,7 +7878,7 @@ function I(a, i) {
     rest: i.slice(e[0].length)
   } : null;
 }
-function ee(a, i) {
+function Z(a, i) {
   var e = i.match(a);
   if (!e)
     return null;
@@ -7877,23 +7889,23 @@ function ee(a, i) {
     };
   var t = e[1] === "+" ? 1 : -1, r = e[2] ? parseInt(e[2], 10) : 0, s = e[3] ? parseInt(e[3], 10) : 0, n = e[5] ? parseInt(e[5], 10) : 0;
   return {
-    value: t * (r * rn + s * tn + n * an),
+    value: t * (r * tn + s * en + n * rn),
     rest: i.slice(e[0].length)
   };
 }
-function Ui(a) {
-  return I(M.anyDigitsSigned, a);
+function Yi(a) {
+  return I(O.anyDigitsSigned, a);
 }
 function E(a, i) {
   switch (a) {
     case 1:
-      return I(M.singleDigit, i);
+      return I(O.singleDigit, i);
     case 2:
-      return I(M.twoDigits, i);
+      return I(O.twoDigits, i);
     case 3:
-      return I(M.threeDigits, i);
+      return I(O.threeDigits, i);
     case 4:
-      return I(M.fourDigits, i);
+      return I(O.fourDigits, i);
     default:
       return I(new RegExp("^\\d{1," + a + "}"), i);
   }
@@ -7901,13 +7913,13 @@ function E(a, i) {
 function Ne(a, i) {
   switch (a) {
     case 1:
-      return I(M.singleDigitSigned, i);
+      return I(O.singleDigitSigned, i);
     case 2:
-      return I(M.twoDigitsSigned, i);
+      return I(O.twoDigitsSigned, i);
     case 3:
-      return I(M.threeDigitsSigned, i);
+      return I(O.threeDigitsSigned, i);
     case 4:
-      return I(M.fourDigitsSigned, i);
+      return I(O.fourDigitsSigned, i);
     default:
       return I(new RegExp("^-?\\d{1," + a + "}"), i);
   }
@@ -7929,7 +7941,7 @@ function Dt(a) {
       return 0;
   }
 }
-function Yi(a, i) {
+function qi(a, i) {
   var e = i > 0, t = e ? i : 1 - i, r;
   if (t <= 50)
     r = a || 100;
@@ -7942,17 +7954,17 @@ function Yi(a, i) {
 function Wi(a) {
   return a % 400 === 0 || a % 4 === 0 && a % 100 !== 0;
 }
-var sn = /* @__PURE__ */ function(a) {
-  y(e, a);
+var an = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 130), u(p(t), "incompatibleTokens", ["Y", "R", "u", "w", "I", "i", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 130), c(p(t), "incompatibleTokens", ["Y", "R", "u", "w", "I", "i", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       var o = function(d) {
@@ -7982,24 +7994,24 @@ var sn = /* @__PURE__ */ function(a) {
     value: function(r, s, n) {
       var o = r.getUTCFullYear();
       if (n.isTwoDigitYear) {
-        var l = Yi(n.year, o);
+        var l = qi(n.year, o);
         return r.setUTCFullYear(l, 0, 1), r.setUTCHours(0, 0, 0, 0), r;
       }
       var d = !("era" in s) || s.era === 1 ? n.year : 1 - n.year;
       return r.setUTCFullYear(d, 0, 1), r.setUTCHours(0, 0, 0, 0), r;
     }
   }]), e;
-}(x), nn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), sn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 130), u(p(t), "incompatibleTokens", ["y", "R", "u", "Q", "q", "M", "L", "I", "d", "D", "i", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 130), c(p(t), "incompatibleTokens", ["y", "R", "u", "Q", "q", "M", "L", "I", "d", "D", "i", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       var o = function(d) {
@@ -8029,24 +8041,24 @@ var sn = /* @__PURE__ */ function(a) {
     value: function(r, s, n, o) {
       var l = Tt(r, o);
       if (n.isTwoDigitYear) {
-        var d = Yi(n.year, l);
+        var d = qi(n.year, l);
         return r.setUTCFullYear(d, 0, o.firstWeekContainsDate), r.setUTCHours(0, 0, 0, 0), he(r, o);
       }
       var f = !("era" in s) || s.era === 1 ? n.year : 1 - n.year;
       return r.setUTCFullYear(f, 0, o.firstWeekContainsDate), r.setUTCHours(0, 0, 0, 0), he(r, o);
     }
   }]), e;
-}(x), on = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), nn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 130), u(p(t), "incompatibleTokens", ["G", "y", "Y", "u", "Q", "q", "M", "L", "w", "d", "D", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 130), c(p(t), "incompatibleTokens", ["G", "y", "Y", "u", "Q", "q", "M", "L", "w", "d", "D", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s) {
       return Ne(s === "R" ? 4 : s.length, r);
@@ -8055,20 +8067,20 @@ var sn = /* @__PURE__ */ function(a) {
     key: "set",
     value: function(r, s, n) {
       var o = /* @__PURE__ */ new Date(0);
-      return o.setUTCFullYear(n, 0, 4), o.setUTCHours(0, 0, 0, 0), _e(o);
+      return o.setUTCFullYear(n, 0, 4), o.setUTCHours(0, 0, 0, 0), me(o);
     }
   }]), e;
-}(x), ln = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), on = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 130), u(p(t), "incompatibleTokens", ["G", "y", "Y", "R", "w", "I", "i", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 130), c(p(t), "incompatibleTokens", ["G", "y", "Y", "R", "w", "I", "i", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s) {
       return Ne(s === "u" ? 4 : s.length, r);
@@ -8079,17 +8091,17 @@ var sn = /* @__PURE__ */ function(a) {
       return r.setUTCFullYear(n, 0, 1), r.setUTCHours(0, 0, 0, 0), r;
     }
   }]), e;
-}(x), dn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), ln = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 120), u(p(t), "incompatibleTokens", ["Y", "R", "q", "M", "L", "w", "I", "d", "D", "i", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 120), c(p(t), "incompatibleTokens", ["Y", "R", "q", "M", "L", "w", "I", "d", "D", "i", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
@@ -8138,17 +8150,17 @@ var sn = /* @__PURE__ */ function(a) {
       return r.setUTCMonth((n - 1) * 3, 1), r.setUTCHours(0, 0, 0, 0), r;
     }
   }]), e;
-}(x), hn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), dn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 120), u(p(t), "incompatibleTokens", ["Y", "R", "Q", "M", "L", "w", "I", "d", "D", "i", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 120), c(p(t), "incompatibleTokens", ["Y", "R", "Q", "M", "L", "w", "I", "d", "D", "i", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
@@ -8197,17 +8209,17 @@ var sn = /* @__PURE__ */ function(a) {
       return r.setUTCMonth((n - 1) * 3, 1), r.setUTCHours(0, 0, 0, 0), r;
     }
   }]), e;
-}(x), cn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), hn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "incompatibleTokens", ["Y", "R", "q", "Q", "L", "w", "I", "D", "i", "e", "c", "t", "T"]), u(p(t), "priority", 110), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "incompatibleTokens", ["Y", "R", "q", "Q", "L", "w", "I", "D", "i", "e", "c", "t", "T"]), c(p(t), "priority", 110), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       var o = function(d) {
@@ -8215,7 +8227,7 @@ var sn = /* @__PURE__ */ function(a) {
       };
       switch (s) {
         case "M":
-          return V(I(M.month, r), o);
+          return V(I(O.month, r), o);
         case "MM":
           return V(E(2, r), o);
         case "Mo":
@@ -8261,16 +8273,16 @@ var sn = /* @__PURE__ */ function(a) {
     }
   }]), e;
 }(x), un = /* @__PURE__ */ function(a) {
-  y(e, a);
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 110), u(p(t), "incompatibleTokens", ["Y", "R", "q", "Q", "M", "w", "I", "D", "i", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 110), c(p(t), "incompatibleTokens", ["Y", "R", "q", "Q", "M", "w", "I", "D", "i", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       var o = function(d) {
@@ -8278,7 +8290,7 @@ var sn = /* @__PURE__ */ function(a) {
       };
       switch (s) {
         case "L":
-          return V(I(M.month, r), o);
+          return V(I(O.month, r), o);
         case "LL":
           return V(E(2, r), o);
         case "Lo":
@@ -8324,27 +8336,27 @@ var sn = /* @__PURE__ */ function(a) {
     }
   }]), e;
 }(x);
-function pn(a, i, e) {
-  O(2, arguments);
+function cn(a, i, e) {
+  M(2, arguments);
   var t = F(a), r = N(i), s = Ai(t, e) - r;
   return t.setUTCDate(t.getUTCDate() - s * 7), t;
 }
-var fn = /* @__PURE__ */ function(a) {
-  y(e, a);
+var pn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 100), u(p(t), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "i", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 100), c(p(t), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "i", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "w":
-          return I(M.week, r);
+          return I(O.week, r);
         case "wo":
           return n.ordinalNumber(r, {
             unit: "week"
@@ -8361,31 +8373,31 @@ var fn = /* @__PURE__ */ function(a) {
   }, {
     key: "set",
     value: function(r, s, n, o) {
-      return he(pn(r, n, o), o);
+      return he(cn(r, n, o), o);
     }
   }]), e;
 }(x);
-function _n(a, i) {
-  O(2, arguments);
+function fn(a, i) {
+  M(2, arguments);
   var e = F(a), t = N(i), r = Fi(e) - t;
   return e.setUTCDate(e.getUTCDate() - r * 7), e;
 }
 var mn = /* @__PURE__ */ function(a) {
-  y(e, a);
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 100), u(p(t), "incompatibleTokens", ["y", "Y", "u", "q", "Q", "M", "L", "w", "d", "D", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 100), c(p(t), "incompatibleTokens", ["y", "Y", "u", "q", "Q", "M", "L", "w", "d", "D", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "I":
-          return I(M.week, r);
+          return I(O.week, r);
         case "Io":
           return n.ordinalNumber(r, {
             unit: "week"
@@ -8402,25 +8414,25 @@ var mn = /* @__PURE__ */ function(a) {
   }, {
     key: "set",
     value: function(r, s, n) {
-      return _e(_n(r, n));
+      return me(fn(r, n));
     }
   }]), e;
-}(x), vn = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], gn = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], bn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), _n = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], vn = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], gn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 90), u(p(t), "subPriority", 1), u(p(t), "incompatibleTokens", ["Y", "R", "q", "Q", "w", "I", "D", "i", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 90), c(p(t), "subPriority", 1), c(p(t), "incompatibleTokens", ["Y", "R", "q", "Q", "w", "I", "D", "i", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "d":
-          return I(M.date, r);
+          return I(O.date, r);
         case "do":
           return n.ordinalNumber(r, {
             unit: "date"
@@ -8433,7 +8445,7 @@ var mn = /* @__PURE__ */ function(a) {
     key: "validate",
     value: function(r, s) {
       var n = r.getUTCFullYear(), o = Wi(n), l = r.getUTCMonth();
-      return o ? s >= 1 && s <= gn[l] : s >= 1 && s <= vn[l];
+      return o ? s >= 1 && s <= vn[l] : s >= 1 && s <= _n[l];
     }
   }, {
     key: "set",
@@ -8442,22 +8454,22 @@ var mn = /* @__PURE__ */ function(a) {
     }
   }]), e;
 }(x), yn = /* @__PURE__ */ function(a) {
-  y(e, a);
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 90), u(p(t), "subpriority", 1), u(p(t), "incompatibleTokens", ["Y", "R", "q", "Q", "M", "L", "w", "I", "d", "E", "i", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 90), c(p(t), "subpriority", 1), c(p(t), "incompatibleTokens", ["Y", "R", "q", "Q", "M", "L", "w", "I", "d", "E", "i", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "D":
         case "DD":
-          return I(M.dayOfYear, r);
+          return I(O.dayOfYear, r);
         case "Do":
           return n.ordinalNumber(r, {
             unit: "date"
@@ -8481,24 +8493,24 @@ var mn = /* @__PURE__ */ function(a) {
 }(x);
 function It(a, i, e) {
   var t, r, s, n, o, l, d, f;
-  O(2, arguments);
+  M(2, arguments);
   var h = ve(), m = N((t = (r = (s = (n = e?.weekStartsOn) !== null && n !== void 0 ? n : e == null || (o = e.locale) === null || o === void 0 || (l = o.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : h.weekStartsOn) !== null && r !== void 0 ? r : (d = h.locale) === null || d === void 0 || (f = d.options) === null || f === void 0 ? void 0 : f.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(m >= 0 && m <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var _ = F(a), b = N(i), R = _.getUTCDay(), z = b % 7, B = (z + 7) % 7, S = (B < m ? 7 : 0) + b - R;
-  return _.setUTCDate(_.getUTCDate() + S), _;
+  var g = F(a), y = N(i), R = g.getUTCDay(), z = y % 7, B = (z + 7) % 7, P = (B < m ? 7 : 0) + y - R;
+  return g.setUTCDate(g.getUTCDate() + P), g;
 }
-var wn = /* @__PURE__ */ function(a) {
-  y(e, a);
+var bn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 90), u(p(t), "incompatibleTokens", ["D", "i", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 90), c(p(t), "incompatibleTokens", ["D", "i", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
@@ -8556,17 +8568,17 @@ var wn = /* @__PURE__ */ function(a) {
       return r = It(r, n, o), r.setUTCHours(0, 0, 0, 0), r;
     }
   }]), e;
-}(x), xn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), wn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 90), u(p(t), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "E", "i", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 90), c(p(t), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "E", "i", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n, o) {
       var l = function(f) {
@@ -8633,17 +8645,17 @@ var wn = /* @__PURE__ */ function(a) {
       return r = It(r, n, o), r.setUTCHours(0, 0, 0, 0), r;
     }
   }]), e;
-}(x), Cn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), xn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 90), u(p(t), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "E", "i", "e", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 90), c(p(t), "incompatibleTokens", ["y", "R", "u", "q", "Q", "M", "L", "I", "d", "D", "E", "i", "e", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n, o) {
       var l = function(f) {
@@ -8711,24 +8723,24 @@ var wn = /* @__PURE__ */ function(a) {
     }
   }]), e;
 }(x);
-function kn(a, i) {
-  O(2, arguments);
+function Cn(a, i) {
+  M(2, arguments);
   var e = N(i);
   e % 7 === 0 && (e = e - 7);
   var t = 1, r = F(a), s = r.getUTCDay(), n = e % 7, o = (n + 7) % 7, l = (o < t ? 7 : 0) + e - s;
   return r.setUTCDate(r.getUTCDate() + l), r;
 }
-var Tn = /* @__PURE__ */ function(a) {
-  y(e, a);
+var kn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 90), u(p(t), "incompatibleTokens", ["y", "Y", "u", "q", "Q", "M", "L", "w", "d", "D", "E", "e", "c", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 90), c(p(t), "incompatibleTokens", ["y", "Y", "u", "q", "Q", "M", "L", "w", "d", "D", "E", "e", "c", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       var o = function(d) {
@@ -8791,20 +8803,20 @@ var Tn = /* @__PURE__ */ function(a) {
   }, {
     key: "set",
     value: function(r, s, n) {
-      return r = kn(r, n), r.setUTCHours(0, 0, 0, 0), r;
+      return r = Cn(r, n), r.setUTCHours(0, 0, 0, 0), r;
     }
   }]), e;
-}(x), Dn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), Tn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 80), u(p(t), "incompatibleTokens", ["b", "B", "H", "k", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 80), c(p(t), "incompatibleTokens", ["b", "B", "H", "k", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
@@ -8843,17 +8855,17 @@ var Tn = /* @__PURE__ */ function(a) {
       return r.setUTCHours(Dt(n), 0, 0, 0), r;
     }
   }]), e;
-}(x), In = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), Dn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 80), u(p(t), "incompatibleTokens", ["a", "B", "H", "k", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 80), c(p(t), "incompatibleTokens", ["a", "B", "H", "k", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
@@ -8892,17 +8904,17 @@ var Tn = /* @__PURE__ */ function(a) {
       return r.setUTCHours(Dt(n), 0, 0, 0), r;
     }
   }]), e;
-}(x), Pn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), In = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 80), u(p(t), "incompatibleTokens", ["a", "b", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 80), c(p(t), "incompatibleTokens", ["a", "b", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
@@ -8942,21 +8954,21 @@ var Tn = /* @__PURE__ */ function(a) {
     }
   }]), e;
 }(x), Sn = /* @__PURE__ */ function(a) {
-  y(e, a);
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 70), u(p(t), "incompatibleTokens", ["H", "K", "k", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 70), c(p(t), "incompatibleTokens", ["H", "K", "k", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "h":
-          return I(M.hour12h, r);
+          return I(O.hour12h, r);
         case "ho":
           return n.ordinalNumber(r, {
             unit: "hour"
@@ -8977,22 +8989,22 @@ var Tn = /* @__PURE__ */ function(a) {
       return o && n < 12 ? r.setUTCHours(n + 12, 0, 0, 0) : !o && n === 12 ? r.setUTCHours(0, 0, 0, 0) : r.setUTCHours(n, 0, 0, 0), r;
     }
   }]), e;
-}(x), En = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), Pn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 70), u(p(t), "incompatibleTokens", ["a", "b", "h", "K", "k", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 70), c(p(t), "incompatibleTokens", ["a", "b", "h", "K", "k", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "H":
-          return I(M.hour23h, r);
+          return I(O.hour23h, r);
         case "Ho":
           return n.ordinalNumber(r, {
             unit: "hour"
@@ -9012,22 +9024,22 @@ var Tn = /* @__PURE__ */ function(a) {
       return r.setUTCHours(n, 0, 0, 0), r;
     }
   }]), e;
-}(x), On = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), En = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 70), u(p(t), "incompatibleTokens", ["h", "H", "k", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 70), c(p(t), "incompatibleTokens", ["h", "H", "k", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "K":
-          return I(M.hour11h, r);
+          return I(O.hour11h, r);
         case "Ko":
           return n.ordinalNumber(r, {
             unit: "hour"
@@ -9049,21 +9061,21 @@ var Tn = /* @__PURE__ */ function(a) {
     }
   }]), e;
 }(x), Mn = /* @__PURE__ */ function(a) {
-  y(e, a);
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 70), u(p(t), "incompatibleTokens", ["a", "b", "h", "H", "K", "t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 70), c(p(t), "incompatibleTokens", ["a", "b", "h", "H", "K", "t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "k":
-          return I(M.hour24h, r);
+          return I(O.hour24h, r);
         case "ko":
           return n.ordinalNumber(r, {
             unit: "hour"
@@ -9084,22 +9096,22 @@ var Tn = /* @__PURE__ */ function(a) {
       return r.setUTCHours(o, 0, 0, 0), r;
     }
   }]), e;
-}(x), Vn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), On = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 60), u(p(t), "incompatibleTokens", ["t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 60), c(p(t), "incompatibleTokens", ["t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "m":
-          return I(M.minute, r);
+          return I(O.minute, r);
         case "mo":
           return n.ordinalNumber(r, {
             unit: "minute"
@@ -9119,22 +9131,22 @@ var Tn = /* @__PURE__ */ function(a) {
       return r.setUTCMinutes(n, 0, 0), r;
     }
   }]), e;
-}(x), Fn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), Vn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 50), u(p(t), "incompatibleTokens", ["t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 50), c(p(t), "incompatibleTokens", ["t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s, n) {
       switch (s) {
         case "s":
-          return I(M.second, r);
+          return I(O.second, r);
         case "so":
           return n.ordinalNumber(r, {
             unit: "second"
@@ -9154,17 +9166,17 @@ var Tn = /* @__PURE__ */ function(a) {
       return r.setUTCSeconds(n, 0), r;
     }
   }]), e;
-}(x), An = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), Fn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 30), u(p(t), "incompatibleTokens", ["t", "T"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 30), c(p(t), "incompatibleTokens", ["t", "T"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s) {
       var n = function(l) {
@@ -9178,31 +9190,31 @@ var Tn = /* @__PURE__ */ function(a) {
       return r.setUTCMilliseconds(n), r;
     }
   }]), e;
-}(x), Hn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), An = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 10), u(p(t), "incompatibleTokens", ["t", "T", "x"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 10), c(p(t), "incompatibleTokens", ["t", "T", "x"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s) {
       switch (s) {
         case "X":
-          return ee(Z.basicOptionalMinutes, r);
+          return Z(J.basicOptionalMinutes, r);
         case "XX":
-          return ee(Z.basic, r);
+          return Z(J.basic, r);
         case "XXXX":
-          return ee(Z.basicOptionalSeconds, r);
+          return Z(J.basicOptionalSeconds, r);
         case "XXXXX":
-          return ee(Z.extendedOptionalSeconds, r);
+          return Z(J.extendedOptionalSeconds, r);
         case "XXX":
         default:
-          return ee(Z.extended, r);
+          return Z(J.extended, r);
       }
     }
   }, {
@@ -9211,31 +9223,31 @@ var Tn = /* @__PURE__ */ function(a) {
       return s.timestampIsSet ? r : new Date(r.getTime() - n);
     }
   }]), e;
-}(x), zn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), Hn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 10), u(p(t), "incompatibleTokens", ["t", "T", "X"]), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 10), c(p(t), "incompatibleTokens", ["t", "T", "X"]), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r, s) {
       switch (s) {
         case "x":
-          return ee(Z.basicOptionalMinutes, r);
+          return Z(J.basicOptionalMinutes, r);
         case "xx":
-          return ee(Z.basic, r);
+          return Z(J.basic, r);
         case "xxxx":
-          return ee(Z.basicOptionalSeconds, r);
+          return Z(J.basicOptionalSeconds, r);
         case "xxxxx":
-          return ee(Z.extendedOptionalSeconds, r);
+          return Z(J.extendedOptionalSeconds, r);
         case "xxx":
         default:
-          return ee(Z.extended, r);
+          return Z(J.extended, r);
       }
     }
   }, {
@@ -9244,20 +9256,20 @@ var Tn = /* @__PURE__ */ function(a) {
       return s.timestampIsSet ? r : new Date(r.getTime() - n);
     }
   }]), e;
-}(x), Ln = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), zn = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 40), u(p(t), "incompatibleTokens", "*"), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 40), c(p(t), "incompatibleTokens", "*"), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r) {
-      return Ui(r);
+      return Yi(r);
     }
   }, {
     key: "set",
@@ -9267,20 +9279,20 @@ var Tn = /* @__PURE__ */ function(a) {
       }];
     }
   }]), e;
-}(x), Rn = /* @__PURE__ */ function(a) {
-  y(e, a);
+}(x), Ln = /* @__PURE__ */ function(a) {
+  b(e, a);
   var i = w(e);
   function e() {
     var t;
-    v(this, e);
+    _(this, e);
     for (var r = arguments.length, s = new Array(r), n = 0; n < r; n++)
       s[n] = arguments[n];
-    return t = i.call.apply(i, [this].concat(s)), u(p(t), "priority", 20), u(p(t), "incompatibleTokens", "*"), t;
+    return t = i.call.apply(i, [this].concat(s)), c(p(t), "priority", 20), c(p(t), "incompatibleTokens", "*"), t;
   }
-  return g(e, [{
+  return v(e, [{
     key: "parse",
     value: function(r) {
-      return Ui(r);
+      return Yi(r);
     }
   }, {
     key: "set",
@@ -9290,120 +9302,121 @@ var Tn = /* @__PURE__ */ function(a) {
       }];
     }
   }]), e;
-}(x), Bn = {
-  G: new en(),
-  y: new sn(),
-  Y: new nn(),
-  R: new on(),
-  u: new ln(),
-  Q: new dn(),
-  q: new hn(),
-  M: new cn(),
+}(x), Rn = {
+  G: new Zs(),
+  y: new an(),
+  Y: new sn(),
+  R: new nn(),
+  u: new on(),
+  Q: new ln(),
+  q: new dn(),
+  M: new hn(),
   L: new un(),
-  w: new fn(),
+  w: new pn(),
   I: new mn(),
-  d: new bn(),
+  d: new gn(),
   D: new yn(),
-  E: new wn(),
-  e: new xn(),
-  c: new Cn(),
-  i: new Tn(),
-  a: new Dn(),
-  b: new In(),
-  B: new Pn(),
+  E: new bn(),
+  e: new wn(),
+  c: new xn(),
+  i: new kn(),
+  a: new Tn(),
+  b: new Dn(),
+  B: new In(),
   h: new Sn(),
-  H: new En(),
-  K: new On(),
+  H: new Pn(),
+  K: new En(),
   k: new Mn(),
-  m: new Vn(),
-  s: new Fn(),
-  S: new An(),
-  X: new Hn(),
-  x: new zn(),
-  t: new Ln(),
-  T: new Rn()
-}, Nn = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, $n = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, qn = /^'([^]*?)'?$/, Un = /''/g, Yn = /\S/, Wn = /[a-zA-Z]/;
+  m: new On(),
+  s: new Vn(),
+  S: new Fn(),
+  X: new An(),
+  x: new Hn(),
+  t: new zn(),
+  T: new Ln()
+}, Bn = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Nn = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, $n = /^'([^]*?)'?$/, Un = /''/g, Yn = /\S/, qn = /[a-zA-Z]/;
 function He(a, i, e, t) {
-  var r, s, n, o, l, d, f, h, m, _, b, R, z, B;
-  O(3, arguments);
-  var S = String(a), W = String(i), X = ve(), q = (r = (s = void 0) !== null && s !== void 0 ? s : X.locale) !== null && r !== void 0 ? r : Bi;
-  if (!q.match)
+  var r, s, n, o, l, d, f, h, m, g, y, R, z, B;
+  M(3, arguments);
+  var P = String(a), W = String(i), G = ve(), U = (r = (s = void 0) !== null && s !== void 0 ? s : G.locale) !== null && r !== void 0 ? r : Bi;
+  if (!U.match)
     throw new RangeError("locale must contain match property");
-  var se = N((n = (o = (l = (d = void 0) !== null && d !== void 0 ? d : void 0) !== null && l !== void 0 ? l : X.firstWeekContainsDate) !== null && o !== void 0 ? o : (f = X.locale) === null || f === void 0 || (h = f.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
+  var se = N((n = (o = (l = (d = void 0) !== null && d !== void 0 ? d : void 0) !== null && l !== void 0 ? l : G.firstWeekContainsDate) !== null && o !== void 0 ? o : (f = G.locale) === null || f === void 0 || (h = f.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && n !== void 0 ? n : 1);
   if (!(se >= 1 && se <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var ge = N((m = (_ = (b = (R = void 0) !== null && R !== void 0 ? R : void 0) !== null && b !== void 0 ? b : X.weekStartsOn) !== null && _ !== void 0 ? _ : (z = X.locale) === null || z === void 0 || (B = z.options) === null || B === void 0 ? void 0 : B.weekStartsOn) !== null && m !== void 0 ? m : 0);
+  var ge = N((m = (g = (y = (R = void 0) !== null && R !== void 0 ? R : void 0) !== null && y !== void 0 ? y : G.weekStartsOn) !== null && g !== void 0 ? g : (z = G.locale) === null || z === void 0 || (B = z.options) === null || B === void 0 ? void 0 : B.weekStartsOn) !== null && m !== void 0 ? m : 0);
   if (!(ge >= 0 && ge <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (W === "")
-    return S === "" ? F(e) : /* @__PURE__ */ new Date(NaN);
-  var be = {
+    return P === "" ? F(e) : /* @__PURE__ */ new Date(NaN);
+  var ye = {
     firstWeekContainsDate: se,
     weekStartsOn: ge,
-    locale: q
-  }, ye = [new Zs()], Ye = W.match($n).map(function(A) {
+    locale: U
+  }, be = [new Js()], qe = W.match(Nn).map(function(A) {
     var T = A[0];
     if (T in dt) {
       var j = dt[T];
-      return j(A, q.formatLong);
+      return j(A, U.formatLong);
     }
     return A;
-  }).join("").match(Nn), L = [], U = jt(Ye), le;
+  }).join("").match(Bn), L = [], Y = jt(qe), le;
   try {
     var Ki = function() {
       var T = le.value;
       !(t != null && t.useAdditionalWeekYearTokens) && Ri(T) && Re(T, W, a), !(t != null && t.useAdditionalDayOfYearTokens) && Li(T) && Re(T, W, a);
-      var j = T[0], Me = Bn[j];
-      if (Me) {
-        var Vt = Me.incompatibleTokens;
+      var j = T[0], Oe = Rn[j];
+      if (Oe) {
+        var Vt = Oe.incompatibleTokens;
         if (Array.isArray(Vt)) {
           var Ft = L.find(function(At) {
             return Vt.includes(At.token) || At.token === j;
           });
           if (Ft)
             throw new RangeError("The format string mustn't contain `".concat(Ft.fullToken, "` and `").concat(T, "` at the same time"));
-        } else if (Me.incompatibleTokens === "*" && L.length > 0)
+        } else if (Oe.incompatibleTokens === "*" && L.length > 0)
           throw new RangeError("The format string mustn't contain `".concat(T, "` and any other token at the same time"));
         L.push({
           token: j,
           fullToken: T
         });
-        var je = Me.run(S, T, q.match, be);
+        var je = Oe.run(P, T, U.match, ye);
         if (!je)
           return {
             v: /* @__PURE__ */ new Date(NaN)
           };
-        ye.push(je.setter), S = je.rest;
+        be.push(je.setter), P = je.rest;
       } else {
-        if (j.match(Wn))
+        if (j.match(qn))
           throw new RangeError("Format string contains an unescaped latin alphabet character `" + j + "`");
-        if (T === "''" ? T = "'" : j === "'" && (T = jn(T)), S.indexOf(T) === 0)
-          S = S.slice(T.length);
+        if (T === "''" ? T = "'" : j === "'" && (T = Wn(T)), P.indexOf(T) === 0)
+          P = P.slice(T.length);
         else
           return {
             v: /* @__PURE__ */ new Date(NaN)
           };
       }
     };
-    for (U.s(); !(le = U.n()).done; ) {
-      var St = Ki();
-      if (ie(St) === "object") return St.v;
+    for (Y.s(); !(le = Y.n()).done; ) {
+      var Pt = Ki();
+      if (ie(Pt) === "object")
+        return Pt.v;
     }
   } catch (A) {
-    U.e(A);
+    Y.e(A);
   } finally {
-    U.f();
+    Y.f();
   }
-  if (S.length > 0 && Yn.test(S))
+  if (P.length > 0 && Yn.test(P))
     return /* @__PURE__ */ new Date(NaN);
-  var Ji = ye.map(function(A) {
+  var Ji = be.map(function(A) {
     return A.priority;
   }).sort(function(A, T) {
     return T - A;
   }).filter(function(A, T, j) {
     return j.indexOf(A) === T;
   }).map(function(A) {
-    return ye.filter(function(T) {
+    return be.filter(function(T) {
       return T.priority === A;
     }).sort(function(T, j) {
       return j.subPriority - T.subPriority;
@@ -9413,14 +9426,14 @@ function He(a, i, e, t) {
   }), We = F(e);
   if (isNaN(We.getTime()))
     return /* @__PURE__ */ new Date(NaN);
-  var we = Mi(We, zi(We)), Et = {}, Ee = jt(Ji), Ot;
+  var we = Oi(We, zi(We)), Et = {}, Ee = jt(Ji), Mt;
   try {
-    for (Ee.s(); !(Ot = Ee.n()).done; ) {
-      var Mt = Ot.value;
-      if (!Mt.validate(we, be))
+    for (Ee.s(); !(Mt = Ee.n()).done; ) {
+      var Ot = Mt.value;
+      if (!Ot.validate(we, ye))
         return /* @__PURE__ */ new Date(NaN);
-      var Oe = Mt.set(we, Et, be);
-      Array.isArray(Oe) ? (we = Oe[0], js(Et, Oe[1])) : we = Oe;
+      var Me = Ot.set(we, Et, ye);
+      Array.isArray(Me) ? (we = Me[0], Ws(Et, Me[1])) : we = Me;
     }
   } catch (A) {
     Ee.e(A);
@@ -9429,22 +9442,22 @@ function He(a, i, e, t) {
   }
   return we;
 }
-function jn(a) {
-  return a.match(qn)[1].replace(Un, "'");
+function Wn(a) {
+  return a.match($n)[1].replace(Un, "'");
 }
 function Qt(a, i) {
-  O(2, arguments);
+  M(2, arguments);
   var e = F(a), t = F(i);
   return e.getTime() > t.getTime();
 }
 function Gt(a, i) {
-  O(2, arguments);
+  M(2, arguments);
   var e = F(a), t = F(i);
   return e.getTime() < t.getTime();
 }
-const Qn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{font-family:"Roboto";font-style:normal}.date__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.date__wrapper--autofilled{pointer-events:none}.date__wrapper--autofilled .date__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__wrapper--autofilled .date__input::part(input-field){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.date__input{border:none;width:inherit;position:relative}.date__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.date__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.date__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.date__input>input{padding:5px 15px}.date__input::part(toggle-button){position:relative;right:10px}.date__error-message{position:absolute;top:calc(100% + 5px);left:0;color:rgba(204, 0, 0, 0.7019607843)}.date__tooltip-icon{position:absolute;right:0;bottom:10px}.date__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.date__tooltip.visible{opacity:1}', Gn = Qn, Xn = class {
+const jn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{font-family:"Roboto";font-style:normal}.date__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.date__wrapper--autofilled{pointer-events:none}.date__wrapper--autofilled .date__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__wrapper--autofilled .date__input::part(input-field){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.date__input{border:none;width:inherit;position:relative}.date__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.date__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.date__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.date__input>input{padding:5px 15px}.date__input::part(toggle-button){position:relative;right:10px}.date__error-message{position:absolute;top:calc(100% + 5px);left:0;color:rgba(204, 0, 0, 0.7019607843)}.date__tooltip-icon{position:absolute;right:0;bottom:10px}.date__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.date__tooltip.visible{opacity:1}', Qn = jn, Gn = class {
   constructor(a) {
-    re(this, a), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.clientStyling = "", this.emitOnClick = !1, this.limitStylingAppends = !1, this.showTooltip = !1, this.touched = !1, this.formatDate = (i) => {
+    re(this, a), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.touched = !1, this.formatDate = (i) => {
       const { year: e, month: t, day: r } = i, s = new Date(e, t, r);
       return Us(s, this.dateFormat || "yyyy-MM-dd");
     }, this.parseDate = (i) => {
@@ -9455,7 +9468,10 @@ const Qn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{
     }, this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.validation = void 0, this.defaultValue = void 0, this.autofilled = void 0, this.tooltip = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.dateFormat = void 0, this.emitOnClick = !1, this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
@@ -9504,26 +9520,27 @@ const Qn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{
       return k("requiredError", this.language);
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `date__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `date__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   render() {
     let a = "";
-    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), c("div", { key: "fc9cd0a618c7b6e62962c0800399a470fffa1fc4", class: `date__wrapper  ${this.autofilled ? "date__wrapper--autofilled" : ""} ${this.name}__input`, ref: (i) => this.stylingContainer = i }, c("label", { key: "abc7c1715dd2d0c60dd2ac6d028355de910be501", class: `date__label ${this.validation.mandatory ? "date__label--required" : ""}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? "*" : ""), c("vaadin-date-picker", { key: "a6b40a978b573d41490457d708f9a7ac78622a6f", id: `${this.name}__input`, type: "date", class: `date__input ${a}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onChange: (i) => this.handleInput(i), onBlur: this.handleBlur }), c("small", { key: "d802ea7b25a64802aca3a7491107fcee7af2a23c", class: "date__error-message" }, this.errorMessage), this.tooltip && c("img", { key: "46edd200a9ce9eba27414a6434c6b3d5e9dc9964", class: "date__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
+    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "ad6360e0afb065a91f860574f5e3c08f5bdb2534", class: `date__wrapper  ${this.autofilled ? "date__wrapper--autofilled" : ""} ${this.name}__input`, ref: (i) => this.stylingContainer = i }, u("label", { key: "3e8d26e0c8ae0983997b84e95cb34887df1f5fe5", class: `date__label ${this.validation.mandatory ? "date__label--required" : ""}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? "*" : ""), u("vaadin-date-picker", { key: "62ee430506c2ab1a5ebb632d72e84ef905296888", id: `${this.name}__input`, type: "date", class: `date__input ${a}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onChange: (i) => this.handleInput(i), onBlur: this.handleBlur }), u("small", { key: "6b7c0e9c3437b484bd534060f93ad4fcd9eaeb60", class: "date__error-message" }, this.errorMessage), this.tooltip && u("img", { key: "6479b29563710abfe1be584c9de110fafe69ca3d", class: "date__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
   }
   get element() {
-    return ct(this);
+    return ut(this);
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       emitValue: ["emitValueHandler"]
     };
   }
 };
-Xn.style = Gn;
-const Kn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email{font-family:"Roboto";font-style:normal}.email__wrapper{position:relative;width:100%}.email__wrapper--autofilled{pointer-events:none}.email__wrapper--autofilled .email__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.email__wrapper--autofilled .email__input{color:var(--emw--color-black, #000000)}.email__wrapper--flex{display:flex;gap:5px}.email__wrapper--relative{position:relative}.email__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.email__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.email__input{font-family:inherit;border-radius:4px;width:100%;height:40px;border:2px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;font-size:16px;font-weight:300;line-height:1.5;padding:10px}.email__input:focus{outline-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.email__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.email__input::placeholder{color:var(--emw--color-gray-150, #828282)}.email__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.email__tooltip-icon{width:16px;height:auto}.email__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.email__tooltip.visible{opacity:1}', Jn = Kn, Zn = class {
+Gn.style = Qn;
+const Xn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email{font-family:"Roboto";font-style:normal}.email__wrapper{position:relative;width:100%}.email__wrapper--autofilled{pointer-events:none}.email__wrapper--autofilled .email__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.email__wrapper--autofilled .email__input{color:var(--emw--color-black, #000000)}.email__wrapper--flex{display:flex;gap:5px}.email__wrapper--relative{position:relative}.email__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.email__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.email__input{font-family:inherit;border-radius:4px;width:100%;height:40px;border:2px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;font-size:16px;font-weight:300;line-height:1.5;padding:10px}.email__input:focus{outline-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.email__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.email__input::placeholder{color:var(--emw--color-gray-150, #828282)}.email__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.email__tooltip-icon{width:16px;height:auto}.email__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.email__tooltip.visible{opacity:1}', Kn = Xn, Jn = class {
   constructor(a) {
-    re(this, a), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
+    re(this, a), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
       this.value = i.target.value, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
         this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
       }, 500);
@@ -9532,7 +9549,10 @@ const Kn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email
     }, this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.validation = void 0, this.defaultValue = void 0, this.autofilled = void 0, this.tooltip = void 0, this.language = void 0, this.emitValue = void 0, this.isDuplicateInput = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
@@ -9585,23 +9605,24 @@ const Kn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email
     }
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `email__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `email__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   render() {
     let a = "";
-    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), c("div", { key: "23ac67984ab7a0f4db01e5fe01f4f326b4c6a912", class: `email__wrapper ${this.autofilled ? "number__wrapper--autofilled" : ""}  ${this.name}__input`, ref: (i) => this.stylingContainer = i }, c("div", { key: "aa2405e435aea20f1678dd74776a8ce4094bc95b", class: "email__wrapper--flex" }, c("label", { key: "970b83bbcf082d1721c1647993fecd076939b65d", class: `email__label ${this.validation.mandatory ? "email__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), c("div", { key: "2f03eaf161aab9b45282c1bc0de15bea8455427c", class: "email__wrapper--relative" }, this.tooltip && c("img", { key: "3c34b91f0b478cf04f5aabc5fdd33a8ed73d091b", class: "email__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), c("input", { key: "491f83c0f562893c02e3425b4d54eecc214e3c95", id: `${this.name}__input`, type: "email", class: `email__input ${a}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, ref: (i) => this.inputReference = i, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), c("small", { key: "edb6660d958cc5d0cb41b0db195bd7e847ecbefe", class: "email__error-message" }, this.errorMessage));
+    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "a46093cfafc840d2fd563ee9676ccd2f16fb1620", class: `email__wrapper ${this.autofilled ? "number__wrapper--autofilled" : ""}  ${this.name}__input`, ref: (i) => this.stylingContainer = i }, u("div", { key: "2eab4a96efc36cdb94e9f92b2a161e208f0ebcd4", class: "email__wrapper--flex" }, u("label", { key: "f5ed857f61ea6763c5fe88590732258b4dedac1b", class: `email__label ${this.validation.mandatory ? "email__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "58cadc7857cd91dec968852be71e0108f55fbda7", class: "email__wrapper--relative" }, this.tooltip && u("img", { key: "03009d036fde1c36b9348ac45cefa3389194260c", class: "email__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "b2a9fd96ed301df5f1d7cf6f5a2a5b52f96ab189", id: `${this.name}__input`, type: "email", class: `email__input ${a}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, ref: (i) => this.inputReference = i, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "edb17f53141a3406bfc657f80098b914044a8894", class: "email__error-message" }, this.errorMessage));
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       emitValue: ["emitValueHandler"]
     };
   }
 };
-Zn.style = Jn;
-const eo = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:"Roboto";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emw--color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.number__tooltip.visible{opacity:1}', to = eo, io = class {
+Jn.style = Kn;
+const Zn = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:"Roboto";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emw--color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.number__tooltip.visible{opacity:1}', eo = Zn, to = class {
   constructor(a) {
-    re(this, a), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
+    re(this, a), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
       this.value = i.target.value, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
         this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
       }, 500);
@@ -9610,7 +9631,10 @@ const eo = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.numbe
     }, this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.validation = void 0, this.defaultValue = void 0, this.autofilled = void 0, this.tooltip = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
@@ -9656,26 +9680,30 @@ const eo = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.numbe
       return k("requiredError", this.language);
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `number__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `number__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   render() {
     let a = "";
-    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), c("div", { key: "2032f77ca52b330ae2e8f484d7a0aba60ee7b9d5", class: `number__wrapper ${this.autofilled ? "number__wrapper--autofilled" : ""}  ${this.name}__input`, ref: (i) => this.stylingContainer = i }, c("div", { key: "0786901cd928bba86597180f058bff43fba522b6", class: "number__wrapper--flex" }, c("label", { key: "ff7f39306cef7aeba3e0e4508df03c5a945e748b", class: `number__label ${this.validation.mandatory ? "number__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), c("div", { key: "dced91223621551472fee374d56f1ad7476f4191", class: "number__wrapper--relative" }, this.tooltip && c("img", { key: "a804a983e342e4d117126720a32c4c34a2b267dc", class: "number__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), c("input", { key: "fd59afaedf7d9f761684b057a1809474d735cc26", ref: (i) => this.inputReference = i, type: "number", value: this.defaultValue, readOnly: this.autofilled, id: `${this.name}__input`, class: `number__input ${a}`, pattern: this.validationPattern, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onInput: this.handleInput, onBlur: this.handleBlur }), c("small", { key: "ca11558b5704b69311626736ab84a298449b98d7", class: "number__error-message" }, this.errorMessage));
+    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "841265bba6b75cc61a0eac1450c3f5aa5f917a2e", class: `number__wrapper ${this.autofilled ? "number__wrapper--autofilled" : ""}  ${this.name}__input`, ref: (i) => this.stylingContainer = i }, u("div", { key: "645c7817cf5a0bdc352de9d8c0698fde235aa6d3", class: "number__wrapper--flex" }, u("label", { key: "3343cbbb8482b71cd152161a8d422f318f07f3fe", class: `number__label ${this.validation.mandatory ? "number__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "1f3341b2127095870610fc0e0b4b5d220c5d2e2c", class: "number__wrapper--relative" }, this.tooltip && u("img", { key: "8bbe2fe9f62347cbcd37b753d4a1b0718dc39091", class: "number__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "100401abdc33069f34e27e0807c9f31ddf7e42ec", ref: (i) => this.inputReference = i, type: "number", value: this.defaultValue, readOnly: this.autofilled, id: `${this.name}__input`, class: `number__input ${a}`, pattern: this.validationPattern, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "db1e0043bb9b6de2ad8e18f49f96152b9451b93c", class: "number__error-message" }, this.errorMessage));
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       emitValue: ["emitValueHandler"]
     };
   }
 };
-io.style = to;
-const ro = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.radio__tooltip.visible{opacity:1}", ao = ro, so = class {
+to.style = eo;
+const io = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.radio__tooltip.visible{opacity:1}", ro = io, ao = class {
   constructor(a) {
-    re(this, a), this.sendInputValue = H(this, "sendInputValue"), this.sendValidityState = H(this, "sendValidityState"), this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.setClientStyling = () => {
+    re(this, a), this.sendInputValue = H(this, "sendInputValue", 7), this.sendValidityState = H(this, "sendValidityState", 7), this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.optionsGroup = void 0, this.validation = void 0, this.tooltip = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
@@ -9706,19 +9734,20 @@ const ro = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio
       return k("requiredError", this.language);
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `radio__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `radio__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   render() {
-    return c("fieldset", { key: "3d90735f7dc8fef6a96dc85b8f9ba22880cb205f", class: `radio__fieldset ${this.name}__input`, ref: (a) => this.stylingContainer = a }, c("legend", { key: "9472ed76f5c7fabb90d2b3d39eeb9e18f05a30dd", class: "radio__legend" }, this.displayName, ":"), this.optionsGroup.map((a) => c("div", { class: "radio__wrapper" }, c("input", { type: "radio", class: "radio__input", id: `${a.label}__input`, ref: (i) => this.inputReference = i, value: a.value, name: this.name, required: this.validation.mandatory, onClick: (i) => this.handleClick(i) }), c("label", { htmlFor: `${a.label}__input` }, a.label))), c("small", { key: "2ae0947580bb8a0a3d889a2d9ebd0b82458fdfd2", class: "radio__error-message" }, this.errorMessage), this.tooltip && c("img", { key: "4f3cbf341f1c559bbdf44ca5d169be7a64d46e97", class: "radio__tooltip-icon", src: ae, alt: "", ref: (a) => this.tooltipIconReference = a, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
+    return u("fieldset", { key: "29ff8fcc910622397750532629ac0c202c9726ba", class: `radio__fieldset ${this.name}__input`, ref: (a) => this.stylingContainer = a }, u("legend", { key: "cdab5b331863f3d31aab50c1d95b5a8845d53329", class: "radio__legend" }, this.displayName, ":"), this.optionsGroup.map((a) => u("div", { class: "radio__wrapper" }, u("input", { type: "radio", class: "radio__input", id: `${a.label}__input`, ref: (i) => this.inputReference = i, value: a.value, name: this.name, required: this.validation.mandatory, onClick: (i) => this.handleClick(i) }), u("label", { htmlFor: `${a.label}__input` }, a.label))), u("small", { key: "bd6cd89510e7ace1348b391f3ce9ba334a03e695", class: "radio__error-message" }, this.errorMessage), this.tooltip && u("img", { key: "27036c51c89612dbb87e5248355d3a5466c49705", class: "radio__tooltip-icon", src: ae, alt: "", ref: (a) => this.tooltipIconReference = a, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       emitValue: ["emitValueHandler"]
     };
   }
 };
-so.style = ao;
+ao.style = ro;
 const ji = D`
   :host {
     display: flex;
@@ -9804,8 +9833,8 @@ const ji = D`
     height: var(--lumo-icon-size-m);
   }
 `;
-P("vaadin-item", ji, { moduleId: "lumo-item" });
-const no = D`
+S("vaadin-item", ji, { moduleId: "lumo-item" });
+const so = D`
   :host {
     transition: background-color 100ms;
     overflow: hidden;
@@ -9818,7 +9847,7 @@ const no = D`
     box-shadow: inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
   }
 `;
-P("vaadin-combo-box-item", [ji, no], {
+S("vaadin-combo-box-item", [ji, so], {
   moduleId: "lumo-combo-box-item"
 });
 /**
@@ -9826,7 +9855,7 @@ P("vaadin-combo-box-item", [ji, no], {
  * Copyright (c) 2022 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const oo = D`
+const no = D`
   [part~='loader'] {
     box-sizing: border-box;
     width: var(--lumo-icon-size-s);
@@ -9868,7 +9897,7 @@ const oo = D`
       transform: rotate(360deg);
     }
   }
-`, lo = D`
+`, oo = D`
   [part='content'] {
     padding: 0;
   }
@@ -9889,7 +9918,7 @@ const oo = D`
   :host([bottom-aligned]) [part~='overlay'] {
     margin-bottom: var(--lumo-space-xs);
   }
-`, ho = D`
+`, lo = D`
   [part~='loader'] {
     position: absolute;
     z-index: 1;
@@ -9898,14 +9927,14 @@ const oo = D`
     margin-inline: auto 0;
   }
 `;
-P(
+S(
   "vaadin-combo-box-overlay",
   [
     gt,
-    bt,
-    lo,
+    yt,
     oo,
-    ho,
+    no,
+    lo,
     D`
       :host {
         --_vaadin-combo-box-items-container-border-width: var(--lumo-space-xs);
@@ -9915,12 +9944,12 @@ P(
   ],
   { moduleId: "lumo-combo-box-overlay" }
 );
-const co = D`
+const ho = D`
   [part='toggle-button']::before {
     content: var(--lumo-icons-dropdown);
   }
 `;
-P("vaadin-combo-box", [ti, co], { moduleId: "lumo-combo-box" });
+S("vaadin-combo-box", [si, ho], { moduleId: "lumo-combo-box" });
 /**
  * @license
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
@@ -10017,9 +10046,9 @@ const uo = (a) => class extends a {
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-class po extends uo(K(Ue(Y))) {
+class co extends uo(X(Ye(q))) {
   static get template() {
-    return G`
+    return Q`
       <style>
         :host {
           display: block;
@@ -10039,13 +10068,13 @@ class po extends uo(K(Ue(Y))) {
     return "vaadin-combo-box-item";
   }
 }
-$(po);
+$(co);
 /**
  * @license
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const fo = (a) => class extends wi(a) {
+const po = (a) => class extends wi(a) {
   static get observers() {
     return ["_setOverlayWidth(positionTarget, opened)"];
   }
@@ -10094,7 +10123,7 @@ const fo = (a) => class extends wi(a) {
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const _o = D`
+const fo = D`
   #overlay {
     width: var(--vaadin-combo-box-overlay-width, var(--_vaadin-combo-box-overlay-default-width, auto));
   }
@@ -10105,15 +10134,15 @@ const _o = D`
     height: 100%;
   }
 `;
-P("vaadin-combo-box-overlay", [fi, _o], {
+S("vaadin-combo-box-overlay", [fi, fo], {
   moduleId: "vaadin-combo-box-overlay-styles"
 });
-class mo extends fo(yi(Ue(K(Y)))) {
+class mo extends po(bi(Ye(X(q)))) {
   static get is() {
     return "vaadin-combo-box-overlay";
   }
   static get template() {
-    return G`
+    return Q`
       <div id="backdrop" part="backdrop" hidden></div>
       <div part="overlay" id="overlay">
         <div part="loader"></div>
@@ -10140,7 +10169,7 @@ function $e(a, i) {
  * Code distributed by Google as part of the polymer project is also
  * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  */
-const Xt = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u), vo = Xt && Xt[1] >= 8, Kt = 3, go = {
+const Xt = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u), _o = Xt && Xt[1] >= 8, Kt = 3, vo = {
   /**
    * The ratio of hidden tiles that should remain in the scroll direction.
    * Recommended value ~0.5, so it will distribute tiles evenly in both
@@ -10418,7 +10447,7 @@ const Xt = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u), vo
       this._virtualEnd >= this._virtualCount - 1 || t === 0 || (this._isClientFull() ? this._physicalSize < this._optPhysicalSize && this._debounce(
         "_increasePoolIfNeeded",
         this._increasePoolIfNeeded.bind(this, this._clamp(Math.round(50 / this._templateCost), 1, t)),
-        ur
+        cr
       ) : this._debounce("_increasePoolIfNeeded", this._increasePoolIfNeeded.bind(this, t), tt));
     }
   },
@@ -10430,7 +10459,8 @@ const Xt = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u), vo
       if (this._physicalCount !== 0) {
         const a = this._getReusables(!0);
         this._physicalTop = a.physicalTop, this._virtualStart += a.indexes.length, this._physicalStart += a.indexes.length, this._update(a.indexes), this._update(), this._increasePoolIfNeeded(0);
-      } else this._virtualCount > 0 && (this.updateViewportBoundaries(), this._increasePoolIfNeeded(Kt));
+      } else
+        this._virtualCount > 0 && (this.updateViewportBoundaries(), this._increasePoolIfNeeded(Kt));
   },
   /**
    * Called when the items have changed. That is, reassignments
@@ -10492,7 +10522,7 @@ const Xt = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u), vo
     if (a !== 0) {
       this._physicalTop -= a;
       const i = this._scrollPosition;
-      !vo && i > 0 && this._resetScrollPosition(i - a);
+      !_o && i > 0 && this._resetScrollPosition(i - a);
     }
   },
   /**
@@ -10518,7 +10548,7 @@ const Xt = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u), vo
    * @param {number} idx The index of the item
    */
   scrollToIndex(a) {
-    if (typeof a != "number" || a < 0 || a > this.items.length - 1 || (ke(), this._physicalCount === 0))
+    if (typeof a != "number" || a < 0 || a > this.items.length - 1 || (Te(), this._physicalCount === 0))
       return;
     a = this._clamp(a, 0, this._virtualCount - 1), (!this._isIndexRendered(a) || a >= this._maxVirtualStart) && (this._virtualStart = a - 1), this._assignModels(), this._updateMetrics(), this._physicalTop = this._virtualStart * this._physicalAverage;
     let i = this._physicalStart, e = this._virtualStart, t = 0;
@@ -10556,7 +10586,7 @@ const Xt = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u), vo
     return Math.min(e, Math.max(i, a));
   },
   _debounce(a, i, e) {
-    this._debouncers || (this._debouncers = {}), this._debouncers[a] = te.debounce(this._debouncers[a], e, i.bind(this)), cr(this._debouncers[a]);
+    this._debouncers || (this._debouncers = {}), this._debouncers[a] = ee.debounce(this._debouncers[a], e, i.bind(this)), pr(this._debouncers[a]);
   }
 };
 /**
@@ -10564,7 +10594,7 @@ const Xt = navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u), vo
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const bo = 1e5, et = 1e3;
+const go = 1e5, et = 1e3;
 class Qi {
   constructor({ createElements: i, updateElement: e, scrollTarget: t, scrollContainer: r, elementsContainer: s, reorderElements: n }) {
     this.isAttached = !0, this._vidxOffset = 0, this.createElements = i, this.updateElement = e, this.scrollTarget = t, this.scrollContainer = r, this.elementsContainer = s || r, this.reorderElements = n, this._maxPages = 1.3, this.__placeholderHeight = 200, this.__elementHeightQueue = Array(10), this.timeouts = {
@@ -10608,7 +10638,7 @@ class Qi {
     this._virtualCount - t < e ? (t = this._virtualCount - (this.size - i), this._vidxOffset = this._maxVirtualIndexOffset) : t < e ? i < et ? (t = i, this._vidxOffset = 0) : (t = et, this._vidxOffset = i - t) : this._vidxOffset = i - t, this.__skipNextVirtualIndexAdjust = !0, super.scrollToIndex(t), this.adjustedFirstVisibleIndex !== i && this._scrollTop < this._maxScrollTop && !this.grid && (this._scrollTop -= this.__getIndexScrollOffset(i) || 0), this._scrollHandler(), this.__hasPlaceholders() && (this.__pendingScrollToIndex = i);
   }
   flush() {
-    this.scrollTarget.offsetHeight !== 0 && (this._resizeHandler(), ke(), this._scrollHandler(), this.__fixInvalidItemPositioningDebouncer && this.__fixInvalidItemPositioningDebouncer.flush(), this.__scrollReorderDebouncer && this.__scrollReorderDebouncer.flush(), this.__debouncerWheelAnimationFrame && this.__debouncerWheelAnimationFrame.flush());
+    this.scrollTarget.offsetHeight !== 0 && (this._resizeHandler(), Te(), this._scrollHandler(), this.__fixInvalidItemPositioningDebouncer && this.__fixInvalidItemPositioningDebouncer.flush(), this.__scrollReorderDebouncer && this.__scrollReorderDebouncer.flush(), this.__debouncerWheelAnimationFrame && this.__debouncerWheelAnimationFrame.flush());
   }
   update(i = 0, e = this.size - 1) {
     const t = [];
@@ -10622,7 +10652,7 @@ class Qi {
    * @param {!Array<number>=} itemSet
    */
   _updateMetrics(i) {
-    ke();
+    Te();
     let e = 0, t = 0;
     const r = this._physicalAverageCount, s = this._physicalAverage;
     this._iterateItems((n, o) => {
@@ -10651,7 +10681,7 @@ class Qi {
     i.forEach((e) => {
       const t = e.offsetHeight;
       if (t === 0)
-        e.style.paddingTop = `${this.__placeholderHeight}px`, e.style.opacity = "0", e.__virtualizerPlaceholder = !0, this.__placeholderClearDebouncer = te.debounce(
+        e.style.paddingTop = `${this.__placeholderHeight}px`, e.style.opacity = "0", e.__virtualizerPlaceholder = !0, this.__placeholderClearDebouncer = ee.debounce(
           this.__placeholderClearDebouncer,
           ze,
           () => this._resizeHandler()
@@ -10677,12 +10707,12 @@ class Qi {
     let e, t;
     if (i > 0 && (e = this.adjustedFirstVisibleIndex, t = this.__getIndexScrollOffset(e)), this.__size = i, this._itemsChanged({
       path: "items"
-    }), ke(), i > 0) {
+    }), Te(), i > 0) {
       e = Math.min(e, i - 1), this.scrollToIndex(e);
       const r = this.__getIndexScrollOffset(e);
       t !== void 0 && r !== void 0 && (this._scrollTop += t - r);
     }
-    this.__preventElementUpdates = !1, this._isVisible || this._assignModels(), this.elementsContainer.children.length || requestAnimationFrame(() => this._resizeHandler()), this._resizeHandler(), ke(), this._debounce("_update", this._update, tt);
+    this.__preventElementUpdates = !1, this._isVisible || this._assignModels(), this.elementsContainer.children.length || requestAnimationFrame(() => this._resizeHandler()), this._resizeHandler(), Te(), this._debounce("_update", this._update, tt);
   }
   /** @private */
   get _scrollTop() {
@@ -10695,7 +10725,7 @@ class Qi {
   /** @private */
   get items() {
     return {
-      length: Math.min(this.size, bo)
+      length: Math.min(this.size, go)
     };
   }
   /** @private */
@@ -10787,11 +10817,11 @@ class Qi {
       const e = i >= 0, t = this._getReusables(!e);
       t.indexes.length && (this._physicalTop = t.physicalTop, e ? (this._virtualStart -= t.indexes.length, this._physicalStart -= t.indexes.length) : (this._virtualStart += t.indexes.length, this._physicalStart += t.indexes.length), this._resizeHandler());
     }
-    i && (this.__fixInvalidItemPositioningDebouncer = te.debounce(
+    i && (this.__fixInvalidItemPositioningDebouncer = ee.debounce(
       this.__fixInvalidItemPositioningDebouncer,
       pe.after(this.timeouts.FIX_INVALID_ITEM_POSITIONING),
       () => this.__fixInvalidItemPositioning()
-    )), this.reorderElements && (this.__scrollReorderDebouncer = te.debounce(
+    )), this.reorderElements && (this.__scrollReorderDebouncer = ee.debounce(
       this.__scrollReorderDebouncer,
       pe.after(this.timeouts.SCROLL_REORDER),
       () => this.__reorderElements()
@@ -10820,7 +10850,7 @@ class Qi {
       this._deltaYAcc += e, i.preventDefault();
       return;
     }
-    e += this._deltaYAcc, this._deltaYAcc = 0, this._wheelAnimationFrame = !0, this.__debouncerWheelAnimationFrame = te.debounce(
+    e += this._deltaYAcc, this._deltaYAcc = 0, this._wheelAnimationFrame = !0, this.__debouncerWheelAnimationFrame = ee.debounce(
       this.__debouncerWheelAnimationFrame,
       ze,
       () => {
@@ -10828,7 +10858,7 @@ class Qi {
       }
     );
     const t = Math.abs(i.deltaX) + Math.abs(e);
-    this._canScroll(this.scrollTarget, i.deltaX, e) ? (i.preventDefault(), this.scrollTarget.scrollTop += e, this.scrollTarget.scrollLeft += i.deltaX, this._hasResidualMomentum = !0, this._ignoreNewWheel = !0, this._debouncerIgnoreNewWheel = te.debounce(
+    this._canScroll(this.scrollTarget, i.deltaX, e) ? (i.preventDefault(), this.scrollTarget.scrollTop += e, this.scrollTarget.scrollLeft += i.deltaX, this._hasResidualMomentum = !0, this._ignoreNewWheel = !0, this._debouncerIgnoreNewWheel = ee.debounce(
       this._debouncerIgnoreNewWheel,
       pe.after(this.timeouts.IGNORE_WHEEL),
       () => {
@@ -10921,7 +10951,7 @@ class Qi {
     else if (s < 0)
       for (let n = e.length + s; n < e.length; n++)
         this.elementsContainer.insertBefore(e[n], e[0]);
-    if (hr) {
+    if (fr) {
       const { transform: n } = this.scrollTarget.style;
       this.scrollTarget.style.transform = "translateZ(0)", setTimeout(() => {
         this.scrollTarget.style.transform = n;
@@ -10944,7 +10974,7 @@ class Qi {
     }
   }
 }
-Object.setPrototypeOf(Qi.prototype, go);
+Object.setPrototypeOf(Qi.prototype, vo);
 class yo {
   /**
    * @typedef {Object} VirtualizerConfig
@@ -11024,7 +11054,7 @@ class yo {
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const me = class {
+const _e = class {
   toString() {
     return "";
   }
@@ -11034,7 +11064,7 @@ const me = class {
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const wo = (a) => class extends a {
+const bo = (a) => class extends a {
   static get properties() {
     return {
       /**
@@ -11137,7 +11167,7 @@ const wo = (a) => class extends a {
   }
   /** @protected */
   ready() {
-    super.ready(), this.setAttribute("role", "listbox"), this.id = `${this.localName}-${ui()}`, this.__hostTagName = this.constructor.is.replace("-scroller", ""), this.addEventListener("click", (e) => e.stopPropagation()), this.__patchWheelOverScrolling();
+    super.ready(), this.setAttribute("role", "listbox"), this.id = `${this.localName}-${ci()}`, this.__hostTagName = this.constructor.is.replace("-scroller", ""), this.addEventListener("click", (e) => e.stopPropagation()), this.__patchWheelOverScrolling();
   }
   /**
    * Updates the virtualizer's size and items.
@@ -11171,7 +11201,7 @@ const wo = (a) => class extends a {
    * @protected
    */
   _isItemSelected(e, t, r) {
-    return e instanceof me ? !1 : r && e !== void 0 && t !== void 0 ? $e(r, e) === $e(r, t) : e === t;
+    return e instanceof _e ? !1 : r && e !== void 0 && t !== void 0 ? $e(r, e) === $e(r, t) : e === t;
   }
   /** @private */
   __initVirtualizer() {
@@ -11233,7 +11263,7 @@ const wo = (a) => class extends a {
       selected: n,
       renderer: this.renderer,
       focused: !this.loading && s === t
-    }), typeof this.itemClassNameGenerator == "function" ? e.className = this.itemClassNameGenerator(r) : e.className !== "" && (e.className = ""), e.performUpdate && !e.hasUpdated && e.performUpdate(), e.id = `${this.__hostTagName}-item-${t}`, e.setAttribute("role", t !== void 0 ? "option" : !1), e.setAttribute("aria-selected", n.toString()), e.setAttribute("aria-posinset", t + 1), e.setAttribute("aria-setsize", this.items.length), this.theme ? e.setAttribute("theme", this.theme) : e.removeAttribute("theme"), r instanceof me && this.__requestItemByIndex(t);
+    }), typeof this.itemClassNameGenerator == "function" ? e.className = this.itemClassNameGenerator(r) : e.className !== "" && (e.className = ""), e.performUpdate && !e.hasUpdated && e.performUpdate(), e.id = `${this.__hostTagName}-item-${t}`, e.setAttribute("role", t !== void 0 ? "option" : !1), e.setAttribute("aria-selected", n.toString()), e.setAttribute("aria-posinset", t + 1), e.setAttribute("aria-setsize", this.items.length), this.theme ? e.setAttribute("theme", this.theme) : e.removeAttribute("theme"), r instanceof _e && this.__requestItemByIndex(t);
   }
   /** @private */
   __onItemClick(e) {
@@ -11286,12 +11316,12 @@ const wo = (a) => class extends a {
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-class xo extends wo(Y) {
+class wo extends bo(q) {
   static get is() {
     return "vaadin-combo-box-scroller";
   }
   static get template() {
-    return G`
+    return Q`
       <style>
         :host {
           display: block;
@@ -11321,13 +11351,13 @@ class xo extends wo(Y) {
     `;
   }
 }
-$(xo);
+$(wo);
 /**
  * @license
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const Co = (a) => class extends li(a) {
+const xo = (a) => class extends li(a) {
   static get properties() {
     return {
       /**
@@ -11351,14 +11381,14 @@ const Co = (a) => class extends li(a) {
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-function qe(a, i, e = 0) {
+function Ue(a, i, e = 0) {
   let t = i;
   for (const r of a.subCaches) {
     const s = r.parentCacheIndex;
     if (t <= s)
       break;
     if (t <= s + r.flatSize)
-      return qe(r, t - s - 1, e + 1);
+      return Ue(r, t - s - 1, e + 1);
     t -= r.flatSize;
   }
   return {
@@ -11399,7 +11429,7 @@ function Xi(a, [i, ...e], t = 0) {
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-class Pt {
+class St {
   /**
    * A context object.
    *
@@ -11583,7 +11613,7 @@ class Pt {
    * @return {Cache}
    */
   createSubCache(i) {
-    const e = new Pt(this.context, this.pageSize, 0, this, i);
+    const e = new St(this.context, this.pageSize, 0, this, i);
     return this.__subCacheByIndex[i] = e, e;
   }
   /**
@@ -11607,7 +11637,7 @@ class Pt {
     console.warn(
       "<vaadin-grid> The `getItemForIndex` method of ItemCache is deprecated and will be removed in Vaadin 25."
     );
-    const { item: e } = qe(this, i);
+    const { item: e } = Ue(this, i);
     return e;
   }
   /**
@@ -11617,7 +11647,7 @@ class Pt {
     console.warn(
       "<vaadin-grid> The `getCacheAndIndex` method of ItemCache is deprecated and will be removed in Vaadin 25."
     );
-    const { cache: e, index: t } = qe(this, i);
+    const { cache: e, index: t } = Ue(this, i);
     return { cache: e, scaledIndex: t };
   }
   /**
@@ -11657,7 +11687,7 @@ class Pt {
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-class ko extends EventTarget {
+class Co extends EventTarget {
   /**
    * The controller host element.
    *
@@ -11776,7 +11806,7 @@ class ko extends EventTarget {
    * @param {number} flatIndex
    */
   getFlatIndexContext(i) {
-    return qe(this.rootCache, i);
+    return Ue(this.rootCache, i);
   }
   /**
    * Returns context for the given item, including:
@@ -11837,7 +11867,7 @@ class ko extends EventTarget {
   }
   /** @private */
   __createRootCache(i) {
-    return new Pt(this.__cacheContext, this.pageSize, i);
+    return new St(this.__cacheContext, this.pageSize, i);
   }
   /** @private */
   __loadCachePage(i, e) {
@@ -11864,7 +11894,7 @@ class ko extends EventTarget {
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-const To = (a) => class extends a {
+const ko = (a) => class extends a {
   static get properties() {
     return {
       /**
@@ -11925,9 +11955,9 @@ const To = (a) => class extends a {
     ];
   }
   constructor() {
-    super(), this.__dataProviderController = new ko(this, {
-      placeholder: new me(),
-      isPlaceholder: (e) => e instanceof me,
+    super(), this.__dataProviderController = new Co(this, {
+      placeholder: new _e(),
+      isPlaceholder: (e) => e instanceof _e,
       dataProviderParams: () => ({ filter: this.filter })
     }), this.__dataProviderController.addEventListener("page-requested", this.__onDataProviderPageRequested.bind(this)), this.__dataProviderController.addEventListener("page-loaded", this.__onDataProviderPageLoaded.bind(this));
   }
@@ -12039,7 +12069,7 @@ const To = (a) => class extends a {
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-function Do(a) {
+function To(a) {
   if (window.Vaadin && window.Vaadin.templateRendererCallback) {
     window.Vaadin.templateRendererCallback(a);
     return;
@@ -12057,10 +12087,10 @@ function Jt(a) {
   return a != null;
 }
 function Zt(a, i) {
-  return a.findIndex((e) => e instanceof me ? !1 : i(e));
+  return a.findIndex((e) => e instanceof _e ? !1 : i(e));
 }
-const Io = (a) => class extends Ei(
-  Se(pr(mt(di(ei(pt(a))))))
+const Do = (a) => class extends Ei(
+  Pe(mr(_t(di(ii(mt(a))))))
 ) {
   static get properties() {
     return {
@@ -12319,7 +12349,7 @@ const Io = (a) => class extends Ei(
         this._overlayElement.bringToFront();
       });
     };
-    this.addEventListener("mousedown", e), this.addEventListener("touchstart", e), Do(this), this.addController(new Oi(this));
+    this.addEventListener("mousedown", e), this.addEventListener("touchstart", e), To(this), this.addController(new Mi(this));
   }
   /** @protected */
   disconnectedCallback() {
@@ -12365,7 +12395,6 @@ const Io = (a) => class extends Ei(
   /**
    * Override LitElement lifecycle callback to handle filter property change.
    * @param {Object} props
-   * @protected
    */
   updated(e) {
     super.updated(e), e.has("filter") && this._filterChanged(this.filter);
@@ -12424,7 +12453,7 @@ const Io = (a) => class extends Ei(
   }
   /** @protected */
   _isInputFocused() {
-    return this.inputElement && ci(this.inputElement);
+    return this.inputElement && ui(this.inputElement);
   }
   /** @private */
   _updateActiveDescendant(e) {
@@ -12634,7 +12663,8 @@ const Io = (a) => class extends Ei(
           bubbles: !0
         });
         this.dispatchEvent(s), s.defaultPrevented || (this.value = r);
-      } else !this.allowCustomValue && !this.opened && t ? this.value = this._getItemValue(t) : this._revertInputValueToValue();
+      } else
+        !this.allowCustomValue && !this.opened && t ? this.value = this._getItemValue(t) : this._revertInputValueToValue();
     }
     this._detectAndDispatchChange(), this._clearSelectionRange(), this._clearFilter();
   }
@@ -12694,7 +12724,7 @@ const Io = (a) => class extends Ei(
   }
   /** @private */
   _detectAndDispatchChange() {
-    document.hasFocus() && this._requestValidation(), this.value !== this._lastCommittedValue && (this.dispatchEvent(new CustomEvent("change", { bubbles: !0 })), this._lastCommittedValue = this.value);
+    document.hasFocus() && this.validate(), this.value !== this._lastCommittedValue && (this.dispatchEvent(new CustomEvent("change", { bubbles: !0 })), this._lastCommittedValue = this.value);
   }
   /** @private */
   _itemsChanged(e, t) {
@@ -12756,7 +12786,7 @@ const Io = (a) => class extends Ei(
   }
   /** @private */
   _overlaySelectedItemChanged(e) {
-    e.stopPropagation(), !(e.detail.item instanceof me) && this.opened && (this._focusedIndex = this.filteredItems.indexOf(e.detail.item), this.close());
+    e.stopPropagation(), !(e.detail.item instanceof _e) && this.opened && (this._focusedIndex = this.filteredItems.indexOf(e.detail.item), this.close());
   }
   /**
    * Override method inherited from `FocusMixin`
@@ -12835,15 +12865,15 @@ const Io = (a) => class extends Ei(
  * Copyright (c) 2015 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-P("vaadin-combo-box", ri, { moduleId: "vaadin-combo-box-styles" });
-class Po extends To(
-  Io(Co(ai(K(Pe(Y)))))
+S("vaadin-combo-box", hi, { moduleId: "vaadin-combo-box-styles" });
+class Io extends ko(
+  Do(xo(ti(X(Se(q)))))
 ) {
   static get is() {
     return "vaadin-combo-box";
   }
   static get template() {
-    return G`
+    return Q`
       <style>
         :host([opened]) {
           pointer-events: auto;
@@ -12911,10 +12941,10 @@ class Po extends To(
   /** @protected */
   ready() {
     super.ready(), this.addController(
-      new ft(this, (i) => {
+      new pt(this, (i) => {
         this._setInputElement(i), this._setFocusElement(i), this.stateTarget = i, this.ariaTarget = i;
       })
-    ), this.addController(new _t(this.inputElement, this._labelController)), this._tooltipController = new Ie(this), this.addController(this._tooltipController), this._tooltipController.setPosition("top"), this._tooltipController.setAriaTarget(this.inputElement), this._tooltipController.setShouldShow((i) => !i.opened), this._positionTarget = this.shadowRoot.querySelector('[part="input-field"]'), this._toggleElement = this.$.toggleButton;
+    ), this.addController(new ft(this.inputElement, this._labelController)), this._tooltipController = new Ie(this), this.addController(this._tooltipController), this._tooltipController.setPosition("top"), this._tooltipController.setAriaTarget(this.inputElement), this._tooltipController.setShouldShow((i) => !i.opened), this._positionTarget = this.shadowRoot.querySelector('[part="input-field"]'), this._toggleElement = this.$.toggleButton;
   }
   /**
    * Override the method from `InputControlMixin`
@@ -12937,10 +12967,10 @@ class Po extends To(
     (e.includes(this._labelNode) || e.includes(this._positionTarget)) && super._onHostClick(i);
   }
 }
-$(Po);
-const So = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%}vaadin-combo-box>input{background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:"Roboto";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emw--color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.select__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emw--color-black, #000000)}.select__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.select__input::part(toggle-button){position:relative;right:10px}.select__input>input{padding:5px 15px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.select__tooltip.visible{opacity:1}', Eo = So, Oo = class {
+$(Io);
+const So = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%}vaadin-combo-box>input{background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:"Roboto";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emw--color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.select__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emw--color-black, #000000)}.select__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.select__input::part(toggle-button){position:relative;right:10px}.select__input>input{padding:5px 15px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.select__tooltip.visible{opacity:1}', Po = So, Eo = class {
   constructor(a) {
-    re(this, a), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.defaultValue = "", this.options = [], this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.touched = !1, this.handleChange = (i) => {
+    re(this, a), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.touched = !1, this.handleChange = (i) => {
       this.touched = !0;
       const e = i.target.value, t = this.options.find((r) => r.value.toLowerCase() === e.toLowerCase());
       t ? this.value = t.value : this.value = e, this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
@@ -12949,7 +12979,10 @@ const So = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
     }, this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.action = void 0, this.defaultValue = "", this.autofilled = void 0, this.tooltip = void 0, this.options = [], this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
@@ -13005,26 +13038,27 @@ const So = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
       return k("requiredError", this.language);
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `select__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `select__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   render() {
     let a = "";
-    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), c("div", { key: "3d298b9709617233adacd88b8acb7d6298d35627", class: `select__wrapper ${this.autofilled ? "select__wrapper--autofilled" : ""}  ${this.name}__input`, ref: (i) => this.stylingContainer = i }, c("div", { key: "9ba53148a200b925da11ad0dea5589e9634ffb03", class: "select__wrapper--flex" }, c("label", { key: "eb2fa2233926ada4da750e47304325d0d7ea3985", class: "select__label", htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? "*" : ""}`), c("div", { key: "3cbe968f9a7c612d0b8d0517621a933cccd1bd58", class: "select__wrapper--relative" }, this.tooltip && c("img", { key: "9fa9be645ed72897a95705b0e17b3aee855eb6d4", class: "select__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), c("vaadin-combo-box", { key: "f596a5fa5b480791080dfa63359ed30eeabfaa02", name: this.name, id: `${this.name}__input`, class: `select__input ${a} ${this.autofilled ? "select__input--autofilled" : ""}`, "item-label-path": "label", "item-value-path": "value", readOnly: this.autofilled, required: this.validation.mandatory, value: this.defaultValue, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleChange, onBlur: this.handleBlur }), c("small", { key: "a9c652406489ba1d23497c55aa14e7b67fa701bd", class: "select__error-message" }, this.errorMessage));
+    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "f02c73635c87a1937f4718c9de8df3aae8397815", class: `select__wrapper ${this.autofilled ? "select__wrapper--autofilled" : ""}  ${this.name}__input`, ref: (i) => this.stylingContainer = i }, u("div", { key: "26bf79a073dd4c84570e380b1f36bfe848fec568", class: "select__wrapper--flex" }, u("label", { key: "6eaafabe58a2dd4e1604ac2e3d55d001e2c4bc7c", class: "select__label", htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? "*" : ""}`), u("div", { key: "a1de9c4bd3dd4158b26004c6df9dca5915f73978", class: "select__wrapper--relative" }, this.tooltip && u("img", { key: "5cb869c82f53a463c91cd060fad5520d2fbc3d0d", class: "select__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("vaadin-combo-box", { key: "2e94c1faa107657034a98d70b1e98d5c5ab5caa5", name: this.name, id: `${this.name}__input`, class: `select__input ${a} ${this.autofilled ? "select__input--autofilled" : ""}`, "item-label-path": "label", "item-value-path": "value", readOnly: this.autofilled, required: this.validation.mandatory, value: this.defaultValue, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleChange, onBlur: this.handleBlur }), u("small", { key: "2c8162576d30265ea49cdc6d99071f614d833d7e", class: "select__error-message" }, this.errorMessage));
   }
   get element() {
-    return ct(this);
+    return ut(this);
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       emitValue: ["emitValueHandler"]
     };
   }
 };
-Oo.style = Eo;
-const Mo = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:"Roboto";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.tel__wrapper--flex--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__prefix::part(toggle-button){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.tel__tooltip.visible{opacity:1}', Vo = Mo, Fo = class {
+Eo.style = Po;
+const Mo = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:"Roboto";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.tel__wrapper--flex--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__prefix::part(toggle-button){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.tel__tooltip.visible{opacity:1}', Oo = Mo, Vo = class {
   constructor(a) {
-    re(this, a), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
+    re(this, a), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
       this.phoneValue = i.target.value, this.value = { prefix: this.prefixValue, phone: this.phoneValue }, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
         this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
       }, 500);
@@ -13033,7 +13067,10 @@ const Mo = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
     }, this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.showLabels = void 0, this.action = void 0, this.validation = void 0, this.defaultValue = void 0, this.autofilled = void 0, this.tooltip = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.isValid = void 0, this.errorMessage = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value, type: "tel" });
@@ -13100,23 +13137,24 @@ const Mo = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
       return k("requiredError", this.language);
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `tel__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `tel__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   render() {
     let a = "";
-    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), c("div", { key: "5febd36c339710683111039d477196daac87853c", class: `tel__wrapper ${this.autofilled ? "tel__wrapper--autofilled" : ""} ${this.name}__input`, ref: (i) => this.stylingContainer = i }, c("div", { key: "fb779beee03992b23478ffcaac85095420048ceb", class: "tel__wrapper--flex-label" }, c("label", { key: "5b69271c1c8bf403a003d765adb40a553e09466e", class: `tel__label ${this.validation.mandatory ? "tel__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), c("div", { key: "040c487308231459fc92eba2e643a80639df09d6", class: "tel__wrapper--relative" }, this.tooltip && c("img", { key: "91efd4656c718c75e5047413daf10c22c37e8f93", class: "tel__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), c("div", { key: "6215f80b6bccb3dfb03dbbc485c850725633627c", class: `tel__wrapper--flex ${a}` }, c("vaadin-combo-box", { key: "3b7b1ef3415619c51d74f5fc7c5e034acb8f037f", class: "tel__prefix", items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (i) => this.handlePrefixInput(i) }), c("input", { key: "886553206896c367ba96f015d81b44ea86f741ea", type: "tel", ref: (i) => this.inputReference = i, id: `${this.name}__input`, readOnly: this.autofilled, class: "tel__input", value: this.phoneValue, placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), c("small", { key: "d4c88d386c3342c789527d925e9cd061494b785c", class: "tel__error-message" }, this.errorMessage));
+    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "f0f70d8568ba083ee19f9e73e5921104f599e15f", class: `tel__wrapper ${this.autofilled ? "tel__wrapper--autofilled" : ""} ${this.name}__input`, ref: (i) => this.stylingContainer = i }, u("div", { key: "8da9e1c2a6b3ca19caff07540f0218266de22bb2", class: "tel__wrapper--flex-label" }, u("label", { key: "d0d90bc96e3ea853f401bae9be3f033d4cfd9b17", class: `tel__label ${this.validation.mandatory ? "tel__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "fdf7929f51edcbea8568b35804b0d9e9a93a7249", class: "tel__wrapper--relative" }, this.tooltip && u("img", { key: "0fbc9b5e8c5feef727caa71ef07d4ae80007e04a", class: "tel__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("div", { key: "b4a11808a7ae5e5cddce47b51a51003bce3a84f8", class: `tel__wrapper--flex ${a}` }, u("vaadin-combo-box", { key: "2d81ff4c11e559f302a8446816f4aca0de2cfcef", class: "tel__prefix", items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (i) => this.handlePrefixInput(i) }), u("input", { key: "ab52185589bf4d52205bad4cecc9c7ecb54cd409", type: "tel", ref: (i) => this.inputReference = i, id: `${this.name}__input`, readOnly: this.autofilled, class: "tel__input", value: this.phoneValue, placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), u("small", { key: "6d219de32297bc2fab31995b5a33b14f2eea21d9", class: "tel__error-message" }, this.errorMessage));
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       emitValue: ["emitValueHandler"]
     };
   }
 };
-Fo.style = Vo;
-const Ao = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:"Roboto";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emw--color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__input::placeholder{color:var(--emw--color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.text__tooltip.visible{opacity:1}', Ho = Ao, zo = class {
+Vo.style = Oo;
+const Fo = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:"Roboto";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emw--color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__input::placeholder{color:var(--emw--color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.text__tooltip.visible{opacity:1}', Ao = Fo, Ho = class {
   constructor(a) {
-    re(this, a), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.defaultValue = "", this.clientStyling = "", this.errorMessage = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.value = "", this.validationPattern = "", this.duplicateInputValue = null, this.touched = !1, this.handleInput = (i) => {
+    re(this, a), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.value = "", this.validationPattern = "", this.duplicateInputValue = null, this.touched = !1, this.handleInput = (i) => {
       this.value = i.target.value, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
         this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValueHandler(!0);
       }, 500);
@@ -13125,7 +13163,10 @@ const Ao = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
     }, this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
-    };
+    }, this.name = void 0, this.displayName = void 0, this.placeholder = void 0, this.validation = void 0, this.defaultValue = "", this.autofilled = void 0, this.tooltip = void 0, this.language = void 0, this.checkValidity = void 0, this.emitValue = void 0, this.isDuplicateInput = void 0, this.clientStyling = "", this.isValid = void 0, this.errorMessage = "", this.limitStylingAppends = !1, this.showTooltip = !1;
+  }
+  handleStylingChange(a, i) {
+    a !== i && this.setClientStyling();
   }
   validityChanged() {
     this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValue == !0 && this.valueHandler({ name: this.name, value: this.value });
@@ -13179,28 +13220,29 @@ const Ao = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
     }
   }
   renderTooltip() {
-    return this.showTooltip ? c("div", { class: `text__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
+    return this.showTooltip ? u("div", { class: `text__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (a) => this.tooltipReference = a, innerHTML: this.tooltip }) : null;
   }
   render() {
     let a = "";
-    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), c("div", { key: "bfb803110a70b89dd484e993c204b572f0115a17", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (i) => this.stylingContainer = i }, c("div", { key: "6e9f8f5aada98821d5dc78ccb8b1431ba23b81ab", class: "text__wrapper--flex" }, c("label", { key: "05cf07855121a79641475a5b020774cf8120d1ed", class: `text__label  ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), c("div", { key: "f8c48a999f6827a61ec392ce99858c19559c77d2", class: "text__wrapper--relative" }, this.tooltip && c("img", { key: "e866f1df104ce57c29164e73b4ad4d017c7201cd", class: "text__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), c("input", { key: "d761c265b1487fe73af54568b6da7fed82656b8d", name: this.name, id: `${this.name}__input`, value: this.defaultValue, type: "text", class: `text__input ${a}`, placeholder: `${this.placeholder}`, ref: (i) => this.inputReference = i, readOnly: this.autofilled, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), c("small", { key: "5c8df34dd47959eb1668cdf389524d145c69fa84", class: "text__error-message" }, this.errorMessage));
+    return this.touched && (a = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "e297f841a57c6acf854535a786916aa641831556", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (i) => this.stylingContainer = i }, u("div", { key: "7fd284a58e58d5c61a03caf4cc317b8dd9dbd82f", class: "text__wrapper--flex" }, u("label", { key: "f80a2003386ec867e5310190a7568105c2912569", class: `text__label  ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "e8f5197bd370100406d600be5a336f85f4c6934d", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "ff8c38fe3495a41a41ac4a1569169ce26a1ec9ce", class: "text__tooltip-icon", src: ae, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "581106e515810ab43f7d6b6eda504ccf23906b0e", name: this.name, id: `${this.name}__input`, value: this.defaultValue, type: "text", class: `text__input ${a}`, placeholder: `${this.placeholder}`, ref: (i) => this.inputReference = i, readOnly: this.autofilled, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "20620710026982d5fb670a3173bab57a7fa9e7ce", class: "text__error-message" }, this.errorMessage));
   }
   static get watchers() {
     return {
+      clientStyling: ["handleStylingChange"],
       isValid: ["validityChanged"],
       emitValue: ["emitValueHandler"]
     };
   }
 };
-zo.style = Ho;
+Ho.style = Ao;
 export {
-  Mr as checkbox_group_input,
+  Or as checkbox_group_input,
   Ar as checkbox_input,
-  Xn as date_input,
-  Zn as email_input,
-  io as number_input,
-  so as radio_input,
-  Oo as select_input,
-  Fo as tel_input,
-  zo as text_input
+  Gn as date_input,
+  Jn as email_input,
+  to as number_input,
+  ao as radio_input,
+  Eo as select_input,
+  Vo as tel_input,
+  Ho as text_input
 };