@featherk/composables 0.17.0 → 0.18.0

package/dist/featherk-composables.es.js

@@ -1,2628 +0,0 @@
-import { ref as Y, onBeforeUnmount as He, nextTick as j, computed as y, watchEffect as Ke, toValue as re, reactive as We, watch as ae, useId as Xe, unref as _e, onUnmounted as Fe, shallowRef as ve, shallowReactive as Ze, readonly as te, isRef as Pe, onScopeDispose as Me, onMounted as Le } from "vue";
-import { useFocusTrap as Ge } from "@vueuse/integrations/useFocusTrap";
-const Ct = (e, t) => {
-  const a = Y(null);
-  let f = !1, l = null, p = null;
-  const b = [], k = ".k-table-row[data-grid-row-index] [tabindex]", L = () => {
-    const d = e?.value?.$el;
-    return d ? d.closest(".k-grid") : null;
-  }, z = (d) => {
-    const I = L();
-    if (!I) return !1;
-    const m = d.closest(".k-grid-aria-root");
-    if (m)
-      return I.contains(m);
-    const E = d.closest(
-      ".k-grid-header, .k-grid-content, .k-grid-content-locked"
-    );
-    return E ? I.contains(E) : !1;
-  }, M = (d) => d.key === "Enter" || d.code === "Enter" || d.code === "NumpadEnter", C = () => e?.value?.columns, x = (d) => {
-    const I = d.key || d.code;
-    ([" ", "Spacebar", "Space"].includes(I) || M(d)) && (d.preventDefault(), d.stopPropagation(), a.value = d.target, d.target.click());
-  }, A = (d) => {
-    if (!a.value) return;
-    if (d.code === "Escape") {
-      d.stopPropagation(), a.value && a.value.focus();
-      return;
-    }
-    const I = Array.from(
-      document.querySelectorAll(
-        ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
-      )
-    ), m = document.querySelector(
-      ".k-animation-container .k-popup .k-column-menu .k-filter-menu-container"
-    );
-    if (m) {
-      if (d.code === "Tab") {
-        const E = [
-          // ".k-filter-menu-container .k-dropdownlist[tabindex='0']",
-          // ".k-filter-menu-container input.k-input-inner:not([tabindex='-1']):not([disabled])",
-          // ".k-filter-menu-container button:not([tabindex='-1']):not([disabled])",
-          // ".k-checkbox",
-          ".k-dropdownlist[tabindex='0']",
-          "input.k-input-inner:not([tabindex='-1']):not([disabled])",
-          "button:not([tabindex='-1']):not([disabled])",
-          ".k-checkbox"
-        ], F = t?.focusableMenuSelectors ?? E, D = Array.from(
-          m.querySelectorAll(F.join(","))
-        );
-        if (D.length === 0) return;
-        const P = D.findIndex(
-          (Z) => Z === document.activeElement
-        );
-        let K;
-        P === -1 ? K = 0 : d.shiftKey ? K = (P - 1 + D.length) % D.length : K = (P + 1) % D.length, d.preventDefault(), d.stopPropagation(), D[K]?.focus();
-      }
-    } else if (d.code === "ArrowUp" || d.code === "ArrowDown") {
-      d.preventDefault(), d.stopPropagation();
-      const E = I.findIndex(
-        (D) => D === document.activeElement
-      );
-      let F = E;
-      d.code === "ArrowUp" ? F = E > 0 ? E - 1 : I.length - 1 : d.code === "ArrowDown" && (F = E < I.length - 1 ? E + 1 : 0), I[F]?.focus();
-      return;
-    }
-    if (d.code === "Tab") {
-      d.preventDefault(), d.stopPropagation();
-      const E = a.value?.parentElement;
-      (d.shiftKey ? E?.previousElementSibling : E?.nextElementSibling)?.querySelector(
-        "button, [role='button'], .k-link"
-      )?.focus();
-    }
-  }, V = () => {
-    l = new MutationObserver((d) => {
-      d.forEach((I) => {
-        I.addedNodes.forEach((m) => {
-          if (m.nodeType === Node.ELEMENT_NODE) {
-            const E = m;
-            if (E.classList.contains("k-animation-container")) {
-              const D = a.value;
-              D && (D.dataset.featherKSortable === "true" || j(() => {
-                E.querySelectorAll(
-                  ".k-columnmenu-item-wrapper"
-                ).forEach((Z) => {
-                  Z.textContent?.toLowerCase().includes("sort") && Z.remove();
-                });
-              })), E.addEventListener(
-                "keydown",
-                A
-              ), j(() => {
-                const P = () => {
-                  const K = Array.from(
-                    E.querySelectorAll(
-                      ".k-animation-container .k-popup .k-column-menu .k-columnmenu-item-wrapper .k-columnmenu-item"
-                    )
-                  );
-                  if (K.length === 1)
-                    K[0].focus(), K[0].click(), P.attempts = 0;
-                  else if (K.length > 1) {
-                    P.attempts = 0;
-                    return;
-                  } else
-                    P.attempts === void 0 && (P.attempts = 0), P.attempts++ < 3 && setTimeout(P, 200);
-                };
-                P();
-              });
-            }
-            E.querySelectorAll(
-              ".k-animation-container"
-            ).forEach((D) => {
-              D.addEventListener(
-                "keydown",
-                A
-              );
-            });
-          }
-        }), I.removedNodes.forEach((m) => {
-          if (m.nodeType === Node.ELEMENT_NODE) {
-            const E = m;
-            E.classList.contains("k-animation-container") && E.removeEventListener(
-              "keydown",
-              A
-            ), E.querySelectorAll(
-              ".k-animation-container"
-            ).forEach((D) => {
-              D.removeEventListener(
-                "keydown",
-                A
-              );
-            });
-          }
-        });
-      });
-    }), l.observe(document.body, {
-      childList: !0,
-      subtree: !0
-    });
-  }, v = (d) => {
-    const I = d.tagName.toLowerCase();
-    return !!(["input", "textarea", "select", "button"].includes(I) || d.closest(
-      '.k-picker-wrap, .k-input-inner, .k-textbox, [role="combobox"]'
-    ));
-  }, c = (d) => {
-    if (!d.type || !d)
-      return;
-    const I = d.target;
-    if (!I) return;
-    const m = I.closest(
-      ".k-table-row[data-grid-row-index]"
-    );
-    if (!z(I))
-      return;
-    const E = ["ArrowLeft", "ArrowRight"].includes(
-      d.code
-    );
-    if (!(v(I) && !(m && E))) {
-      if (d.code === "Escape") {
-        const F = document.activeElement?.closest(".k-table-row[data-grid-row-index]");
-        if (F) {
-          d.preventDefault(), d.stopPropagation();
-          try {
-            Array.from(
-              e?.value.$el.querySelectorAll(
-                ".k-table-row[data-grid-row-index]"
-              )
-            ).forEach((P) => P.setAttribute("tabindex", "-1"));
-          } catch {
-          }
-          F.setAttribute("tabindex", "0"), F.focus();
-          return;
-        }
-      }
-      if ([
-        "ArrowDown",
-        "ArrowLeft",
-        "ArrowRight",
-        "ArrowUp",
-        "Enter",
-        "NumpadEnter",
-        "Space"
-      ].includes(d.code)) {
-        if (I.classList.contains("k-grid-header-menu") && I.classList.contains("k-grid-column-menu")) {
-          a.value = I;
-          return;
-        }
-        if (m) {
-          if (["ArrowDown", "ArrowUp"].includes(d.code)) {
-            d.preventDefault(), d.stopPropagation();
-            const F = (P, K) => {
-              let Z = K === "next" ? P.nextElementSibling : P.previousElementSibling;
-              for (; Z; ) {
-                const ne = Z;
-                try {
-                  if (ne.classList.contains("k-table-row"))
-                    return ne;
-                } catch {
-                }
-                Z = K === "next" ? Z.nextElementSibling : Z.previousElementSibling;
-              }
-              return null;
-            }, D = d.code === "ArrowDown" ? F(m, "next") : F(m, "previous");
-            D && (m.setAttribute("tabindex", "-1"), D.setAttribute("tabindex", "0"), D.focus());
-            return;
-          }
-          if (["ArrowLeft", "ArrowRight"].includes(d.code)) {
-            d.preventDefault(), d.stopPropagation();
-            const F = m.querySelectorAll(
-              k
-            );
-            if (F.length === 0) return;
-            let D = Array.from(F).findIndex(
-              (P) => P === document.activeElement
-            );
-            if (D === -1 && document.activeElement === m) {
-              F[0].focus();
-              return;
-            }
-            d.code === "ArrowRight" ? D = D === F.length - 1 ? 0 : D + 1 : d.code === "ArrowLeft" && (D = D === 0 ? F.length - 1 : D - 1), F[D].focus();
-            return;
-          }
-        }
-      }
-    }
-  }, g = () => {
-    j(() => {
-      const d = e.value?.$el;
-      if (!d || typeof d.closest != "function") return;
-      const I = d.closest(".k-grid");
-      I && I.classList.add("fk-grid");
-    });
-  }, R = () => {
-    if (!p)
-      try {
-        const d = () => {
-          try {
-            const E = Array.from(
-              e.value.$el.querySelectorAll(
-                ".k-table-row[data-grid-row-index]"
-              )
-            );
-            if (!E || E.length === 0 || E.filter(
-              (P) => P.getAttribute("tabindex") === "0"
-            ).length === 1) return;
-            const D = E.find(
-              (P) => P === document.activeElement || P.contains(document.activeElement)
-            );
-            if (E.forEach((P) => P.setAttribute("tabindex", "-1")), D) {
-              D.setAttribute("tabindex", "0");
-              return;
-            }
-            E[0].setAttribute("tabindex", "0");
-          } catch (E) {
-            console.error("ensureSingleTabindex error:", E);
-          }
-        }, I = Array.from(
-          e.value.$el.querySelectorAll(
-            ".k-table-row[data-grid-row-index]"
-          )
-        );
-        I.length > 0 && I.forEach((E, F) => {
-          E.setAttribute("tabindex", F === 0 ? "0" : "-1");
-        });
-        const m = e.value.$el.querySelector(".k-table-tbody");
-        m && (p = new MutationObserver(() => {
-          d();
-        }), p.observe(m, { childList: !0, subtree: !0 }));
-      } catch (d) {
-        console.error("Error setting up row navigation:", d);
-      }
-  }, q = () => {
-    j(() => {
-      const I = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-      I && I.forEach((m) => {
-        m.setAttribute("role", "button"), m.addEventListener(
-          "keydown",
-          x
-        );
-      }), V(), W();
-    });
-  }, X = () => {
-    const I = document.querySelectorAll(".k-grid-header .k-grid-header-menu.k-grid-column-menu");
-    I && I.forEach((m) => {
-      m.removeEventListener(
-        "keydown",
-        x
-      );
-    }), l && (l.disconnect(), l = null), p && (p.disconnect(), p = null), b.forEach((m) => m()), b.length = 0;
-  }, W = () => {
-    document.querySelectorAll(
-      ".k-grid-header .k-table-thead th"
-    ).forEach((m, E) => {
-      if (m.dataset.featherKHeaderBound === "true")
-        return;
-      const F = m.querySelector(
-        ".k-grid-header-menu.k-grid-column-menu"
-      );
-      if (!F) return;
-      const D = C();
-      if (D && D[E]) {
-        const n = D[E].field ?? "";
-        m.setAttribute("data-feather-k-field", n), m.setAttribute(
-          "data-feather-k-filterable",
-          D[E].filterable === !1 ? "false" : "true"
-        ), m.setAttribute(
-          "data-feather-k-sortable",
-          D[E].sortable === !1 ? "false" : "true"
-        );
-      }
-      const P = m.dataset.featherKFilterable !== "false", K = m.dataset.featherKSortable !== "false";
-      F.setAttribute("tabindex", "-1"), P || K ? m.style.cursor = "pointer" : m.style.cursor = "default", P ? (m.setAttribute("tabindex", "0"), m.setAttribute("role", "button"), m.setAttribute("aria-haspopup", "menu")) : (m.setAttribute("tabindex", "0"), m.setAttribute("role", "columnheader"), m.removeAttribute("aria-haspopup"));
-      const Z = (n) => {
-        n.target?.closest(".k-column-resizer") || (a.value = m, F.click());
-      }, ne = (n) => {
-        if (P)
-          a.value = m, n.preventDefault(), n.stopPropagation(), Z(n);
-        else if (K) {
-          a.value = m;
-          const o = m.querySelector(".k-link");
-          o && o.click();
-        }
-      };
-      m.addEventListener("click", ne), b.push(() => {
-        m.removeEventListener("click", ne);
-      });
-      const se = (n) => {
-        if ((M(n) || n.code === "Space") && (P || K)) {
-          if (n.preventDefault(), n.stopPropagation(), a.value = m, a.value.focus(), P)
-            Z(n);
-          else if (K) {
-            const o = m.querySelector(".k-link");
-            o && o.click();
-          }
-        }
-      };
-      m.addEventListener("keydown", se, !0), b.push(() => {
-        m.removeEventListener("keydown", se, !0);
-      }), m.dataset.featherKHeaderBound = "true";
-    });
-    const I = document.querySelector(".k-grid-header .k-table-thead");
-    if (I && I.dataset.featherKHeaderBound !== "true") {
-      const m = (E) => {
-        const F = E.target.closest("th");
-        F && (M(E) || E.code === "Space") && F.dataset.featherKFilterable === "false" && F.dataset.featherKSortable === "false" && (E.preventDefault(), E.stopImmediatePropagation());
-      };
-      I.addEventListener(
-        "keydown",
-        m,
-        !0
-        // NOTE: capture phase
-      ), b.push(() => {
-        I.removeEventListener(
-          "keydown",
-          m,
-          !0
-        );
-      }), I.dataset.featherKHeaderBound = "true";
-    }
-  }, B = function(d, I) {
-    const m = d?.event?.event.target, E = C();
-    if (!m || !E) return;
-    const F = m.classList.contains("k-grid-header-menu"), D = m.classList.contains("k-columnmenu-item"), P = E.find((K) => K.field === d?.event?.field)?.sortable && !0;
-    if (!F) {
-      if (D && !P) {
-        d?.event?.sort?.filter(
-          (Z) => Z.field !== d?.event?.field
-        );
-        return;
-      }
-      typeof I == "function" && j(() => {
-        a.value && a.value.focus(), I(d), j(() => {
-          W();
-        });
-      });
-    }
-  }, _ = () => {
-    if (!f)
-      try {
-        g(), R(), q(), f = !0;
-      } catch (d) {
-        console.error("initA11y failed:", d), X();
-      }
-  };
-  return He(() => {
-    X();
-  }), {
-    activeFilterButton: a,
-    handleGridKeyDown: c,
-    handleSortChange: B,
-    initA11y: _
-  };
-}, je = (e) => !!e && typeof e == "object" && "filters" in e && Array.isArray(e.filters), Je = (e) => !!e && typeof e == "object" && "field" in e, Ue = (e, t) => !e || typeof e != "object" ? !1 : je(e) ? e.filters.some(
-  (a) => Ue(a, t)
-) : Je(e) ? e.field === t : !1, Rt = (e) => (t) => e.value?.filters && e.value.filters.some(
-  (a) => Ue(a, t)
-) ? "active" : "", Qe = [
-  "button",
-  "a",
-  "input",
-  "select",
-  "textarea",
-  '[role="button"]',
-  '[role="checkbox"]',
-  '[role="link"]',
-  '[role="menuitem"]',
-  '[role="option"]',
-  ".k-checkbox",
-  ".k-button",
-  ".k-dropdown",
-  ".k-picker",
-  ".k-hierarchy-cell",
-  ".k-grid-header-menu",
-  ".k-column-menu"
-], Ft = (e) => {
-  const {
-    onRowAction: t,
-    gridRef: a,
-    dataItems: f,
-    ignoreSelectors: l = [],
-    shouldIgnoreTarget: p,
-    enableKeyboardAction: b = !0
-  } = e, k = [
-    ...Qe,
-    ...l
-  ], L = (v, c) => {
-    if (!v) return !1;
-    const g = k.join(",");
-    return v.closest && v.closest(g) ? !0 : p && c ? p(v, c) : !1;
-  }, z = (v) => {
-    const g = v?.closest?.(
-      ".k-table-row[data-grid-row-index]"
-    )?.getAttribute("data-grid-row-index");
-    if (g == null) return;
-    const R = parseInt(g, 10);
-    return Number.isNaN(R) ? void 0 : R;
-  }, M = (v) => {
-    if (!v || typeof v.clientX != "number")
-      return;
-    const c = typeof window < "u" && window.scrollX || 0, g = typeof window < "u" && window.scrollY || 0, R = typeof window < "u" && window.screenX || 0, q = typeof window < "u" && window.screenY || 0;
-    return {
-      clientX: v.clientX,
-      clientY: v.clientY,
-      pageX: typeof v.pageX == "number" ? v.pageX : v.clientX + c,
-      pageY: typeof v.pageY == "number" ? v.pageY : v.clientY + g,
-      screenX: typeof v.screenX == "number" ? v.screenX : v.clientX + R,
-      screenY: typeof v.screenY == "number" ? v.screenY : v.clientY + q
-    };
-  }, C = (v) => {
-    if (!v || typeof v.getBoundingClientRect != "function")
-      return;
-    const c = v.getBoundingClientRect();
-    if (!c) return;
-    const g = c.left, R = c.bottom, q = typeof window < "u" && window.scrollX || 0, X = typeof window < "u" && window.scrollY || 0;
-    return {
-      clientX: g,
-      clientY: R,
-      pageX: g + q,
-      pageY: R + X,
-      screenX: g,
-      screenY: R
-    };
-  }, x = (v) => {
-    if (typeof window > "u") return !1;
-    const c = window.getSelection();
-    if (!c || c.isCollapsed || !c.toString().trim())
-      return !1;
-    if (v && c.anchorNode && c.focusNode) {
-      const g = v.closest(".k-table-row") || v.closest(".k-grid") || v, R = c.anchorNode.nodeType === Node.ELEMENT_NODE ? c.anchorNode : c.anchorNode.parentElement, q = c.focusNode.nodeType === Node.ELEMENT_NODE ? c.focusNode : c.focusNode.parentElement, X = !!(R && g.contains(R)), W = !!(q && g.contains(q));
-      return X || W;
-    }
-    return !0;
-  };
-  return {
-    handleRowClick: (v) => {
-      const c = v?.htmlEvent || v?.event || v?.nativeEvent || (v instanceof Event ? v : void 0);
-      if (c && c.button !== void 0 && c.button !== 0)
-        return;
-      const g = c?.target || v?.target;
-      if (g && L(g, c || v) || x(g))
-        return;
-      const R = {
-        dataItem: v.dataItem,
-        rowIndex: v.rowIndex ?? z(g),
-        field: v.field,
-        event: c || v,
-        triggerType: "click",
-        ctrlKey: !!c?.ctrlKey,
-        shiftKey: !!c?.shiftKey,
-        metaKey: !!c?.metaKey,
-        altKey: !!c?.altKey,
-        coordinates: M(c) ?? C(g)
-      };
-      t(v.dataItem, R);
-    },
-    handleRowKeyDown: (v, c) => {
-      if (!b) return;
-      const g = v.key || v.code;
-      if (!(g === "Enter" || g === "NumpadEnter" || g === " " || g === "Space" || v.code === "Enter" || v.code === "NumpadEnter" || v.code === "Space")) return;
-      const q = v.target;
-      if (!q) return;
-      const X = q.closest(
-        ".k-table-row[data-grid-row-index], .k-table-row"
-      );
-      if (!X || L(q, v))
-        return;
-      v.preventDefault(), v.stopPropagation();
-      const W = X.getAttribute("data-grid-row-index"), B = W !== null ? parseInt(W, 10) : void 0;
-      let _ = c;
-      if (_ === void 0) {
-        const I = (Array.isArray(f) ? f : f?.value) || a?.value?.props?.dataItems || a?.value?.dataItems;
-        I && B !== void 0 && B >= 0 && B < I.length && (_ = I[B]);
-      }
-      if (_ === void 0) return;
-      const d = {
-        dataItem: _,
-        rowIndex: B,
-        event: v,
-        triggerType: "keyboard",
-        ctrlKey: !!v.ctrlKey,
-        shiftKey: !!v.shiftKey,
-        metaKey: !!v.metaKey,
-        altKey: !!v.altKey,
-        coordinates: C(X)
-      };
-      t(_, d);
-    },
-    isIgnoredTarget: L
-  };
-}, et = "Enter a valid ZIP code with exactly 5 or 9 digits.", $e = (e) => {
-  const t = e.replace(/\D/g, "").slice(0, 9);
-  return t.length > 5 ? `${t.slice(0, 5)}-${t.slice(5)}` : t;
-}, tt = (e, t) => e.slice(0, Math.max(0, t)).replace(/\D/g, "").length, nt = (e) => e <= 5 ? e : Math.min(e + 1, 10), rt = (e) => {
-  const t = Y($e(e.initialValue ?? "")), a = Y(!1), f = Y(
-    e.errorMessage?.trim() || et
-  ), l = y(() => t.value.replace(/\D/g, "")), p = y(() => {
-    const A = l.value.length;
-    return A === 5 || A === 9;
-  }), b = y(() => a.value && !p.value), k = y(() => !a.value || p.value), L = y(() => a.value), z = (A, V) => {
-    const v = nt(V);
-    j(() => {
-      A.isConnected && A.setSelectionRange(v, v);
-    });
-  };
-  return {
-    // writable state
-    zipDisplay: t,
-    submitted: a,
-    errorMessage: f,
-    // bindings
-    wrapperClass: "fk-zip-textbox",
-    // derived state
-    zipRaw: l,
-    isZipValid: p,
-    showZipError: b,
-    textBoxValid: k,
-    textBoxValidate: L,
-    // actions
-    handleZipInput: (...A) => {
-      const V = A[0], c = V?.event?.target, g = V?.value, R = Array.isArray(g) ? g.join("") : String(g ?? ""), q = c?.selectionStart !== void 0 && c.selectionStart !== null ? tt(
-        c.value,
-        c.selectionStart
-      ) : R.replace(/\D/g, "").length;
-      t.value = $e(R), c && z(c, q);
-    },
-    submitAndValidate: (A) => {
-      a.value = !0;
-      const V = p.value;
-      return !V && A?.focus && j(() => {
-        document.getElementById(
-          e.id
-        )?.focus();
-      }), V;
-    },
-    buildPayload: () => ({ zip: l.value })
-  };
-};
-function at(e, t) {
-  const a = Y(!1);
-  Ke(() => {
-    e.value?.setAttribute("aria-invalid", String(!t.isValid()));
-  });
-  function f(p) {
-    const b = e.value ?? p.currentTarget, k = p.relatedTarget;
-    (!b || !b.contains(k)) && (a.value = !0);
-  }
-  function l() {
-    a.value = !1;
-  }
-  return { touched: a, onFocusout: f, reset: l };
-}
-function ot(e, t) {
-  const a = Y(!1), f = Y(!1), l = y(
-    () => re(t.submitted) || a.value
-  ), p = y(() => !l.value || t.isValid()), b = at(e, {
-    isValid: () => p.value
-  });
-  function k(x) {
-    return y(() => !l.value || re(x));
-  }
-  function L(x) {
-    return Object.fromEntries(
-      Object.entries(x).map(([A, V]) => [
-        A,
-        k(V)
-      ])
-    );
-  }
-  function z(x) {
-    const A = re(x);
-    if (!A) return;
-    A.querySelector(
-      '.k-invalid input, .k-invalid[tabindex="0"]'
-    )?.focus();
-  }
-  function M(x) {
-    if (f.value) {
-      f.value = !1;
-      return;
-    }
-    b.onFocusout(x), b.touched.value && (a.value = !0);
-  }
-  function C() {
-    a.value = !1, f.value = !0, b.reset();
-  }
-  return {
-    touched: a,
-    fieldsetValidate: l,
-    onFocusout: M,
-    reset: C,
-    createFieldValidity: k,
-    createFieldValidationsMap: L,
-    focusFirstInvalidField: z
-  };
-}
-const lt = [
-  { label: "Alabama", value: "AL" },
-  { label: "Alaska", value: "AK" },
-  { label: "Arizona", value: "AZ" },
-  { label: "Arkansas", value: "AR" },
-  { label: "California", value: "CA" },
-  { label: "Colorado", value: "CO" },
-  { label: "Connecticut", value: "CT" },
-  { label: "Delaware", value: "DE" },
-  { label: "Florida", value: "FL" },
-  { label: "Georgia", value: "GA" },
-  { label: "Hawaii", value: "HI" },
-  { label: "Idaho", value: "ID" },
-  { label: "Illinois", value: "IL" },
-  { label: "Indiana", value: "IN" },
-  { label: "Iowa", value: "IA" },
-  { label: "Kansas", value: "KS" },
-  { label: "Kentucky", value: "KY" },
-  { label: "Louisiana", value: "LA" },
-  { label: "Maine", value: "ME" },
-  { label: "Maryland", value: "MD" },
-  { label: "Massachusetts", value: "MA" },
-  { label: "Michigan", value: "MI" },
-  { label: "Minnesota", value: "MN" },
-  { label: "Mississippi", value: "MS" },
-  { label: "Missouri", value: "MO" },
-  { label: "Montana", value: "MT" },
-  { label: "Nebraska", value: "NE" },
-  { label: "Nevada", value: "NV" },
-  { label: "New Hampshire", value: "NH" },
-  { label: "New Jersey", value: "NJ" },
-  { label: "New Mexico", value: "NM" },
-  { label: "New York", value: "NY" },
-  { label: "North Carolina", value: "NC" },
-  { label: "North Dakota", value: "ND" },
-  { label: "Ohio", value: "OH" },
-  { label: "Oklahoma", value: "OK" },
-  { label: "Oregon", value: "OR" },
-  { label: "Pennsylvania", value: "PA" },
-  { label: "Rhode Island", value: "RI" },
-  { label: "South Carolina", value: "SC" },
-  { label: "South Dakota", value: "SD" },
-  { label: "Tennessee", value: "TN" },
-  { label: "Texas", value: "TX" },
-  { label: "Utah", value: "UT" },
-  { label: "Vermont", value: "VT" },
-  { label: "Virginia", value: "VA" },
-  { label: "Washington", value: "WA" },
-  { label: "West Virginia", value: "WV" },
-  { label: "Wisconsin", value: "WI" },
-  { label: "Wyoming", value: "WY" }
-];
-function Ie(e) {
-  if (e && typeof e == "object" && "value" in e) {
-    const t = e.value;
-    return typeof t == "string" ? t : String(t ?? "");
-  }
-  return "";
-}
-function it() {
-  const e = We({
-    address1: "",
-    address2: "",
-    city: "",
-    state: null,
-    zip: ""
-  });
-  return {
-    formData: e,
-    onAddress1Input: (...b) => {
-      e.address1 = Ie(b[0]);
-    },
-    onAddress2Input: (...b) => {
-      e.address2 = Ie(b[0]);
-    },
-    onCityInput: (...b) => {
-      e.city = Ie(b[0]);
-    },
-    onStateChange: (b) => {
-      e.state = b.value;
-    },
-    resetFormData: () => {
-      e.address1 = "", e.address2 = "", e.city = "", e.state = null, e.zip = "";
-    }
-  };
-}
-function st(e, t = "zip") {
-  const a = rt({ id: t }), {
-    zipDisplay: f,
-    zipRaw: l,
-    isZipValid: p,
-    wrapperClass: b,
-    handleZipInput: k
-  } = a;
-  return ae(l, (z) => {
-    e.zip = z;
-  }), {
-    zipDisplay: f,
-    isZipValid: p,
-    zipWrapperClass: b,
-    onZipInput: k,
-    resetZip: () => {
-      f.value = "", e.zip = "";
-    }
-  };
-}
-function ut(e) {
-  const t = y(
-    () => e.formData.address1.trim() !== ""
-  ), a = y(() => e.formData.city.trim() !== ""), f = y(() => !!e.formData.state), l = y(() => re(e.isZipValid)), p = y(
-    () => t.value && a.value && f.value && l.value
-  );
-  return {
-    strictAddress1Valid: t,
-    strictCityValid: a,
-    strictStateValid: f,
-    strictZipValid: l,
-    strictAddressValid: p
-  };
-}
-function ct(e) {
-  if (!e) return;
-  e.querySelector(
-    '.k-invalid input, .k-invalid[tabindex="0"]'
-  )?.focus();
-}
-function dt(e, t) {
-  const a = e ?? t.currentTarget, f = t.relatedTarget;
-  return !a || !a.contains(f);
-}
-function Lt(e) {
-  const t = Y(
-    re(e.fieldsetRef)
-  );
-  Ke(() => {
-    t.value = re(e.fieldsetRef);
-  });
-  const a = Y(!1), f = Y(!1), l = y(() => re(e.required) ?? !0), {
-    formData: p,
-    onAddress1Input: b,
-    onAddress2Input: k,
-    onCityInput: L,
-    onStateChange: z,
-    resetFormData: M
-  } = it(), C = `${e.addressId}-zip`, { zipDisplay: x, isZipValid: A, zipWrapperClass: V, onZipInput: v, resetZip: c } = st(p, C), {
-    strictAddress1Valid: g,
-    strictCityValid: R,
-    strictStateValid: q,
-    strictZipValid: X,
-    strictAddressValid: W
-  } = ut({
-    formData: p,
-    isZipValid: A
-  }), B = ot(t, {
-    submitted: a,
-    isValid: () => W.value
-  }), { touched: _, fieldsetValidate: d, onFocusout: I, reset: m } = B, E = B.createFieldValidationsMap({
-    address1: g,
-    city: R,
-    state: q,
-    zip: X,
-    address: W
-  }), {
-    address1: F,
-    city: D,
-    state: P,
-    zip: K,
-    address: Z
-  } = E, ne = y(
-    () => l.value ? d.value : !1
-  ), se = y(
-    () => l.value ? F.value : !0
-  ), n = y(
-    () => l.value ? D.value : !0
-  ), o = y(
-    () => l.value ? P.value : !0
-  ), S = y(
-    () => l.value ? K.value : !0
-  ), u = y(
-    () => l.value ? Z.value : !0
-  ), h = { value: null, label: "State" }, $ = lt.map(({ label: w, value: O }) => ({
-    label: w,
-    value: O
-  })), r = y(() => ({
-    address1: p.address1.trim(),
-    address2: p.address2.trim(),
-    city: p.city.trim(),
-    state: (p.state ?? "").trim().toUpperCase(),
-    zip: p.zip.replace(/\D/g, "")
-  })), s = y(() => p.address1.trim() === "" && p.address2.trim() === "" && p.city.trim() === "" && (p.state ?? "").trim() === "" && p.zip.replace(/\D/g, "") === ""), T = y(() => !s.value), N = y(() => !l.value && T.value && (!g.value || !R.value || !q.value)), U = y(() => {
-    const w = p.zip.replace(/\D/g, "");
-    return !l.value && T.value && w.length !== 5 && w.length !== 9;
-  }), Q = y(() => !l.value && T.value && !W.value), G = y(() => !l.value && Q.value && (f.value || a.value));
-  return ae(r, () => {
-    l.value || (f.value = !1);
-  }), ae(l, (w) => {
-    w || (a.value = !1, f.value = !1, m());
-  }), {
-    formData: p,
-    submitted: a,
-    touched: _,
-    addressValidate: ne,
-    address1Valid: se,
-    cityValid: n,
-    stateValid: o,
-    zipValid: S,
-    addressValid: u,
-    optionalFeedbackActive: G,
-    optionalPartialInvalid: Q,
-    optionalMissingRequiredFields: N,
-    optionalZipInvalid: U,
-    stateDefaultItem: h,
-    stateOptions: $,
-    zipDisplay: x,
-    zipWrapperClass: V,
-    onAddress1Input: b,
-    onAddress2Input: k,
-    onCityInput: L,
-    onStateChange: z,
-    onZipInput: v,
-    onFieldsetFocusout: (w) => {
-      const O = dt(t.value, w);
-      I(w), !l.value && O && (f.value = !0);
-    },
-    normalizedPayload: r,
-    validateForSubmit: async () => l.value ? (a.value = !0, W.value ? {
-      isValid: !0,
-      payload: r.value
-    } : (await j(), ct(t.value), { isValid: !1, payload: null })) : s.value || W.value ? (a.value = !1, {
-      isValid: !0,
-      payload: r.value
-    }) : (a.value = !0, { isValid: !1, payload: null }),
-    reset: () => {
-      a.value = !1, f.value = !1, m(), M(), c();
-    }
-  };
-}
-const Oe = (e) => e === "left" ? "right" : e === "right" ? "left" : "center", Ve = (e) => e === "top" ? "bottom" : e === "bottom" ? "top" : "center", Te = (e, t, a, f) => {
-  const l = e.left + (a.horizontal === "right" ? e.width : a.horizontal === "center" ? e.width / 2 : 0), p = e.top + (a.vertical === "bottom" ? e.height : a.vertical === "center" ? e.height / 2 : 0), b = t ? f.horizontal === "right" ? t.width : f.horizontal === "center" ? t.width / 2 : 0 : 0, k = t ? f.vertical === "bottom" ? t.height : f.vertical === "center" ? t.height / 2 : 0 : 0;
-  return { left: l - b, top: p - k };
-}, Ne = (e, t, a, f) => t >= f - a ? a : Math.min(Math.max(e, a), f - t), ft = ({
-  anchor: e,
-  popup: t,
-  anchorAlign: a,
-  popupAlign: f,
-  bounds: l,
-  collision: p
-}) => {
-  const b = Te(e, t, a, f);
-  if (!t) return b;
-  let { left: k, top: L } = b;
-  if (p.horizontal === "fit")
-    k = Ne(k, t.width, l.left, l.right);
-  else {
-    const z = k + t.width - l.right, M = l.left - k;
-    if (z > 0 || M > 0) {
-      const C = Te(
-        e,
-        t,
-        {
-          horizontal: Oe(a.horizontal),
-          vertical: a.vertical
-        },
-        {
-          horizontal: Oe(f.horizontal),
-          vertical: f.vertical
-        }
-      ), x = Math.max(z, 0) + Math.max(M, 0);
-      Math.max(C.left + t.width - l.right, 0) + Math.max(l.left - C.left, 0) < x && (k = C.left);
-    }
-  }
-  if (p.vertical === "fit")
-    L = Ne(L, t.height, l.top, l.bottom);
-  else {
-    const z = L + t.height - l.bottom, M = l.top - L;
-    if (z > 0 || M > 0) {
-      const C = Te(
-        e,
-        t,
-        {
-          horizontal: a.horizontal,
-          vertical: Ve(a.vertical)
-        },
-        {
-          horizontal: f.horizontal,
-          vertical: Ve(f.vertical)
-        }
-      ), x = Math.max(z, 0) + Math.max(M, 0);
-      Math.max(C.top + t.height - l.bottom, 0) + Math.max(l.top - C.top, 0) < x && (L = C.top);
-    }
-  }
-  return { left: k, top: L };
-}, Pt = (e = "fkid") => {
-  const t = `${e}-${Xe()}`;
-  return { instanceId: t, compose: (...f) => [t, ...f].filter((l) => l != null).map(String).join("-") };
-}, pt = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const vt = Object.prototype.toString, mt = (e) => vt.call(e) === "[object Object]", Ae = () => {
-};
-function Ce(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function ht(e, t, a) {
-  return ae(e, t, {
-    ...a,
-    immediate: !0
-  });
-}
-const Ye = pt ? window : void 0;
-function Se(e) {
-  var t;
-  const a = re(e);
-  return (t = a?.$el) !== null && t !== void 0 ? t : a;
-}
-function Re(...e) {
-  const t = (f, l, p, b) => (f.addEventListener(l, p, b), () => f.removeEventListener(l, p, b)), a = y(() => {
-    const f = Ce(re(e[0])).filter((l) => l != null);
-    return f.every((l) => typeof l != "string") ? f : void 0;
-  });
-  return ht(() => {
-    var f, l;
-    return [
-      (f = (l = a.value) === null || l === void 0 ? void 0 : l.map((p) => Se(p))) !== null && f !== void 0 ? f : [Ye].filter((p) => p != null),
-      Ce(re(a.value ? e[1] : e[0])),
-      Ce(_e(a.value ? e[2] : e[1])),
-      re(a.value ? e[3] : e[2])
-    ];
-  }, ([f, l, p, b], k, L) => {
-    if (!f?.length || !l?.length || !p?.length) return;
-    const z = mt(b) ? { ...b } : b, M = f.flatMap((C) => l.flatMap((x) => p.map((A) => t(C, x, A, z))));
-    L(() => {
-      M.forEach((C) => C());
-    });
-  }, { flush: "post" });
-}
-function Be(e, t, a = {}) {
-  const { window: f = Ye, ignore: l = [], capture: p = !0, detectIframe: b = !1, controls: k = !1 } = a;
-  if (!f) return k ? {
-    stop: Ae,
-    cancel: Ae,
-    trigger: Ae
-  } : Ae;
-  let L = !0;
-  const z = (c) => re(l).some((g) => {
-    if (typeof g == "string") return Array.from(f.document.querySelectorAll(g)).some((R) => R === c.target || c.composedPath().includes(R));
-    {
-      const R = Se(g);
-      return R && (c.target === R || c.composedPath().includes(R));
-    }
-  });
-  function M(c) {
-    const g = re(c);
-    return g && g.$.subTree.shapeFlag === 16;
-  }
-  function C(c, g) {
-    const R = re(c), q = R.$.subTree && R.$.subTree.children;
-    return q == null || !Array.isArray(q) ? !1 : q.some((X) => X.el === g.target || g.composedPath().includes(X.el));
-  }
-  const x = (c) => {
-    const g = Se(e);
-    if (c.target != null && !(!(g instanceof Element) && M(e) && C(e, c)) && !(!g || g === c.target || c.composedPath().includes(g))) {
-      if ("detail" in c && c.detail === 0 && (L = !z(c)), !L) {
-        L = !0;
-        return;
-      }
-      t(c);
-    }
-  };
-  let A = !1;
-  const V = [
-    Re(f, "click", (c) => {
-      A || (A = !0, setTimeout(() => {
-        A = !1;
-      }, 0), x(c));
-    }, {
-      passive: !0,
-      capture: p
-    }),
-    Re(f, "pointerdown", (c) => {
-      const g = Se(e);
-      L = !z(c) && !!(g && !c.composedPath().includes(g));
-    }, { passive: !0 }),
-    b && Re(f, "blur", (c) => {
-      setTimeout(() => {
-        const g = Se(e);
-        let R = f.document.activeElement;
-        for (; R?.shadowRoot; ) R = R.shadowRoot.activeElement;
-        R?.tagName === "IFRAME" && !g?.contains(f.document.activeElement) && t(c);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), v = () => V.forEach((c) => c());
-  return k ? {
-    stop: v,
-    cancel: () => {
-      L = !1;
-    },
-    trigger: (c) => {
-      L = !0, x(c), L = !1;
-    }
-  } : v;
-}
-const gt = (e) => {
-  let t = null;
-  const a = () => {
-    t?.disconnect(), t = null;
-  };
-  return typeof window < "u" && typeof window.IntersectionObserver == "function" && ae(
-    [e.target, () => e.root()],
-    ([l, p]) => {
-      a(), l && (t = new IntersectionObserver(
-        ([b]) => {
-          b && e.onChange(b);
-        },
-        { root: p, threshold: e.threshold ?? 1 }
-      ), t.observe(l));
-    },
-    { immediate: !0 }
-  ), Fe(a), { disconnect: a };
-}, wt = ".k-table-row", we = (e) => {
-  if (e instanceof HTMLElement) return e;
-  const t = e?.$el;
-  return t instanceof HTMLElement ? t : null;
-}, yt = (e, t) => t === "row" ? e.matches("tr.k-table-row") : !e.matches("tr.k-table-row"), bt = (e, t) => {
-  console.warn(
-    `usePopupMenu: triggerMode "${t}" does not match resolved element <${e.tagName.toLowerCase()}${e.className ? `.${e.className.split(" ").join(".")}` : ""}>; ARIA management skipped.`
-  );
-}, St = (e) => {
-  let t = e.parentElement, a = null;
-  for (; t; ) {
-    const { overflow: f, overflowX: l, overflowY: p } = window.getComputedStyle(t), b = /auto|scroll|overlay/.test(`${f} ${l}`), k = /auto|scroll|overlay/.test(`${f} ${p}`);
-    if ((b || k) && (a ??= t), b && t.scrollWidth > t.clientWidth || k && t.scrollHeight > t.clientHeight)
-      return t;
-    t = t.parentElement;
-  }
-  return a;
-}, $t = (e) => {
-  const t = Y(null), a = e.menuItemSelector ?? ".k-menu-item:not(.k-disabled)", f = e.triggerMode, l = e.anchor === !0 ? {} : e.anchor, p = l?.activationPoint ? l.activationPoint === !0 ? {} : l.activationPoint : null, b = ve(null), k = ve(null), L = l?.anchorAlign ?? {
-    horizontal: "left",
-    vertical: "bottom"
-  }, z = l?.popupAlign ?? {
-    horizontal: "left",
-    vertical: "top"
-  }, M = l?.collision ?? {
-    horizontal: "flip",
-    vertical: "flip"
-  }, C = ve(null), x = () => we(e.triggerRef.value), A = y(() => x()), V = y(
-    () => l && l.hideWhenAnchorClipped !== !1 ? A.value : null
-  ), v = () => {
-    const u = l?.clipRoot ? re(l.clipRoot) : null;
-    if (u) {
-      const h = u.getBoundingClientRect();
-      return {
-        left: h.left,
-        top: h.top,
-        right: h.right,
-        bottom: h.bottom
-      };
-    }
-    return {
-      left: 0,
-      top: 0,
-      right: window.innerWidth,
-      bottom: window.innerHeight
-    };
-  }, c = y(() => {
-    const u = b.value;
-    if (!e.isOpen.value || !u) return { left: 0, top: 0 };
-    const h = v(), $ = ft({
-      anchor: u,
-      popup: C.value,
-      anchorAlign: L,
-      popupAlign: z,
-      bounds: h,
-      collision: M
-    });
-    return {
-      left: $.left + window.scrollX,
-      top: $.top + window.scrollY
-    };
-  }), g = () => {
-    const u = e.resolveFocusTarget?.() ?? we(e.focusTargetRef?.value);
-    return u || (e.focusTargetContainerSelector ? x()?.closest(
-      e.focusTargetContainerSelector
-    ) ?? null : null);
-  }, R = (u, h) => {
-    if (!p) return !1;
-    const $ = we(u);
-    if (!$)
-      return k.value = null, !1;
-    const r = $.getBoundingClientRect();
-    if (h.triggerType === "keyboard") {
-      const s = p.keyboardPosition, T = s?.y ?? "center", N = typeof T == "number" ? T : T === "top" ? 0 : T === "bottom" ? r.height : r.height / 2;
-      return k.value = {
-        trigger: $,
-        point: { x: s?.x ?? 8, y: N },
-        hasMatchedTrigger: !1
-      }, !0;
-    }
-    return h.coordinates ? (k.value = {
-      trigger: $,
-      point: {
-        x: h.coordinates.clientX - r.left + (p.pointerOffset?.x ?? 0),
-        y: h.coordinates.clientY - r.top + (p.pointerOffset?.y ?? 0)
-      },
-      hasMatchedTrigger: !1
-    }, !0) : (k.value = null, !1);
-  }, q = () => {
-    if (f !== "button") return null;
-    if (e.escapeFocusTarget) return e.escapeFocusTarget();
-    const u = e.escapeFocusContainerSelector ?? wt;
-    return (x() ?? document.activeElement)?.closest(u) ?? null;
-  }, X = () => {
-    const u = g() ?? q();
-    if (u)
-      return u.focus(), !0;
-    const h = x();
-    return h?.focus(), !!h;
-  }, W = () => {
-    we(e.menuRef.value)?.querySelector(a)?.focus({ preventScroll: !0 });
-  }, B = ve(null), _ = ve(null);
-  let d = !1;
-  const I = () => {
-    const u = t.value;
-    if (u === "keyboard" || u === "escape") {
-      const h = B.value ?? _.value;
-      h?.focus(), u === "keyboard" && h && h === _.value && (d = !0);
-    } else t.value === "mouse-selection" && _.value?.focus();
-    t.value = null, B.value = null, _.value = null;
-  }, m = (u) => {
-    e.isOpen.value && (t.value = u, B.value = g() ?? (u === "escape" ? q() : null), _.value = x(), K(!1), e.requestHide(), j(I));
-  };
-  ae(
-    [A, k],
-    ([u], h, $) => {
-      if (!l || !u) {
-        b.value = null;
-        return;
-      }
-      let r = null;
-      const s = () => {
-        r = null;
-        const U = k.value;
-        if (p) {
-          U && U.trigger === u ? U.hasMatchedTrigger = !0 : U?.hasMatchedTrigger && (U.trigger = u);
-          const Q = u.getBoundingClientRect();
-          b.value = U?.trigger === u ? new DOMRect(
-            Q.left + U.point.x,
-            Q.top + U.point.y,
-            0,
-            0
-          ) : null;
-          return;
-        }
-        b.value = l.getRect?.(u) ?? u.getBoundingClientRect();
-      }, T = () => {
-        r === null && (r = window.requestAnimationFrame(s));
-      }, N = typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
-      N?.observe(u), window.addEventListener("scroll", T, {
-        capture: !0,
-        passive: !0
-      }), window.addEventListener("resize", T, { passive: !0 }), T(), $(() => {
-        r !== null && window.cancelAnimationFrame(r), N?.disconnect(), window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
-      });
-    },
-    { immediate: !0, flush: "post" }
-  );
-  const E = () => {
-    const u = we(
-      e.popupContentRef?.value ?? e.menuRef.value
-    );
-    return u?.closest(".k-popup") ?? u;
-  };
-  l && ae(
-    e.isOpen,
-    (u, h, $) => {
-      if (!u) {
-        C.value = null;
-        return;
-      }
-      let r = null;
-      const s = () => {
-        r = null;
-        const Q = E();
-        C.value = Q?.getBoundingClientRect() ?? null;
-      }, T = () => {
-        r === null && (r = window.requestAnimationFrame(s));
-      }, N = E(), U = N && typeof window.ResizeObserver == "function" ? new window.ResizeObserver(T) : null;
-      U?.observe(N), T(), $(() => {
-        r !== null && window.cancelAnimationFrame(r), U?.disconnect();
-      });
-    },
-    { immediate: !0, flush: "post" }
-  ), gt({
-    target: V,
-    root: () => l?.clipRoot ? re(l.clipRoot) : A.value ? St(A.value) : null,
-    threshold: l?.intersectionThreshold ?? (p ? 0 : 0.5),
-    onChange: (u) => {
-      u.isIntersecting || m("anchor-hidden");
-    }
-  }), Be(e.menuRef, () => m("outside-click"), {
-    ignore: [A]
-  });
-  let F = null, D = null;
-  const P = () => {
-    F?.isConnected && F.setAttribute("aria-expanded", "false"), F = null;
-  }, K = (u) => {
-    if (e.manageMenuTriggerAria === !1) return;
-    const h = A.value;
-    if (!h) {
-      F?.isConnected && F.setAttribute("aria-expanded", u ? "true" : "false");
-      return;
-    }
-    if (!yt(h, f)) {
-      bt(h, f), P();
-      return;
-    }
-    F && F !== h && P(), h.setAttribute("aria-expanded", u ? "true" : "false"), F = h;
-  }, Z = () => {
-    const u = we(e.menuRef.value), h = u?.matches('[role="menubar"]') ? u : u?.querySelector('[role="menubar"]'), $ = re(e.menuLabel)?.trim();
-    D && D !== h && D.removeAttribute("aria-label"), h && ($ ? h.setAttribute("aria-label", $) : h.removeAttribute("aria-label")), D = h ?? null;
-  };
-  ae(
-    [e.isOpen, e.triggerRef],
-    ([u]) => {
-      K(u), !u && p && (k.value = null, b.value = null);
-    },
-    { immediate: !0, flush: "post" }
-  ), ae(
-    [e.isOpen, e.menuRef, () => re(e.menuLabel)],
-    Z,
-    { immediate: !0, flush: "post" }
-  ), Fe(() => {
-    k.value = null, P(), D?.removeAttribute("aria-label");
-  }), ae(
-    e.isOpen,
-    (u) => {
-      u && W();
-    },
-    { flush: "post" }
-  );
-  const ne = (...u) => {
-    const h = u[0];
-    if (d) {
-      d = !1;
-      return;
-    }
-    if (e.isOpen.value) {
-      m("trigger-click");
-      return;
-    }
-    e.requestShow(h);
-  };
-  return {
-    /**
-     * Sets the anchor activation state, controlling whether the popup menu
-     * should respond to trigger interactions.
-     */
-    setAnchorActivation: R,
-    /**
-     * Handles Kendo Menu selection: records keyboard or mouse modality,
-     * requests popup close, then runs the optional caller-owned action.
-     */
-    handleMenuSelect: (u, h) => {
-      m(
-        u.event?.type?.startsWith("key") ? "keyboard" : "mouse-selection"
-      ), h?.(u);
-    },
-    /**
-     * Toggles the action menu. When opening, focuses the first enabled Kendo
-     * Menu item after Vue renders the popup.
-     */
-    handleTriggerClick: ne,
-    /**
-     * Handles trigger keyboard input: Enter and Space toggle the menu; Escape
-     * closes an open menu or focuses the configured target when already closed.
-     */
-    handleTriggerKeydown: (...u) => {
-      const h = u[0], $ = u[1];
-      if (h.key === "Enter" || h.code === "Space") {
-        h.preventDefault(), ne($);
-        return;
-      }
-      if (h.key === "Escape") {
-        if (h.preventDefault(), h.stopPropagation(), e.isOpen.value) {
-          m("escape");
-          return;
-        }
-        X();
-      }
-    },
-    /** Closes the open menu through the keyboard path when Escape is pressed inside it. */
-    handleMenuEscape: (u) => {
-      u.preventDefault(), u.stopPropagation(), m("escape");
-    },
-    /**
-     * Restores focus after Kendo Popup closes: keyboard menu selection and
-     * Escape prefer the configured focus target (Escape then falls back to
-     * `escapeFocusTarget`), mouse selections return to the trigger, and
-     * outside clicks do not move focus.
-     */
-    handlePopupClose: () => {
-      j(I);
-    },
-    offset: c
-  };
-}, Ot = () => {
-  const e = /* @__PURE__ */ new Set();
-  return { register: (l) => {
-    e.add(l), Fe(() => e.delete(l));
-  }, deactivateOthers: (l) => {
-    e.forEach((p) => {
-      p !== l && p.deactivate();
-    });
-  }, deactivateAll: () => {
-    e.forEach((l) => l.deactivate());
-  } };
-}, kt = (e) => {
-  if (e instanceof HTMLElement) return e;
-  const t = e && "$el" in e ? e.$el : null;
-  return t instanceof HTMLElement ? t : null;
-}, Vt = () => {
-  const e = Ze(/* @__PURE__ */ new Map()), t = Y(null), a = (k, L) => {
-    const z = kt(L);
-    z ? e.set(k, z) : e.delete(k);
-  }, f = (k) => e.get(k) ?? null, l = (k) => {
-    t.value = k;
-  }, p = () => {
-    t.value = null;
-  }, b = (k) => t.value === k;
-  return {
-    activeId: te(t),
-    isActive: y(() => t.value !== null),
-    activeElement: y(
-      () => t.value !== null ? f(t.value) : null
-    ),
-    register: a,
-    resolve: f,
-    activate: l,
-    deactivate: p,
-    isIdActive: b
-  };
-}, ze = {
-  title: "My Window",
-  draggable: !0,
-  resizable: !0,
-  closable: !0,
-  fixed: !0,
-  minimizeButton: !0,
-  maximizeButton: !0,
-  initialLeft: void 0,
-  initialTop: void 0,
-  initialWidth: 500,
-  initialHeight: 500,
-  width: 500,
-  height: 500,
-  left: void 0,
-  top: void 0
-}, At = (e) => e === "DEFAULT" || e === "MINIMIZED" || e === "FULLSCREEN", Et = 120, Dt = 100, xt = ["n", "e", "s", "w", "ne", "nw", "se", "sw"], ye = (e, t, a) => Math.min(Math.max(e, t), a), qe = (e) => typeof e == "object" && e !== null && "drag" in e && "left" in e && "top" in e && "width" in e && "height" in e && typeof e.left == "number" && typeof e.top == "number" && typeof e.width == "number" && typeof e.height == "number", Mt = (e, t, a) => Math.max(e - t - a, 0);
-function Nt(e = {}) {
-  Pe(e.settings) && (e.settings.value = {
-    ...ze,
-    ...e.settings.value
-  });
-  const t = Pe(e.settings) ? e.settings : Y({ ...ze, ...e.settings }), a = ve(null), f = Y(!1), l = Y(e.initialStage ?? "DEFAULT"), p = Y(!1), b = Y(!1), k = Y(0), L = Y(0), z = y(() => t.value.minWidth ?? Et), M = y(
-    () => t.value.minHeight ?? Dt
-  );
-  let C = null, x = null;
-  const A = () => {
-    const n = t.value.fixed ? 0 : window.scrollX, o = t.value.fixed ? 0 : window.scrollY;
-    return {
-      left: n,
-      top: o,
-      right: n + document.documentElement.clientWidth,
-      bottom: o + document.documentElement.clientHeight
-    };
-  }, V = () => ({
-    left: t.value.left ?? k.value,
-    top: t.value.top ?? L.value,
-    width: t.value.width ?? t.value.initialWidth,
-    height: t.value.height ?? t.value.initialHeight
-  }), v = async (n) => {
-    x = null;
-    const o = t.value.left !== void 0 && t.value.top !== void 0;
-    if (n?.resetPosition || !o) {
-      const S = Number.parseFloat(
-        window.getComputedStyle(document.documentElement).fontSize
-      ), u = Number.isFinite(S) ? S : 16, h = t.value.fixed ? 0 : window.scrollX, $ = t.value.fixed ? 0 : window.scrollY;
-      t.value.left = void 0, t.value.top = void 0, t.value.width = void 0, t.value.height = void 0, k.value = t.value.initialLeft ?? h + Mt(
-        window.innerWidth,
-        t.value.initialWidth,
-        u
-      ), L.value = t.value.initialTop ?? $ + u, f.value = !0, await j(), t.value.width = t.value.initialWidth, t.value.height = t.value.initialHeight;
-    } else
-      f.value = !0;
-    e.onOpen?.();
-  }, c = () => {
-    l.value = "DEFAULT", f.value = !1, e.onClose?.();
-  }, g = (...n) => {
-    const o = n[2];
-    if (typeof o != "object" || o === null || !("state" in o) || !At(o.state))
-      return;
-    const S = o.state;
-    S !== l.value && (x = null, l.value = S, e.onStageChange?.(S));
-  }, R = (...n) => {
-    const o = n[0];
-    if (qe(o)) {
-      const S = a.value?.$el, h = (S instanceof Element ? S.querySelector(".k-window-titlebar") : null)?.getBoundingClientRect(), $ = h?.width ?? o.width, r = h?.height ?? o.height, s = A(), T = Math.max(
-        s.right - $,
-        s.left
-      ), N = Math.max(
-        s.bottom - r,
-        s.top
-      );
-      t.value.left = ye(o.left, s.left, T), t.value.top = ye(o.top, s.top, N), p.value = o.drag && !o.end, e.onMove?.(o);
-    }
-  }, q = (n) => {
-    const { direction: o, start: S } = n, u = A(), h = n.pointerX - n.startX, $ = n.pointerY - n.startY;
-    let r = S.left, s = S.top, T = S.left + S.width, N = S.top + S.height;
-    return o.includes("n") && (s = ye(
-      S.top + $,
-      Math.min(u.top, S.top),
-      N - M.value
-    )), o.includes("s") && (N = ye(
-      N + $,
-      s + M.value,
-      Math.max(u.bottom, N)
-    )), o.includes("w") && (r = ye(
-      S.left + h,
-      Math.min(u.left, S.left),
-      T - z.value
-    )), o.includes("e") && (T = ye(
-      T + h,
-      r + z.value,
-      Math.max(u.right, T)
-    )), { left: r, top: s, width: T - r, height: N - s };
-  }, X = (n) => {
-    const o = V(), S = x ?? o, u = A(), h = Math.max(u.right, o.left + o.width) - o.left, $ = Math.max(u.bottom, o.top + o.height) - o.top;
-    return {
-      left: o.left,
-      top: o.top,
-      width: Math.max(
-        Math.min(o.width + n.width - S.width, h),
-        z.value
-      ),
-      height: Math.max(
-        Math.min(
-          o.height + n.height - S.height,
-          $
-        ),
-        M.value
-      )
-    };
-  }, W = (n) => {
-    C && (C.pointerX = n.clientX, C.pointerY = n.clientY);
-  }, B = () => {
-    C = null, window.removeEventListener("pointermove", W, !0), window.removeEventListener("pointerup", _, !0), window.removeEventListener("pointercancel", _, !0);
-  };
-  function _() {
-    window.setTimeout(B, 0);
-  }
-  const d = (n, o) => {
-    const S = xt.find(
-      (u) => o.classList.contains(`k-resize-${u}`)
-    );
-    B(), S && (C = {
-      direction: S,
-      start: V(),
-      startX: n.clientX,
-      startY: n.clientY,
-      pointerX: n.clientX,
-      pointerY: n.clientY
-    }, window.addEventListener("pointermove", W, !0), window.addEventListener("pointerup", _, !0), window.addEventListener("pointercancel", _, !0));
-  }, I = (...n) => {
-    const o = n[0];
-    if (qe(o)) {
-      const S = C ? q(C) : X(o);
-      x = { width: o.width, height: o.height }, t.value.left = S.left, t.value.top = S.top, t.value.width = S.width, t.value.height = S.height, b.value = o.drag && !o.end, o.end && B(), e.onResize?.({ ...o, ...S });
-    }
-  }, m = (n) => {
-    const o = n.target instanceof Element ? n.target.closest(".k-resize-handle") : null;
-    o && (n.preventDefault(), d(n, o));
-  }, E = (n) => {
-    re(e.titlebarDoubleClick) === !1 && n.target instanceof Element && n.target.closest(".k-window-titlebar") && (n.preventDefault(), n.stopPropagation());
-  };
-  let F, D;
-  const P = () => {
-    F?.(), F = void 0;
-  }, K = () => {
-    D?.(), D = void 0;
-  };
-  ae(
-    a,
-    (n) => {
-      P(), K(), B(), b.value = !1, p.value = !1;
-      const o = n?.$el;
-      o instanceof HTMLElement && (o.addEventListener("pointerdown", m, {
-        capture: !0
-      }), F = () => o.removeEventListener("pointerdown", m, {
-        capture: !0
-      }), o.addEventListener("dblclick", E, {
-        capture: !0
-      }), D = () => o.removeEventListener("dblclick", E, {
-        capture: !0
-      }));
-    },
-    { flush: "post" }
-  ), Me(P), Me(K), Me(B);
-  const Z = y(() => {
-    const n = ["fk-window"];
-    return t.value.draggable && l.value !== "FULLSCREEN" && n.push("fk-window-can-drag"), p.value && n.push("fk-window-is-dragging"), b.value && n.push("fk-window-is-resizing"), t.value.fixed && n.push("fk-window-fixed"), t.value.minimizeButton || n.push("fk-window-hide-minimize"), t.value.maximizeButton || n.push("fk-window-hide-maximize"), t.value.closable || n.push("fk-window-hide-close"), n.join(" ");
-  }), ne = y(() => ({
-    title: t.value.title,
-    draggable: t.value.draggable,
-    resizable: t.value.resizable,
-    left: t.value.left,
-    top: t.value.top,
-    initialLeft: k.value,
-    initialTop: L.value,
-    initialWidth: t.value.initialWidth,
-    initialHeight: t.value.initialHeight,
-    width: t.value.width,
-    height: t.value.height,
-    minWidth: z.value,
-    minHeight: M.value,
-    stage: l.value,
-    windowClass: Z.value
-  }));
-  return {
-    windowRef: a,
-    settings: t,
-    visible: f,
-    stage: l,
-    isDragging: p,
-    isResizing: b,
-    props: ne,
-    events: {
-      move: R,
-      resize: I,
-      stagechange: g,
-      close: c
-    },
-    open: v,
-    close: c
-  };
-}
-function zt(e) {
-  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(e.dateFormat ?? "mm/dd/yyyy"), p = y(() => !!e.required), b = 1e3, k = Y(!1), L = ["ArrowUp", "ArrowDown"], z = ["ArrowLeft", "ArrowRight"], M = y(() => (t.value ?? "").replace(/\D/g, "")), C = (n) => n <= 2 ? "mm" : n <= 5 ? "dd" : M.value.length <= 10 ? "yyyy" : "mm", x = y(() => {
-    const n = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0";
-    return parseInt(n).toString().padStart(2, "0");
-  }), A = y(() => {
-    const n = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0";
-    return parseInt(n).toString().padStart(2, "0");
-  }), V = y(() => {
-    const n = t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0";
-    return parseInt(n).toString().padStart(4, "0");
-  }), v = (n) => {
-    if (M.value.length === 0) {
-      e.onChange({ value: null, event: n });
-      return;
-    }
-    if (M.value.length < 8) {
-      e.onChange({ value: null, event: n });
-      return;
-    }
-    if ((t.value ?? "").length === 10 && M.value.length === 8) {
-      const [o, S, u] = t.value.split("/"), h = parseInt(o), $ = parseInt(S), r = parseInt(u);
-      if (W(r, h, $)) {
-        const s = q(r, h, $);
-        c(s) ? e.onChange({ value: s, event: n }) : e.onChange({ value: null, event: n });
-      } else
-        e.onChange({ value: null, event: n });
-    }
-  }, c = (n) => {
-    const o = e.min ?? void 0, S = e.max ?? void 0;
-    return !(o && n < o || S && n > S);
-  }, g = y(() => {
-    if ((t.value ?? "").length === 10 && M.value.length === 8) {
-      const [n, o, S] = (t.value ?? "").split("/"), u = parseInt(n), h = parseInt(o), $ = parseInt(S);
-      if (W($, u, h))
-        return q($, u, h);
-    }
-    return null;
-  }), R = y(() => (t.value ?? "").length === 10 && M.value.length === 8), q = (n, o, S) => {
-    const u = /* @__PURE__ */ new Date(0);
-    return u.setFullYear(n, o - 1, S), u.setHours(0, 0, 0, 0), u;
-  }, X = (n, o) => q(n, o + 1, 0).getDate(), W = (n, o, S) => o >= 1 && o <= 12 && n >= b && S >= 1 && S <= X(n, o), B = (n) => {
-    t.value = n.value;
-    const o = n.event?.target;
-    a.value = o?.selectionStart ?? 0, v(n);
-  }, _ = (n) => {
-    a.value = n.target.selectionStart ?? 0;
-  }, d = (n, o, S) => {
-    const u = o?.selectionStart ?? a.value ?? 0;
-    a.value = u;
-    let h = parseInt(x.value), $ = parseInt(A.value), r = parseInt(V.value);
-    if (!(M.value.length >= 8) || !W(r, h, $)) {
-      const J = e.defaultValue ?? /* @__PURE__ */ new Date();
-      h = J.getMonth() + 1, $ = J.getDate(), r = J.getFullYear(), t.value = `${String(h).padStart(2, "0")}/${String($).padStart(
-        2,
-        "0"
-      )}/${String(r)}`;
-      const ce = q(r, h, $);
-      e.onChange({ value: c(ce) ? ce : null, event: S }), D({ useRAF: !0 });
-      return;
-    }
-    const T = C(u);
-    if (T === "mm")
-      h = n === "ArrowUp" ? h < 12 ? h + 1 : 1 : h > 1 ? h - 1 : 12;
-    else if (T === "dd") {
-      const J = new Date(r, h, 0).getDate();
-      $ = n === "ArrowUp" ? $ < J ? $ + 1 : 1 : $ > 1 ? $ - 1 : J;
-    } else T === "yyyy" && (r = n === "ArrowUp" ? r + 1 : Math.max(1, r - 1));
-    t.value = `${String(h).padStart(2, "0")}/${String($).padStart(
-      2,
-      "0"
-    )}/${String(r)}`;
-    const [N, U, Q] = t.value.split("/"), G = q(
-      parseInt(Q),
-      parseInt(N),
-      parseInt(U)
-    );
-    G.toString() !== "Invalid Date" && parseInt(Q) >= 1e3 ? e.onChange({
-      value: c(G) ? G : null,
-      event: S
-    }) : e.onChange({ value: null, event: S }), D({ useRAF: !0 });
-  }, I = (n) => {
-    if (n.code === "Space" || n.key === " ") {
-      n.preventDefault(), n.stopPropagation(), e.onShowCalendar(n);
-      return;
-    }
-    if (n.key === "ArrowDown" && n.altKey) {
-      n.preventDefault(), n.stopPropagation(), e.onShowCalendar(n);
-      return;
-    }
-    if (L.includes(n.key)) {
-      if (n.altKey) return;
-      n.preventDefault(), n.stopPropagation();
-      const o = n.target;
-      d(n.key, o, n);
-      return;
-    }
-  }, m = (n) => {
-    n.preventDefault();
-    const o = n.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    d(o, n.target, n);
-  }, E = (n) => {
-    const o = n.target;
-    if (z.includes(n.key)) {
-      a.value = o?.selectionStart ?? 0;
-      return;
-    }
-    if (L.includes(n.key)) {
-      if (n.altKey) return;
-      a.value = o?.selectionStart ?? 0;
-    }
-  }, F = (n) => {
-    k.value = !0, p.value && !e.defaultValue && e.externalValue && e.externalValue.value === void 0 && M.value.length === 0 && (e.externalValue.value = "");
-    const o = n.target;
-    o && (a.value = o.selectionStart ?? 0);
-  }, D = (n) => {
-    const o = () => {
-      const S = document.getElementById(
-        e.id
-      );
-      if (!S) return;
-      const u = n?.pos ?? a.value ?? S.value.length;
-      try {
-        S.focus(), S.setSelectionRange(u, u);
-      } catch {
-      }
-    };
-    j(() => {
-      if (n?.delay && n.delay > 0) {
-        setTimeout(o, n.delay);
-        return;
-      }
-      if (n?.useRAF) {
-        requestAnimationFrame(o);
-        return;
-      }
-      o();
-    });
-  };
-  e.externalValue && ae(
-    e.externalValue,
-    (n) => {
-      if (n) {
-        const o = new Date(n);
-        if (o.toString() !== "Invalid Date") {
-          const S = (o.getMonth() + 1).toString().padStart(2, "0"), u = o.getDate().toString().padStart(2, "0"), h = o.getFullYear().toString();
-          t.value = `${S}/${u}/${h}`, D({ delay: 50 });
-          return;
-        }
-      }
-    },
-    { immediate: !0 }
-  );
-  const P = y(() => [
-    ["Date", `${x.value} / ${A.value} / ${V.value}`],
-    ["Digits only", M.value],
-    [
-      "min",
-      e.min?.toLocaleDateString("en-US", {
-        year: "numeric",
-        month: "2-digit",
-        day: "2-digit"
-      }) ?? null
-    ],
-    [
-      "max",
-      e.max?.toLocaleDateString("en-US", {
-        year: "numeric",
-        month: "2-digit",
-        day: "2-digit"
-      }) ?? null
-    ]
-  ]), K = y(() => {
-    if (!p.value) {
-      if (!R.value) return !0;
-      const o = g.value;
-      return o ? c(o) : !1;
-    }
-    if (!k.value) return !0;
-    const n = g.value;
-    return !R.value || !n ? !1 : c(n);
-  }), Z = y(() => {
-    if (!p.value) {
-      if (!R.value) return;
-      const o = g.value;
-      return o ? c(o) ? "valid" : "out-of-bounds" : "invalid-date";
-    }
-    if (!k.value) return;
-    if (M.value.length === 0 || !R.value)
-      return "incomplete";
-    const n = g.value;
-    return n ? c(n) ? "valid" : "out-of-bounds" : "invalid-date";
-  }), ne = y(() => {
-    const n = Z.value;
-    if (!n || n === "valid") return "";
-    if (n === "incomplete")
-      return "Required";
-    if (n === "invalid-date")
-      return `Must be in ${l.value} format.`;
-    const o = e.min ? e.min.toLocaleDateString("en-US", {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit"
-    }) : null, S = e.max ? e.max.toLocaleDateString("en-US", {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit"
-    }) : null;
-    if (n === "out-of-bounds") {
-      if (o && S) return `Must be between ${o} and ${S}.`;
-      if (o) return `Must be on or after ${o}.`;
-      if (S) return `Must be on or before ${S}.`;
-    }
-    return "";
-  }), se = () => {
-    j(() => {
-      const n = document.getElementById(
-        e.id
-      );
-      if (!n) {
-        console.warn(`ID (#${e.id}) not found for styling.`);
-        return;
-      }
-      const o = n.closest(".k-datepicker");
-      if (!o) {
-        console.warn(`.k-datepicker parent not found for #${e.id} styling.`);
-        return;
-      }
-      const S = o.parentElement;
-      if (S) {
-        if (S.classList.contains("fk-datepicker"))
-          return;
-        S.classList.add("fk-datepicker");
-      } else
-        console.warn(
-          `Parent of .k-datepicker not found for #${e.id} styling.`
-        );
-    });
-  };
-  return Le(() => {
-    se();
-  }), {
-    raw: t,
-    cursorPos: a,
-    debugEnabled: f,
-    debugLines: P,
-    placeholder: l,
-    isValid: K,
-    reason: te(Z),
-    validationMessage: ne,
-    digitsOnly: M,
-    month: te(x),
-    day: te(A),
-    year: te(V),
-    datePart: C,
-    handleChange: B,
-    handleKeyDown: I,
-    handleWheel: m,
-    handleKeyUp: E,
-    handleClick: _,
-    handleBlur: F,
-    // Expose so consumers can re-run styling when needed
-    initStyling: se
-  };
-}
-function qt(e) {
-  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(!1), p = 1440 * 60 * 1e3, b = 365 * p, k = /* @__PURE__ */ new Date(), L = new Date(k.getTime() - b), z = new Date(k.getTime() + b);
-  e.min = e.min ?? L, e.max = e.max ?? z;
-  const M = y(() => (t.value ?? "").replace(/\D/g, "")), C = (i, w) => new Date(i, w, 0).getDate(), x = (i, w, O) => w >= 1 && w <= 12 && i >= 1e3 && O >= 1 && O <= C(i, w), A = (i) => Date.UTC(i.getFullYear(), i.getMonth(), i.getDate()), V = (i) => {
-    if (!i) return null;
-    const w = e.min ?? new Date(Date.now() - 90 * p), O = e.max ?? /* @__PURE__ */ new Date(), H = A(i);
-    return H < A(w) || H > A(O) ? null : i;
-  }, v = (i, w) => e.allowReverse ?? !1 ? !0 : i <= w, c = y(() => (t.value?.length ?? 0) >= 23 && M.value.length >= 16), g = (i) => {
-    if ((i ?? "").length < 23 || M.value.length < 16)
-      return { start: null, end: null };
-    const w = i.substring(0, 10), O = i.substring(13, 23), [H, oe, le] = w.split("/").map((pe) => parseInt(pe || "0", 10)), [fe, me, he] = O.split("/").map((pe) => parseInt(pe || "0", 10)), ge = new Date(le, H - 1, oe), be = new Date(he, fe - 1, me), Ee = x(le, H, oe) && ge.toString() !== "Invalid Date", De = x(he, fe, me) && be.toString() !== "Invalid Date";
-    return { start: Ee ? ge : null, end: De ? be : null };
-  }, R = e.externalValid ?? Y(!0), q = y(() => g(t.value)), X = y(() => {
-    const i = V(q.value.start), w = V(q.value.end);
-    return { start: i, end: w };
-  }), W = y(() => {
-    if (!c.value) return;
-    const i = X.value.start, w = X.value.end;
-    if (!i || !w) return;
-    const O = Math.abs(A(w) - A(i));
-    return Math.round(O / 864e5 + 1);
-  }), B = Y(!1), _ = y(() => {
-    if (!B.value) return;
-    const { start: i, end: w } = q.value;
-    if (!c.value) return "incomplete";
-    if (!i || !w) return "invalid-date";
-    if (!X.value.start || !X.value.end) return "out-of-bounds";
-    const O = X.value.start, H = X.value.end;
-    return v(O, H) ? typeof e.maxSpanDays == "number" && W.value !== void 0 && W.value > e.maxSpanDays ? "span-exceeds-limit" : "valid" : "reversed-range";
-  }), d = y(() => {
-    const i = _.value;
-    return i === void 0 || i === "valid";
-  }), I = y(() => {
-    const { min: i, max: w } = e, O = _.value;
-    if (!O) return "";
-    switch (O) {
-      case "incomplete":
-        return "Required";
-      case "invalid-date":
-        return "One or both dates invalid.";
-      case "reversed-range":
-        return "End Date must be on or after Start Date.";
-      case "out-of-bounds":
-        return i && w ? `Dates must be between ${D(i)} and ${D(w)}.` : "Dates must be within the allowed range.";
-      case "span-exceeds-limit":
-        return typeof e.maxSpanDays == "number" ? `Date range exceeds ${e.maxSpanDays} days.` : "Date range exceeds maximum allowed span.";
-      default:
-        return "";
-    }
-  }), m = ["ArrowUp", "ArrowDown"], E = ["ArrowLeft", "ArrowRight"], F = (i, w) => String(i).padStart(w, "0"), D = (i) => `${F(i.getMonth() + 1, 2)}/${F(i.getDate(), 2)}/${F(
-    i.getFullYear(),
-    4
-  )}`, P = (i) => i <= 2 ? { side: "start", part: "mm" } : i <= 5 ? { side: "start", part: (i <= 3, "dd") } : i <= 11 ? { side: "start", part: "yyyy" } : i <= 15 ? { side: "end", part: "mm" } : i <= 18 ? { side: "end", part: "dd" } : { side: "end", part: "yyyy" }, K = (i, w, O) => {
-    const H = w?.selectionStart ?? a.value ?? 0;
-    a.value = H;
-    const { start: oe, end: le } = g(t.value);
-    if (!oe && !le) {
-      const ee = /* @__PURE__ */ new Date(), de = D(ee);
-      t.value = `${de} - ${de}`, e.onChange({ value: { start: ee, end: ee }, event: O }), j(() => {
-        requestAnimationFrame(() => {
-          const ie = document.getElementById(
-            e.id
-          ), ue = a.value ?? 0;
-          ie && (ie.focus(), ie.setSelectionRange(ue, ue));
-        });
-      });
-      return;
-    }
-    const fe = /* @__PURE__ */ new Date(), me = P(H);
-    let he = oe ? new Date(oe) : new Date(fe), ge = le ? new Date(le) : new Date(fe);
-    const be = (ee, de) => {
-      if (de === "mm") {
-        const ie = ee.getMonth() + 1, ue = i === "ArrowUp" ? ie < 12 ? ie + 1 : 1 : ie > 1 ? ie - 1 : 12;
-        ee.setMonth(ue - 1);
-        const ke = C(ee.getFullYear(), ue);
-        ee.getDate() > ke && ee.setDate(ke);
-      } else if (de === "dd") {
-        const ie = C(ee.getFullYear(), ee.getMonth() + 1), ue = ee.getDate(), ke = i === "ArrowUp" ? ue < ie ? ue + 1 : 1 : ue > 1 ? ue - 1 : ie;
-        ee.setDate(ke);
-      } else if (de === "yyyy") {
-        const ie = ee.getFullYear();
-        ee.setFullYear(i === "ArrowUp" ? ie + 1 : Math.max(1, ie - 1));
-        const ue = C(ee.getFullYear(), ee.getMonth() + 1);
-        ee.getDate() > ue && ee.setDate(ue);
-      }
-    };
-    me.side === "start" ? be(he, me.part) : be(ge, me.part);
-    const Ee = D(he), De = D(ge);
-    t.value = `${Ee} - ${De}`;
-    const pe = V(he), xe = V(ge);
-    pe && xe && v(pe, xe) ? e.onChange({ value: { start: pe, end: xe }, event: O }) : e.onChange({ value: null, event: O }), j(() => {
-      requestAnimationFrame(() => {
-        const ee = document.getElementById(
-          e.id
-        ), de = a.value ?? 0;
-        ee && (ee.focus(), ee.setSelectionRange(de, de));
-      });
-    });
-  }, Z = (i) => {
-    const { start: w, end: O } = g(t.value);
-    if (!w || !O) {
-      e.onChange({ value: null, event: i });
-      return;
-    }
-    const H = V(w), oe = V(O);
-    if (!H || !oe) {
-      e.onChange({ value: null, event: i });
-      return;
-    }
-    if (!v(H, oe)) {
-      e.onChange({ value: null, event: i });
-      return;
-    }
-    e.onChange({ value: { start: H, end: oe }, event: i });
-  }, ne = (i) => {
-    const w = i.value ?? "", O = i.event;
-    if (!w && O && O.type === "click") {
-      $(O);
-      return;
-    }
-    t.value = w;
-    const H = O?.target;
-    a.value = H?.selectionStart ?? 0, Z(i);
-  }, se = (i) => {
-    a.value = i.target.selectionStart ?? 0;
-  }, n = (i) => {
-    if (i.code === "Space" || i.key === " ") {
-      i.preventDefault(), i.stopPropagation(), e.onShowCalendar(i);
-      return;
-    }
-    if (i.key === "ArrowDown" && i.altKey) {
-      i.preventDefault(), i.stopPropagation(), e.onShowCalendar(i);
-      return;
-    }
-    if (m.includes(i.key)) {
-      i.preventDefault(), i.stopPropagation();
-      const w = i.target;
-      K(i.key, w, i);
-      return;
-    }
-  }, o = (i) => {
-    i.preventDefault();
-    const w = i.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    K(w, i.target, i);
-  }, S = (i) => {
-    if (E.includes(i.key) || m.includes(i.key)) {
-      const w = i.target;
-      a.value = w?.selectionStart ?? 0;
-    }
-  }, u = () => {
-    B.value = !0, (e.manageValid ?? !0) && (R.value = d.value);
-  }, h = (i) => {
-    u();
-  }, $ = (i) => {
-    t.value = "", a.value = 0, e.onChange({ value: null, event: i }), u(), j(() => {
-      const w = document.getElementById(
-        e.id
-      );
-      w && (w.focus(), w.setSelectionRange(0, 0));
-    });
-  };
-  e.externalValue && ae(
-    e.externalValue,
-    (i) => {
-      const w = i?.start ?? null, O = i?.end ?? null;
-      if (w && O) {
-        if (t.value = `${D(w)} - ${D(O)}`, e.isOpen?.value && l.value && e.onRequestClose) {
-          const H = typeof e.closeDelay == "number" ? e.closeDelay : e.closeDelay?.value ?? 0;
-          setTimeout(() => {
-            e.onRequestClose?.(), l.value = !1, u();
-          }, H);
-        }
-        return;
-      }
-    },
-    { immediate: !0 }
-  );
-  const r = y(
-    () => t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0"
-  ), s = y(
-    () => t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0"
-  ), T = y(
-    () => t.value && t.value.substring(6, 10).replace(/\D/g, "0") || "0"
-  ), N = y(
-    () => t.value && t.value.substring(13, 15).replace(/\D/g, "0") || "0"
-  ), U = y(
-    () => t.value && t.value.substring(16, 18).replace(/\D/g, "0") || "0"
-  ), Q = y(
-    () => t.value && t.value.substring(19, 23).replace(/\D/g, "0") || "0"
-  ), G = y(() => {
-    const { start: i, end: w } = g(t.value);
-    return [
-      {
-        label: "Raw",
-        value: t.value
-      },
-      {
-        label: "Min Date",
-        value: `${e.min ? e.min.toDateString() : "-"}`
-      },
-      {
-        label: "Max Date",
-        value: `${e.max ? e.max.toDateString() : "-"}`
-      },
-      {
-        label: "Start",
-        value: `${String(r.value).padStart(2, "0")} / ${String(
-          s.value
-        ).padStart(2, "0")} / ${String(T.value).padStart(4, "0")}`
-      },
-      {
-        label: "End",
-        value: `${String(N.value).padStart(2, "0")} / ${String(
-          U.value
-        ).padStart(2, "0")} / ${String(Q.value).padStart(4, "0")}`
-      },
-      { label: "Digits only", value: M.value },
-      { label: "Mask complete", value: `${c.value}` },
-      {
-        label: "Parsed",
-        value: `${i ? i.toDateString() : "-"} | ${w ? w.toDateString() : "-"}`
-      },
-      {
-        label: "Valid (managed)",
-        value: `${R.value ?? "-"}`
-      },
-      { label: "Span (days)", value: `${W.value ?? "-"}` },
-      {
-        label: "Reason",
-        value: `${_.value ?? "-"}`
-      },
-      {
-        label: "Cursor in",
-        value: `${a.value ?? "-"} (${(() => {
-          const O = a.value ?? 0, H = P(O);
-          return `${H.side}.${H.part}`;
-        })()})`
-      }
-    ];
-  }), J = () => {
-    j(() => {
-      const i = document.getElementById(e.id);
-      if (!i) {
-        console.warn(`#${e.id} not found for styling.`);
-        return;
-      }
-      const w = i.closest("div");
-      if (!w) {
-        console.warn(`Parent div of #${e.id} not found for styling.`);
-        return;
-      }
-      w.classList.contains("fk-daterangepicker") || w.classList.add("fk-daterangepicker");
-    });
-  };
-  Le(() => {
-    J();
-  });
-  const ce = () => {
-    j(() => {
-      try {
-        const i = Array.from(
-          document.querySelectorAll(".k-animation-container")
-        );
-        if (!i.length) return;
-        const O = [...i].reverse().find((le) => le.querySelector(".k-calendar"))?.querySelector(
-          ".k-calendar"
-        );
-        if (!O) return;
-        const H = O.querySelectorAll(
-          ".k-calendar-table"
-        );
-        let oe = !1;
-        H.forEach((le) => {
-          le.tabIndex === 0 && (oe ? le.tabIndex = -1 : oe = !0);
-        });
-      } catch (i) {
-        console.warn(i);
-      }
-    });
-  };
-  return e.isOpen && ae(
-    e.isOpen,
-    (i) => {
-      i && setTimeout(() => ce(), 0);
-    },
-    { immediate: !1 }
-  ), {
-    raw: t,
-    cursorPos: a,
-    debugEnabled: f,
-    debugLines: G,
-    digitsOnly: M,
-    valid: R,
-    validComputed: te(d),
-    reason: te(_),
-    validationMessage: te(I),
-    spanDays: te(W),
-    month1: te(r),
-    day1: te(s),
-    year1: te(T),
-    month2: te(N),
-    day2: te(U),
-    year2: te(Q),
-    handleChange: ne,
-    handleKeyDown: n,
-    handleWheel: o,
-    handleKeyUp: S,
-    handleClick: se,
-    handleBlur: h,
-    handleClear: $,
-    onCalendarChange: () => {
-      l.value = !0;
-    },
-    initStyling: J
-  };
-}
-function Kt(e) {
-  const t = Y(""), a = Y(void 0), f = Y(!!e.debug), l = Y(e.timeFormat ?? "hh:mm AM"), p = y(() => !!e.required), b = Y(!1), k = ["ArrowUp", "ArrowDown"], L = ["ArrowLeft", "ArrowRight"], z = y(() => (t.value ?? "").replace(/\D/g, "")), M = {
-    H: /[0-9]/,
-    h: /[0-9]/,
-    M: /[0-9]/,
-    m: /[0-9]/,
-    A: /[AaPp]/,
-    a: /[Mm]/
-  }, C = (r) => r <= 2 ? "hh" : r <= 5 ? "mm" : "ampm", x = y(() => {
-    const r = t.value && t.value.substring(0, 2).replace(/\D/g, "0") || "0", s = parseInt(r);
-    return Math.min(Math.max(s, 0), 23);
-  }), A = y(() => {
-    const r = t.value && t.value.substring(3, 5).replace(/\D/g, "0") || "0", s = parseInt(r);
-    return Math.min(Math.max(s, 0), 59);
-  }), V = y(() => (t.value?.substring(6, 8) || "AM").toUpperCase().startsWith("P") ? "PM" : "AM"), v = y(() => {
-    const r = parseInt(t.value?.substring(0, 2).replace(/\D/g, "0") || "0"), s = V.value;
-    return r === 12 ? s === "AM" ? 0 : 12 : s === "PM" ? r + 12 : r;
-  }), c = y(() => g.value ? `${String(v.value).padStart(2, "0")}:${String(A.value).padStart(2, "0")}:00` : null), g = y(
-    () => /^(\d{2}):(\d{2})\s([AP]M)$/i.test(t.value ?? "")
-  ), R = (r, s, T) => {
-    let N = r % 12;
-    return N === 0 && (N = 12), `${String(N).padStart(2, "0")}:${String(s).padStart(
-      2,
-      "0"
-    )} ${T}`;
-  }, q = (r) => {
-    const s = r.match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!s) return null;
-    const T = parseInt(s[1]), N = parseInt(s[2]), U = s[3].toUpperCase();
-    if (T < 1 || T > 12 || N < 0 || N > 59) return null;
-    let Q = T % 12;
-    U === "PM" && (Q += 12);
-    const G = /* @__PURE__ */ new Date();
-    return G.setSeconds(0, 0), G.setHours(Q), G.setMinutes(N), G;
-  }, X = (r) => {
-    if (z.value.length === 0) {
-      e.onChange({ value: null, event: r });
-      return;
-    }
-    if (!g.value) {
-      e.onChange({ value: null, event: r });
-      return;
-    }
-    const s = q(t.value);
-    s && B(s) ? e.onChange({ value: s, event: r }) : e.onChange({ value: null, event: r });
-  }, W = (r) => r.getHours() * 60 + r.getMinutes(), B = (r) => {
-    const s = e.min ?? void 0, T = e.max ?? void 0, N = W(r);
-    if (s) {
-      const U = W(s);
-      if (N < U) return !1;
-    }
-    if (T) {
-      const U = W(T);
-      if (N > U) return !1;
-    }
-    return !0;
-  }, _ = (r) => {
-    const s = r.getHours(), T = s >= 12 ? "PM" : "AM";
-    t.value = R(s, r.getMinutes(), T);
-  }, d = (r, s) => {
-    e.onChange({ value: r, event: s });
-  }, I = () => {
-    j(() => {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          const r = document.getElementById(
-            e.id
-          );
-          if (r) {
-            r.focus();
-            const s = (r.value ?? "").length;
-            r.setSelectionRange(s, s);
-          }
-        });
-      });
-    });
-  }, m = (r) => {
-    const s = r?.event?.target;
-    return s ? s.closest(".k-time-now") ? "now" : s.closest(".k-time-accept") ? "set" : null : null;
-  }, E = (r, s) => {
-    r && B(r) ? d(r, s) : d(null, s);
-  }, F = (...r) => {
-    const s = r[0];
-    if (!s) return;
-    const T = m(s);
-    if (T === "now") {
-      const U = /* @__PURE__ */ new Date();
-      _(U), E(U, s), I();
-      return;
-    }
-    if (s?.value instanceof Date) {
-      const U = new Date(s.value);
-      _(U), E(U, s), T === "set" && I();
-      return;
-    }
-    if (s?.value === null) {
-      t.value = "", d(null, s);
-      return;
-    }
-    t.value = s.value;
-    const N = s.event?.target;
-    a.value = N?.selectionStart ?? 0;
-    try {
-      const U = a.value ?? 0;
-      if (C(U) === "ampm" && (t.value ?? "").length >= 8) {
-        const Q = t.value.charAt(6);
-        /[Aa]/.test(Q) ? (t.value = `${t.value.slice(0, 6)}AM${t.value.slice(8)}`, j(() => {
-          requestAnimationFrame(() => {
-            const G = document.getElementById(
-              e.id
-            );
-            G && (G.focus(), G.setSelectionRange(8, 8));
-          });
-        })) : /[Pp]/.test(Q) && (t.value = `${t.value.slice(0, 6)}PM${t.value.slice(8)}`, j(() => {
-          requestAnimationFrame(() => {
-            const G = document.getElementById(
-              e.id
-            );
-            G && (G.focus(), G.setSelectionRange(8, 8));
-          });
-        }));
-      }
-    } catch {
-    }
-    X(s);
-  }, D = (r) => {
-    a.value = r.target.selectionStart ?? 0;
-  }, P = (r, s, T) => {
-    const N = s?.selectionStart ?? a.value ?? 0;
-    a.value = N;
-    const U = C(N), Q = (t.value ?? "").match(/^(\d{2}):(\d{2})\s([AP]M)$/i);
-    if (!Q) {
-      if ((t.value ?? "").length === 0 || z.value.length === 0) {
-        const w = /* @__PURE__ */ new Date(), O = w.getHours(), H = O >= 12 ? "PM" : "AM";
-        t.value = R(O, w.getMinutes(), H);
-        const oe = q(t.value);
-        E(oe, T), j(() => {
-          requestAnimationFrame(() => {
-            const le = document.getElementById(
-              e.id
-            ), fe = a.value ?? 0;
-            le && (le.focus(), le.setSelectionRange(fe, fe));
-          });
-        });
-      }
-      return;
-    }
-    let G = parseInt(Q[1]), J = parseInt(Q[2]), ce = Q[3].toUpperCase();
-    if (U === "hh")
-      r === "ArrowUp" ? G = G < 12 ? G + 1 : 1 : G = G > 1 ? G - 1 : 12;
-    else if (U === "mm") {
-      const w = e.minuteStepRef?.value ?? e.minuteStep ?? 1;
-      if (w === 1)
-        r === "ArrowUp" ? J = J < 59 ? J + 1 : 0 : J = J > 0 ? J - 1 : 59;
-      else if (r === "ArrowUp") {
-        const O = J % w;
-        let H = O === 0 ? J + w : J + (w - O);
-        H >= 60 && (H = 0), J = H;
-      } else {
-        const O = J % w;
-        let H = O === 0 ? J - w : J - O;
-        H < 0 && (H = 60 - w), J = H;
-      }
-    } else U === "ampm" && (ce = ce === "AM" ? "PM" : "AM");
-    t.value = `${String(G).padStart(2, "0")}:${String(J).padStart(
-      2,
-      "0"
-    )} ${ce}`;
-    const i = q(t.value);
-    E(i, T), j(() => {
-      requestAnimationFrame(() => {
-        const w = document.getElementById(
-          e.id
-        ), O = a.value ?? 0;
-        w && (w.focus(), w.setSelectionRange(O, O));
-      });
-    });
-  }, K = (r) => {
-    if (r.code === "Space" || r.key === " ") {
-      r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
-      return;
-    }
-    if (r.key === "ArrowDown" && r.altKey) {
-      r.preventDefault(), r.stopPropagation(), e.onShowPicker(r);
-      return;
-    }
-    if (k.includes(r.key)) {
-      if (r.altKey) return;
-      r.preventDefault(), r.stopPropagation();
-      const s = r.target;
-      P(r.key, s, r);
-      return;
-    }
-  }, Z = (r) => {
-    r.preventDefault();
-    const s = r.deltaY < 0 ? "ArrowUp" : "ArrowDown";
-    P(s, r.target, r);
-  }, ne = (r) => {
-    const s = r.target;
-    if (L.includes(r.key)) {
-      a.value = s?.selectionStart ?? 0;
-      return;
-    }
-    if (k.includes(r.key)) {
-      if (r.altKey) return;
-      a.value = s?.selectionStart ?? 0;
-    }
-  }, se = (r) => {
-    b.value = !0, p.value && e.externalValue && e.externalValue.value === void 0 && z.value.length === 0 && (e.externalValue.value = "");
-    const s = r.target;
-    s && (a.value = s.selectionStart ?? 0);
-  };
-  e.externalValue && ae(
-    e.externalValue,
-    (r) => {
-      if (r) {
-        const s = new Date(r);
-        if (s.toString() !== "Invalid Date") {
-          const T = s.getHours(), N = T >= 12 ? "PM" : "AM";
-          t.value = R(T, s.getMinutes(), N);
-          return;
-        }
-      }
-    },
-    { immediate: !0 }
-  );
-  const n = y(() => [
-    ["Time", t.value || "--:-- --"],
-    ["Hour (12h)", x.value],
-    ["Hour (24h)", v.value],
-    ["Minute", A.value],
-    ["Period", V.value],
-    ["Time (24h)", c.value ?? "--:--:--"],
-    ["Digits only", z.value],
-    [
-      "Parsed Date",
-      o.value?.toLocaleDateString("en-US", {
-        hour: "2-digit",
-        minute: "2-digit"
-      }) ?? null
-    ],
-    [
-      "min",
-      e.min?.toLocaleTimeString("en-US", {
-        hour: "2-digit",
-        minute: "2-digit"
-      }) ?? null
-    ],
-    [
-      "max",
-      e.max?.toLocaleTimeString("en-US", {
-        hour: "2-digit",
-        minute: "2-digit"
-      }) ?? null
-    ],
-    ["valid", S.value],
-    ["reason", u.value],
-    ["validationMessage", h.value]
-  ]), o = y(
-    () => q(t.value) ?? null
-  ), S = y(() => {
-    if (!p.value) {
-      if (!g.value) return !0;
-      const s = o.value;
-      return s ? B(s) : !1;
-    }
-    if (!b.value) return !0;
-    const r = o.value;
-    return !g.value || !r ? !1 : B(r);
-  }), u = y(() => {
-    if (!p.value) {
-      if (!g.value) return;
-      const s = o.value;
-      return s ? B(s) ? "valid" : "out-of-bounds" : "invalid-time";
-    }
-    if (!b.value) return;
-    if (z.value.length === 0 || !g.value)
-      return "incomplete";
-    const r = o.value;
-    return r ? B(r) ? "valid" : "out-of-bounds" : "invalid-time";
-  }), h = y(() => {
-    const r = u.value;
-    if (!r || r === "valid") return "";
-    if (r === "incomplete")
-      return "Required";
-    if (r === "invalid-time")
-      return `Must be in ${l.value} format.`;
-    const s = {
-      hour: "2-digit",
-      minute: "2-digit"
-    }, T = e.min ? e.min.toLocaleTimeString("en-US", s) : null, N = e.max ? e.max.toLocaleTimeString("en-US", s) : null;
-    if (r === "out-of-bounds") {
-      if (T && N) return `Must be between ${T} and ${N}.`;
-      if (T) return `Must be ${T} or later.`;
-      if (N) return `Must be ${N} or earlier.`;
-    }
-    return "";
-  }), $ = () => {
-    j(() => {
-      const r = document.getElementById(e.id);
-      if (!r) {
-        console.warn(`#${e.id} not found for styling.`);
-        return;
-      }
-      const s = r.closest(".k-timepicker");
-      if (!s) {
-        console.warn(
-          `.k-timepicker parent of #${e.id} not found for styling.`
-        );
-        return;
-      }
-      const T = s.parentElement;
-      if (!T) {
-        console.warn(
-          `Parent of .k-timepicker not found for #${e.id} styling.`
-        );
-        return;
-      }
-      T.classList.contains("fk-timepicker") || T.classList.add("fk-timepicker");
-    });
-  };
-  return Le(() => {
-    $();
-  }), {
-    raw: t,
-    rules: M,
-    debugEnabled: f,
-    debugLines: n,
-    placeholder: l,
-    isValid: S,
-    reason: te(u),
-    validationMessage: h,
-    isComplete: g,
-    inRangeTime: B,
-    cursorPos: a,
-    hour: te(x),
-    hour24: te(v),
-    minute: te(A),
-    period: te(V),
-    time24: te(c),
-    parsedRawTime: te(o),
-    handleChange: F,
-    handleKeyDown: K,
-    handleKeyUp: ne,
-    handleClick: D,
-    handleWheel: Z,
-    handleBlur: se,
-    // Expose so consumers can reapply theming when Kendo updates DOM
-    initStyling: $
-  };
-}
-const Ut = {
-  outsideClick: !1,
-  returnFocusToTrigger: !1,
-  focusTrapOptions: {
-    returnFocusOnDeactivate: !1
-  }
-}, Yt = {
-  outsideClick: !1
-};
-function Bt(e) {
-  const t = ve(null), a = [
-    ".k-animation-container .k-popup",
-    ".k-popup",
-    ".k-timepicker-popup",
-    ".k-menu-popup"
-  ], f = Array.isArray(e.popupSelector) ? e.popupSelector : [e.popupSelector ?? a].flat(), l = (M) => M ? typeof e.initialFocus == "string" ? M.querySelector(e.initialFocus) ?? M : typeof e.initialFocus == "function" ? e.initialFocus(M) ?? M : M.querySelector(
-    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  ) ?? M : null, { activate: p, deactivate: b } = Ge(t, {
-    escapeDeactivates: !1,
-    clickOutsideDeactivates: !1,
-    // Without this, focus-trap's own default (false) preventDefault()s and
-    // swallows every outside pointerdown/click while active - not just ones
-    // that would close it - blocking interaction with anything else on the
-    // page (e.g. another trigger in the same row) until the trap deactivates.
-    allowOutsideClick: !0,
-    fallbackFocus: () => t.value,
-    initialFocus: () => l(t.value),
-    ...e.focusTrapOptions ?? {}
-  });
-  let k = null, L = Y(null);
-  const z = () => {
-    if (e.resolvePopupEl) return e.resolvePopupEl();
-    const M = (x, A) => {
-      const V = Array.from(x.querySelectorAll(A));
-      if (!V.length) return null;
-      const v = V.filter(
-        (c) => c.offsetParent !== null || c.getClientRects().length > 0
-      );
-      return v[v.length - 1] ?? V[V.length - 1] ?? null;
-    }, C = e.triggerEl?.value?.closest?.(".k-animation-container") ?? document.body;
-    for (const x of f) {
-      const A = M(C, x);
-      if (A) return A;
-    }
-    for (const x of f) {
-      const A = M(document, x);
-      if (A) return A;
-    }
-    return null;
-  };
-  return e.outsideClick !== !1 && Be(
-    t,
-    (M) => {
-      e.isOpen.value && (L.value = "outside", e.onRequestClose?.("outside", M));
-    },
-    e.outsideClick
-  ), ae(
-    () => e.isOpen.value,
-    (M) => {
-      M ? (L.value = null, j(() => {
-        const C = z();
-        C && (C.tabIndex < 0 && (C.tabIndex = -1), t.value = C, setTimeout(() => {
-          try {
-            p();
-          } catch (x) {
-            console.warn(
-              "usePopupTrap: focus trap failed to activate",
-              x
-            );
-          }
-        }, 0), k || (k = (x) => {
-          x.key === "Escape" && (L.value = "escape", e.isOpen.value && e.onRequestClose?.("escape", x));
-        }, document.addEventListener("keydown", k, !0)));
-      })) : (b(), k && (document.removeEventListener("keydown", k, !0), k = null), t.value = null, L.value === "outside" && j(() => {
-        const C = () => {
-          const x = e.triggerEl?.value, A = x?.querySelector("input"), V = document.activeElement;
-          V && (V === A || x && x.contains(V)) && (A ?? x)?.blur?.();
-        };
-        requestAnimationFrame(() => setTimeout(C, 0));
-      }), e.returnFocusToTrigger !== !1 && L.value === "escape" && e.triggerEl?.value && j(() => {
-        const C = () => {
-          const x = e.triggerEl?.value;
-          if (!x) return;
-          (x.querySelector("input") ?? x)?.focus?.();
-        };
-        requestAnimationFrame(() => setTimeout(C, 0));
-      }));
-    }
-  ), {
-    popupRef: t,
-    activate: p,
-    deactivate: b,
-    lastCloseReason: te(L),
-    setPopupEl: (M) => t.value = M
-  };
-}
-export {
-  Yt as DIALOG_TRAP_OPTIONS,
-  Ut as POPUP_MENU_TRAP_OPTIONS,
-  ze as WINDOW_SETTINGS_DEFAULTS,
-  ft as computeCollisionOffset,
-  Vt as useActiveIdRegistry,
-  Pt as useCompositeId,
-  Ot as useExclusiveGroup,
-  at as useFieldsetTouchTracker,
-  ot as useFieldsetValidationKit,
-  Ct as useGridA11y,
-  Rt as useGridActiveFilter,
-  Ft as useGridRowAction,
-  gt as useIntersectionObserver,
-  zt as useMaskedDateInput,
-  qt as useMaskedDateRangeInput,
-  Kt as useMaskedTimeInput,
-  $t as usePopupMenu,
-  Bt as usePopupTrap,
-  Lt as useUSAddress,
-  Nt as useWindow,
-  rt as useZipTextBox
-};
-//# sourceMappingURL=featherk-composables.es.js.map