feather-k-demo-utils 0.1.0 → 0.1.2

package/lib/{DemoSelection.vue_vue_type_script_setup_true_lang-DaLhEeza.js → DemoSelection.vue_vue_type_script_setup_true_lang-DIdktGNu.js}

@@ -1,5 +1,5 @@
-import { defineComponent as k, ref as K, computed as J, openBlock as G, createElementBlock as Y, withKeys as Be, normalizeClass as Se, createElementVNode as ee, toDisplayString as Xe, createCommentVNode as $e, useSlots as Ce, renderSlot as we, withModifiers as Yt, createVNode as d, h as x, Transition as Jt, isVNode as ce, inject as je, unref as Oe, Fragment as qt, withCtx as Qt, createTextVNode as Xt } from "vue";
-const ei = ["aria-expanded"], ti = { key: 0 }, ii = { key: 1 }, ni = { key: 2 }, $s = /* @__PURE__ */ k({
+import { defineComponent as k, ref as K, computed as J, openBlock as G, createElementBlock as Y, withKeys as je, normalizeClass as we, createElementVNode as ee, toDisplayString as et, createCommentVNode as Se, useSlots as Ce, renderSlot as xe, withModifiers as qt, createVNode as d, h as x, Transition as Qt, isVNode as ce, inject as Ue, onMounted as Xt, watch as ve, unref as Le, Fragment as ei, withCtx as ti, createTextVNode as ii } from "vue";
+const ni = ["aria-expanded"], si = { key: 0 }, oi = { key: 1 }, ai = { key: 2 }, Is = /* @__PURE__ */ k({
   __name: "DemoStats",
   props: {
     publishDate: {},
@@ -16,11 +16,11 @@ const ei = ["aria-expanded"], ti = { key: 0 }, ii = { key: 1 }, ni = { key: 2 },
     }));
     return (o, a) => e.publishDate || e.version ? (G(), Y("div", {
       key: 0,
-      class: Se(s.value),
+      class: we(s.value),
       role: "region",
       "aria-label": "Demo Stats",
       "aria-expanded": i.value,
-      onKeydown: a[0] || (a[0] = Be((r) => i.value = !1, ["escape"]))
+      onKeydown: a[0] || (a[0] = je((r) => i.value = !1, ["escape"]))
     }, [
       ee("button", {
         class: "toggle-btn",
@@ -29,8 +29,8 @@ const ei = ["aria-expanded"], ti = { key: 0 }, ii = { key: 1 }, ni = { key: 2 },
         type: "button",
         tabindex: "0"
       }, " 📊 "),
-      e.version ? (G(), Y("div", ti, "using @featherk/styles@" + Xe(e.version), 1)) : $e("", !0),
-      e.publishDate ? (G(), Y("div", ii, "Published: " + Xe(e.publishDate), 1)) : (G(), Y("div", ni, [...a[1] || (a[1] = [
+      e.version ? (G(), Y("div", si, "using @featherk/styles@" + et(e.version), 1)) : Se("", !0),
+      e.publishDate ? (G(), Y("div", oi, "Published: " + et(e.publishDate), 1)) : (G(), Y("div", ai, [...a[1] || (a[1] = [
         ee("a", {
           href: "https://github.com/NantHealth/feather-k-demo-utils/blob/integration/README.md",
           target: "_blank",
@@ -38,9 +38,9 @@ const ei = ["aria-expanded"], ti = { key: 0 }, ii = { key: 1 }, ni = { key: 2 },
           style: { "pointer-events": "auto !important" }
         }, " Setup Publish Date ", -1)
       ])]))
-    ], 42, ei)) : $e("", !0);
+    ], 42, ni)) : Se("", !0);
   }
-}), si = ["aria-expanded"], oi = ["inert"], Ss = /* @__PURE__ */ k({
+}), ri = ["aria-expanded"], li = ["inert"], Es = /* @__PURE__ */ k({
   __name: "DemoDebug",
   props: {
     active: { type: Boolean }
@@ -55,11 +55,11 @@ const ei = ["aria-expanded"], ti = { key: 0 }, ii = { key: 1 }, ni = { key: 2 },
       active: i.value
     }));
     return (r, l) => (G(), Y("div", {
-      class: Se(a.value),
+      class: we(a.value),
       role: "region",
       "aria-label": "Demo Debug",
       "aria-expanded": i.value,
-      onKeydown: l[0] || (l[0] = Be((c) => i.value = !1, ["escape"]))
+      onKeydown: l[0] || (l[0] = je((c) => i.value = !1, ["escape"]))
     }, [
       ee("button", {
         class: "toggle-btn",
@@ -71,11 +71,11 @@ const ei = ["aria-expanded"], ti = { key: 0 }, ii = { key: 1 }, ni = { key: 2 },
       ee("div", {
         inert: !i.value
       }, [
-        we(r.$slots, "default")
-      ], 8, oi)
-    ], 42, si));
+        xe(r.$slots, "default")
+      ], 8, li)
+    ], 42, ri));
   }
-}), ai = ["aria-expanded"], ri = ["inert"], Cs = /* @__PURE__ */ k({
+}), di = ["aria-expanded"], ci = ["inert"], Ns = /* @__PURE__ */ k({
   __name: "DemoSettings",
   props: {
     active: { type: Boolean }
@@ -90,26 +90,26 @@ const ei = ["aria-expanded"], ti = { key: 0 }, ii = { key: 1 }, ni = { key: 2 },
       active: i.value
     }));
     return (r, l) => (G(), Y("div", {
-      class: Se(a.value),
+      class: we(a.value),
       role: "region",
       "aria-label": "Demo Settings",
       "aria-expanded": i.value,
-      onKeydown: l[0] || (l[0] = Be((c) => i.value = !1, ["escape"]))
+      onKeydown: l[0] || (l[0] = je((c) => i.value = !1, ["escape"]))
     }, [
       ee("button", {
         class: "toggle-btn",
-        onClick: Yt(o, ["stop"]),
+        onClick: qt(o, ["stop"]),
         "aria-label": "Toggle Demo Settings",
         tabindex: "0"
       }, " ⚙️ "),
       ee("div", {
         inert: !i.value
       }, [
-        we(r.$slots, "default")
-      ], 8, ri)
-    ], 42, ai));
+        xe(r.$slots, "default")
+      ], 8, ci)
+    ], 42, di));
   }
-}), ws = /* @__PURE__ */ k({
+}), Os = /* @__PURE__ */ k({
   __name: "DemoNotes",
   setup(e) {
     const t = Ce(), i = J(() => !!t.default && t.default({}).some((s) => s.children)), n = J(() => ({
@@ -118,22 +118,22 @@ const ei = ["aria-expanded"], ti = { key: 0 }, ii = { key: 1 }, ni = { key: 2 },
     }));
     return (s, o) => i.value ? (G(), Y("div", {
       key: 0,
-      class: Se(n.value),
+      class: we(n.value),
       tabindex: "0"
     }, [
-      we(s.$slots, "default")
-    ], 2)) : $e("", !0);
+      xe(s.$slots, "default")
+    ], 2)) : Se("", !0);
   }
 });
-const ht = (e) => typeof e == "object";
-const _ = (...e) => e.filter((t) => t !== !0 && !!t).map((t) => Array.isArray(t) ? _(...t) : ht(t) ? Object.keys(t).map((i, n) => t[n] || t[i] && i || null).filter((i) => i !== null).join(" ") : t).filter((t) => !!t).join(" ");
+const ft = (e) => typeof e == "object";
+const A = (...e) => e.filter((t) => t !== !0 && !!t).map((t) => Array.isArray(t) ? A(...t) : ft(t) ? Object.keys(t).map((i, n) => t[n] || t[i] && i || null).filter((i) => i !== null).join(" ") : t).filter((t) => !!t).join(" ");
 const ae = () => {
   let e = "", t, i;
   for (t = 0; t < 32; t++)
     i = Math.random() * 16 | 0, (t === 8 || t === 12 || t === 16 || t === 20) && (e += "-"), e += (t === 12 ? 4 : t === 16 ? i & 3 | 8 : i).toString(16);
   return e;
 };
-const C = {
+const w = {
   enter: 13,
   esc: 27,
   space: 32,
@@ -144,7 +144,7 @@ const C = {
   right: 39,
   down: 40
 };
-const ke = !!// from fbjs
+const be = !!// from fbjs
 (typeof window < "u" && window.document && window.document.createElement);
 function re(e, t) {
   return e[`${t}Ref`];
@@ -158,7 +158,7 @@ function M(e) {
   const t = e.$slots.default;
   return t && typeof t == "function" ? t() : t;
 }
-const et = function() {
+const tt = function() {
 };
 function T() {
   const e = {};
@@ -174,9 +174,9 @@ function D(e, t) {
   if (e.kt)
     return e;
   const i = this.$slots[e] || (e.toLowerCase ? this.$slots[e.toLowerCase()] : null);
-  return typeof e == "string" && i ? { kt: !0, type: "slot", render: i, listeners: t } : typeof e == "string" || ht(e) || typeof e == "function" && e.component ? { kt: !0, type: "component", render: e, listeners: t } : { kt: !0, type: "renderFunction", render: e, listeners: t };
+  return typeof e == "string" && i ? { kt: !0, type: "slot", render: i, listeners: t } : typeof e == "string" || ft(e) || typeof e == "function" && e.component ? { kt: !0, type: "component", render: e, listeners: t } : { kt: !0, type: "renderFunction", render: e, listeners: t };
 }
-function P({
+function _({
   h: e,
   template: t,
   defaultRendering: i,
@@ -189,7 +189,7 @@ function P({
     return i;
   const r = i ? i.props : {}, l = {
     ...t.listeners,
-    ...li(o)
+    ...pi(o)
   }, c = {
     ...r,
     ...s,
@@ -209,7 +209,7 @@ function P({
     () => [n]
   );
 }
-function li(e) {
+function pi(e) {
   if (!e)
     return e;
   const t = {}, i = Object.keys(e);
@@ -219,7 +219,7 @@ function li(e) {
   }
   return t;
 }
-const di = (e, t, i) => {
+const ui = (e, t, i) => {
   const n = typeof e == "string" ? parseInt(e) : e;
   if (!Number.isNaN(n))
     return n !== void 0 ? n : t ? i ? void 0 : -1 : 0;
@@ -228,17 +228,17 @@ var E;
 (function(e) {
   e.BLAZOR = "BLAZOR", e.DPL = "DPL", e.JM = "JM", e.KENDOUIANGULAR = "KENDOUIANGULAR", e.KENDOUICOMPLETE = "KENDOUICOMPLETE", e.KENDOUIMVC = "KENDOUIMVC", e.KENDOUIREACT = "KENDOUIREACT", e.KENDOUIVUE = "KENDOUIVUE", e.MAUI = "MAUI", e.RCAJAX = "RCAJAX", e.RCWF = "RCWF", e.RCWPF = "RCWPF", e.REPORTING = "REPORTING", e.REPORTSERVER = "REPORTSERVER", e.UIASPCORE = "UIASPCORE", e.UIXAM = "UIXAM", e.WINUI = "WINUI";
 })(E || (E = {})), Object.freeze({ [E.BLAZOR]: "Telerik UI for Blazor", [E.DPL]: "Telerik Document Processing", [E.JM]: "Telerik JustMock", [E.KENDOUIANGULAR]: "Kendo UI for Angular", [E.KENDOUICOMPLETE]: "Kendo UI for jQuery", [E.KENDOUIMVC]: "Telerik UI for ASP.NET MVC", [E.KENDOUIREACT]: "KendoReact", [E.KENDOUIVUE]: "Kendo UI for Vue", [E.MAUI]: "Telerik UI for .NET MAUI", [E.RCAJAX]: "Telerik UI for ASP.NET AJAX", [E.RCWF]: "Telerik UI for WinForms", [E.RCWPF]: "Telerik UI for WPF", [E.REPORTING]: "Telerik Reporting", [E.REPORTSERVER]: "Telerik Report Server", [E.UIASPCORE]: "Telerik UI for ASP.NET Core", [E.UIXAM]: "Telerik UI for Xamarin", [E.WINUI]: "Telerik UI for WinUI" });
-function Ue(e) {
+function Ke(e) {
   return Math.floor(e.getTime() / 1e3);
 }
-function mt(e, t) {
+function gt(e, t) {
   const i = new Date(1e3 * e);
-  return i.setDate(i.getDate() + t), Ue(i);
+  return i.setDate(i.getDate() + t), Ke(i);
 }
 function ue() {
-  return Ue(/* @__PURE__ */ new Date());
+  return Ke(/* @__PURE__ */ new Date());
 }
-function ft(e) {
+function vt(e) {
   const t = (function(n) {
     if (typeof atob == "function") return atob(n);
     if (typeof Buffer == "function") return Buffer.from(n, "base64").toString("utf8");
@@ -247,8 +247,8 @@ function ft(e) {
   for (let n = 0; n < t.length; n++) i[n] = t.charCodeAt(n);
   return i;
 }
-function Ve(e) {
-  return ft(e.replace(/-/g, "+").replace(/_/g, "/"));
+function Fe(e) {
+  return vt(e.replace(/-/g, "+").replace(/_/g, "/"));
 }
 function se(e) {
   return new Date(1e3 * e);
@@ -257,18 +257,18 @@ function X(e, t) {
   const i = se(t);
   return e > new Date(i.getFullYear(), i.getMonth(), i.getDate() + 1).getTime() / 1e3;
 }
-function ci(e, t) {
+function hi(e, t) {
   let i = [];
   return e.licenses?.length > 0 ? i = e.licenses.map((n) => (function(s) {
-    const o = s.split(".")[1], a = String.fromCharCode(...Ve(o));
+    const o = s.split(".")[1], a = String.fromCharCode(...Fe(o));
     return JSON.parse(a);
   })(n)) : e.products?.length > 0 && (i = e.products.map((n) => ({ type: n.trial ? "trial" : "perpetual", code: n.code, expiration: n.licenseExpirationDate, licenseId: null, userId: e.userId }))), (function(n, s) {
     const o = s.filter((a) => a.type !== "usage").filter((a) => n.productCode === a.code || n.redistributedBy?.includes(a.code) || n.productCodes?.includes(a.code)).sort((a, r) => r.expiration - a.expiration);
-    return o.find((a) => a.type === "subscription" && !X(ue(), a.expiration)) || o.find((a) => a.type === "perpetual" && !X(n.publishDate, a.expiration)) || o.find((a) => a.type === "subscription" && !X(mt(ue(), 10), a.expiration)) || o.find((a) => a.type === "trial" && !X(ue(), a.expiration)) || o.find((a) => a.type === "subscription") || o.find((a) => a.type === "perpetual") || o.find((a) => a.type === "trial");
+    return o.find((a) => a.type === "subscription" && !X(ue(), a.expiration)) || o.find((a) => a.type === "perpetual" && !X(n.publishDate, a.expiration)) || o.find((a) => a.type === "subscription" && !X(gt(ue(), 10), a.expiration)) || o.find((a) => a.type === "trial" && !X(ue(), a.expiration)) || o.find((a) => a.type === "subscription") || o.find((a) => a.type === "perpetual") || o.find((a) => a.type === "trial");
   })(t, i);
 }
-const gt = (e) => e.productCode || e.productCodes[0];
-function pi(e, t, i, n) {
+const yt = (e) => e.productCode || e.productCodes[0];
+function mi(e, t, i, n) {
   const s = "kendoLicensingMessage";
   let o = () => {
   };
@@ -283,7 +283,7 @@ function pi(e, t, i, n) {
   }
   return o;
 }
-const Ke = Object.freeze({ name: "key", content: `
+const He = Object.freeze({ name: "key", content: `
         <svg
             width="32"
             height="32"
@@ -309,7 +309,7 @@ const Ke = Object.freeze({ name: "key", content: `
             fill="black"
             />
         </svg>
-    ` }), vt = Object.freeze({ name: "trial-tag", content: `
+    ` }), kt = Object.freeze({ name: "trial-tag", content: `
         <svg
             width="38"
             height="38"
@@ -357,7 +357,7 @@ const Ke = Object.freeze({ name: "key", content: `
             </clipPath>
             </defs>
         </svg>
-    ` }), ui = Object.freeze({ name: "recurring-payment", content: `
+    ` }), fi = Object.freeze({ name: "recurring-payment", content: `
         <svg
             width="32"
             height="32"
@@ -392,51 +392,51 @@ const Ke = Object.freeze({ name: "key", content: `
             />
         </svg>
     ` });
-let hi = class {
+let gi = class {
   constructor(t, i, n, s) {
-    this.productName = t, this.severity = "WARN", this.code = "TKL201", this.notificationIcon = Ke, this.message = `No Telerik and Kendo UI License found.
+    this.productName = t, this.severity = "WARN", this.code = "TKL201", this.notificationIcon = He, this.message = `No Telerik and Kendo UI License found.
   To download a license key file, visit https://prgress.co/3PwQMKZ`, this.notificationMessage = `License key missing for ${t} v${n}.  A license key is required for both paid and trial usage. Learn <a href="${s}">how to set up a license key</a>.`, this.notificationTitle = `License key missing for ${t} v${n}.`, this.notificationBody = "A license key is required for both paid and trial usage.", this.callToAction = { link: `https://www.telerik.com/download?utm_source=no_license_watermark&utm_campaign=${i.toLowerCase()}&utm_content=no_license_key_found`, message: "Start Free Trial" };
   }
-}, mi = class {
+}, vi = class {
   constructor(t, i, n, s) {
-    this.productName = t, this.severity = "WARN", this.code = "TKL202", this.notificationIcon = Ke, this.message = `${t} is not listed in your current license file.
+    this.productName = t, this.severity = "WARN", this.code = "TKL202", this.notificationIcon = He, this.message = `${t} is not listed in your current license file.
   Learn more about ${t} licensing at ${s}`, this.notificationMessage = `No license found for ${t} v${n}.  Access to the latest updates and support requires a <a href="${s}">valid license</a>.`, this.notificationTitle = `No license found for ${t} v${n}`, this.notificationBody = "To use this product and access updates and support you need to buy and install a valid license.", this.callToAction = { link: `https://www.telerik.com/purchase.aspx?utm_source=no_license_watermark&utm_campaign=${i.toLowerCase()}&utm_content=no_license_key_current_product`, message: "Buy Now" };
   }
-}, fi = class {
+}, yi = class {
   constructor(t, i, n, s) {
-    this.productName = t, this.severity = "WARN", this.code = "TKL203", this.notificationIcon = vt, this.message = `Your trial has expired ${s} day(s) ago.
+    this.productName = t, this.severity = "WARN", this.code = "TKL203", this.notificationIcon = kt, this.message = `Your trial has expired ${s} day(s) ago.
   Thank you for trying out ${t}, we hope you enjoyed your trial period.
   To continue using our product, consider upgrading to a commercial license: https://prgress.co/3C9mr1M`, this.notificationMessage = `Your trial license for ${t} v${n} has expired ${s} ago. To continue using our product, consider upgrading to a commercial license. Learn more about <a href="https://prgress.co/3PwQMdX">${t} licensing</a>.`, this.notificationTitle = `Your trial license for ${t} has expired.`, this.notificationBody = "To continue using the product you need to buy a subscription.", this.callToAction = { link: `https://www.telerik.com/purchase.aspx?utm_source=no_license_watermark&utm_campaign=${i.toLowerCase()}&utm_content=trial_expired`, message: "Buy Now" };
   }
-}, gi = class {
+}, ki = class {
   constructor(t, i, n, s, o, a) {
-    this.productName = t, this.severity = "WARN", this.code = "TKL204", this.notificationIcon = Ke;
+    this.productName = t, this.severity = "WARN", this.code = "TKL204", this.notificationIcon = He;
     const r = s ? ` version ${s}` : "";
     this.message = `Your current license has expired on ${n.toLocaleDateString()} and is not valid for ${t}${r}. The product was published on ${o.toLocaleDateString()}.
   Renew your license at https://prgress.co/3Px9m5F`, this.notificationMessage = `Your license is not valid for ${t} v${s}. To continue using the product, install a <a href="${a}">valid license</a>. Renew <a href="https://prgress.co/3PwQNi1">your license</a> and download a new license key.`, this.notificationTitle = `Your license doesn't cover ${t} v${s}`, this.notificationBody = "To access the latest version and updates you need to renew your license.", this.callToAction = { link: `https://www.telerik.com/account/your-licenses?utm_source=no_license_watermark&utm_campaign=${i.toLowerCase()}&utm_content=perpertual_newer_version`, message: "Renew Now" };
   }
-}, vi = class {
+}, bi = class {
   constructor(t, i, n) {
-    this.productName = t, this.severity = "WARN", this.code = "TKL204", this.notificationIcon = ui, this.message = `Your ${t} subscription has expired on ${n.toLocaleDateString()}. To continue using the product, please renew your subscription at https://prgress.co/3Px9m5F and download a new license key.`, this.notificationMessage = `Your ${t} subscription has expired. To continue using the product, please <a href="https://prgress.co/3PwQMut">renew your subscription</a> and download a new license key.`, this.notificationTitle = `Your ${t} subscription has expired.`, this.notificationBody = "To continue using the product you need to renew your subscription.", this.callToAction = { link: `https://www.telerik.com/account/your-licenses?utm_source=no_license_watermark&utm_campaign=${i.toLowerCase()}&utm_content=subscription_expired`, message: "Renew Now" };
+    this.productName = t, this.severity = "WARN", this.code = "TKL204", this.notificationIcon = fi, this.message = `Your ${t} subscription has expired on ${n.toLocaleDateString()}. To continue using the product, please renew your subscription at https://prgress.co/3Px9m5F and download a new license key.`, this.notificationMessage = `Your ${t} subscription has expired. To continue using the product, please <a href="https://prgress.co/3PwQMut">renew your subscription</a> and download a new license key.`, this.notificationTitle = `Your ${t} subscription has expired.`, this.notificationBody = "To continue using the product you need to renew your subscription.", this.callToAction = { link: `https://www.telerik.com/account/your-licenses?utm_source=no_license_watermark&utm_campaign=${i.toLowerCase()}&utm_content=subscription_expired`, message: "Renew Now" };
   }
-}, yi = class {
+}, $i = class {
   constructor(t, i, n, s) {
-    this.productName = t, this.severity = "INFO", this.notificationIcon = vt, this.message = `Your Trial license will expire in ${-s} day(s).
+    this.productName = t, this.severity = "INFO", this.notificationIcon = kt, this.message = `Your Trial license will expire in ${-s} day(s).
   To acquire a commercial license, visit https://prgress.co/3PyHIoH`, this.notificationTitle = `Active trial for ${t} v${n}`, this.notificationBody = `Your trial will expire in ${-s} day(s).`, this.callToAction = { link: `https://www.telerik.com/purchase.aspx?utm_source=no_license_watermark&utm_campaign=${i.toLowerCase()}&utm_content=active_trial`, message: "Buy now" };
   }
 };
-async function ki(e, t) {
+async function Si(e, t) {
   if (typeof crypto != "object" || typeof crypto.subtle != "object" || typeof TextEncoder != "function" || typeof TextDecoder != "function") return;
-  const i = crypto.subtle, [n, s, o] = e.split("."), a = Ve(o), r = new TextEncoder(), l = new TextDecoder(), c = r.encode(`${n}.${s}`), p = l.decode(Ve(n));
+  const i = crypto.subtle, [n, s, o] = e.split("."), a = Fe(o), r = new TextEncoder(), l = new TextDecoder(), c = r.encode(`${n}.${s}`), p = l.decode(Fe(n));
   if (JSON.parse(p).typ !== "Telerik License Evidence") throw new Error("Unknown license evidence type");
   const u = await (function(h) {
-    const m = ft(h.replace("-----BEGIN PUBLIC KEY-----", "").replace("-----END PUBLIC KEY-----", "").replace(/\n/gm, ""));
+    const m = vt(h.replace("-----BEGIN PUBLIC KEY-----", "").replace("-----END PUBLIC KEY-----", "").replace(/\n/gm, ""));
     return crypto.subtle.importKey("spki", m, { name: "RSASSA-PKCS1-v1_5", hash: "SHA-256" }, !0, ["verify"]);
   })(t);
   if (!await i.verify(u.algorithm, u, a, c)) throw new Error("Invalid license evidence");
 }
-const Re = { data: '  {"products":[],"licenses":["eyJhbGciOiJSUzI1NiIsInR5cCI6IlRlbGVyaWsgTGljZW5zZSBFdmlkZW5jZSJ9.eyJjb2RlIjoiS0VORE9VSUFOR1VMQVIiLCJ0eXBlIjoicGVycGV0dWFsIiwiZXhwaXJhdGlvbiI6MTc3NTE1NjIwMiwidXNlcklkIjoiNjE0YzgxNWUtZjFhMy00OTU2LWI0MzUtOGVmNDQ5Y2I2MjFlIiwibGljZW5zZUlkIjoiNDY5Mjg4NWUtYWE0NC00YTcyLThkZWYtNmE5MjAwMGYxNjY4In0.M7aLFNieYnp9uylwmIyVFDNvPegC2fS4pRunHOS4awVKF33ACRYNMfSqnyHvRn5BHQX3GjZYOm-nV3h8mkK5RFjAyEL6X_0xVU5mB5BW843fndHHWHhKh2qlqXbgKIWEOZuPHyjA4gJ3GJfxVm1DiYIgyJqvQ_vZb7lFEmi-NYXTJDKqc8HY_Wl9T6uQ6sTl6hWvORkT4mq_WmbhMWmBop_IcCc-F4WQ9Js-dFIKcSELg7qyspCU0RiEL9CEvO0ta9IvG4Ob_Kh1YNR9UG6wW6QHnVzz_o2bqMwBiBPTNy4u8rqo7oJ4rIs_KrPrmpQ821RonJuzTlDNJH7gkcvqOg","eyJhbGciOiJSUzI1NiIsInR5cCI6IlRlbGVyaWsgTGljZW5zZSBFdmlkZW5jZSJ9.eyJjb2RlIjoiS0VORE9VSUNPTVBMRVRFIiwidHlwZSI6InBlcnBldHVhbCIsImV4cGlyYXRpb24iOjE3NzUxNTYyMDIsInVzZXJJZCI6IjYxNGM4MTVlLWYxYTMtNDk1Ni1iNDM1LThlZjQ0OWNiNjIxZSIsImxpY2Vuc2VJZCI6IjQ2OTI4ODVlLWFhNDQtNGE3Mi04ZGVmLTZhOTIwMDBmMTY2OCJ9.SOh4SdEMQmfNU3yN8uTSsVWPbDt9B78RnthK7Q0gf05PvP17oKdg96IS71sl2pYtBJwLcoHD2KHy7j5S27kGEJ0Uv5uTYanyV55-sGInl0bdXYZvbZelybDttAkyIlTVJwucGMObXR-nMXttXtY4dZbnO53B-SvLq0ZtNGP9K81LuyFWpE4T3US-qfhm6MOwi2YZmD_8LUdA641FxIKOunLTkHDGG5fztxSAgjhnknM-nn6kfqMltmdTFrgw2olpMtkzF6P2j-I9a0KEnCutzRO_iu--4b0eFt1o1l_Vfdy7mTzsFmSS58VVFeqNxUkhTd0dJFre6r_O2xdditlxVA","eyJhbGciOiJSUzI1NiIsInR5cCI6IlRlbGVyaWsgTGljZW5zZSBFdmlkZW5jZSJ9.eyJjb2RlIjoiS0VORE9VSVJFQUNUIiwidHlwZSI6InBlcnBldHVhbCIsImV4cGlyYXRpb24iOjE3NzUxNTYyMDIsInVzZXJJZCI6IjYxNGM4MTVlLWYxYTMtNDk1Ni1iNDM1LThlZjQ0OWNiNjIxZSIsImxpY2Vuc2VJZCI6IjQ2OTI4ODVlLWFhNDQtNGE3Mi04ZGVmLTZhOTIwMDBmMTY2OCJ9.xDFN7RszBHM_uEfhXOP2IDom61swE5KPndypBtZ18_AfFoxFET8hUBEs-C-0HI-Z29dMnSf6ZyjUK2YQQSDs_KcTQNooz2PmjzTvcaTaZ_FCHTR4gnp8WHaSBhw62LOJj3jp_t9geTAfpklHQSPlR8KoYyHOabH5afTuqH2P65GmgbkOJ6HPVIo2n9d7xYKM_kcbHfdemfkuyZ4SDuGAkulX74WmuO8_ytjcZX08aMtwlqJ57LDnmh0r5ze9SmHw9v0UBnMVtd792wQWpB_mJZExG3p0x2dnBdek5Sk3yuJfze7m2XAM3RATcpuitqzDcdLYzFqJYLySmSknQQKrFA","eyJhbGciOiJSUzI1NiIsInR5cCI6IlRlbGVyaWsgTGljZW5zZSBFdmlkZW5jZSJ9.eyJjb2RlIjoiS0VORE9VSVZVRSIsInR5cGUiOiJwZXJwZXR1YWwiLCJleHBpcmF0aW9uIjoxNzc1MTU2MjAyLCJ1c2VySWQiOiI2MTRjODE1ZS1mMWEzLTQ5NTYtYjQzNS04ZWY0NDljYjYyMWUiLCJsaWNlbnNlSWQiOiI0NjkyODg1ZS1hYTQ0LTRhNzItOGRlZi02YTkyMDAwZjE2NjgifQ.en1NSvU_wEmz27oasEjehTE3359G2RNDDfL8x4leEa3hN55zKE5SR4VRiu65aXfWvZJyHbVwegjWSagGlun9ayVR8IYtisiTvoGUJWGjWdEFIoNCrkqpU5IjqXLI01uoCb9Fk3ZqqYUJOFy2h_z3RcF5siVc_1k3DMaoTnOLISoPWCXPJlD1w9146-WWSouSUhibWgnD2P_8QRiwss5-FBxS4Xa0WfsodbBuskq1xkodCYrhuGaoOoE_Wi80yccTOfQ8yre1g0mdhoMC0MF_Kq_5cEtP32IVss8ICsPloKIObv2X4T_gOxMBfujQqPiSM8Ds6kCIWt7Tc1Bay_AZrg"],"userId":"614c815e-f1a3-4956-b435-8ef449cb621e","integrity":"+Oowb7TwtITEcEwHQhseFg5OYfRX1hIvQXMdWKIxt9E=","scriptKey":false,"timestamp":1780003393}  ' }, be = /* @__PURE__ */ new Map(), tt = /* @__PURE__ */ new Set();
-function bi(e) {
+const Re = { data: '  {"products":[],"licenses":["eyJhbGciOiJSUzI1NiIsInR5cCI6IlRlbGVyaWsgTGljZW5zZSBFdmlkZW5jZSJ9.eyJjb2RlIjoiS0VORE9VSUFOR1VMQVIiLCJ0eXBlIjoicGVycGV0dWFsIiwiZXhwaXJhdGlvbiI6MTc3NTE1NjIwMiwidXNlcklkIjoiNjE0YzgxNWUtZjFhMy00OTU2LWI0MzUtOGVmNDQ5Y2I2MjFlIiwibGljZW5zZUlkIjoiNDY5Mjg4NWUtYWE0NC00YTcyLThkZWYtNmE5MjAwMGYxNjY4In0.M7aLFNieYnp9uylwmIyVFDNvPegC2fS4pRunHOS4awVKF33ACRYNMfSqnyHvRn5BHQX3GjZYOm-nV3h8mkK5RFjAyEL6X_0xVU5mB5BW843fndHHWHhKh2qlqXbgKIWEOZuPHyjA4gJ3GJfxVm1DiYIgyJqvQ_vZb7lFEmi-NYXTJDKqc8HY_Wl9T6uQ6sTl6hWvORkT4mq_WmbhMWmBop_IcCc-F4WQ9Js-dFIKcSELg7qyspCU0RiEL9CEvO0ta9IvG4Ob_Kh1YNR9UG6wW6QHnVzz_o2bqMwBiBPTNy4u8rqo7oJ4rIs_KrPrmpQ821RonJuzTlDNJH7gkcvqOg","eyJhbGciOiJSUzI1NiIsInR5cCI6IlRlbGVyaWsgTGljZW5zZSBFdmlkZW5jZSJ9.eyJjb2RlIjoiS0VORE9VSUNPTVBMRVRFIiwidHlwZSI6InBlcnBldHVhbCIsImV4cGlyYXRpb24iOjE3NzUxNTYyMDIsInVzZXJJZCI6IjYxNGM4MTVlLWYxYTMtNDk1Ni1iNDM1LThlZjQ0OWNiNjIxZSIsImxpY2Vuc2VJZCI6IjQ2OTI4ODVlLWFhNDQtNGE3Mi04ZGVmLTZhOTIwMDBmMTY2OCJ9.SOh4SdEMQmfNU3yN8uTSsVWPbDt9B78RnthK7Q0gf05PvP17oKdg96IS71sl2pYtBJwLcoHD2KHy7j5S27kGEJ0Uv5uTYanyV55-sGInl0bdXYZvbZelybDttAkyIlTVJwucGMObXR-nMXttXtY4dZbnO53B-SvLq0ZtNGP9K81LuyFWpE4T3US-qfhm6MOwi2YZmD_8LUdA641FxIKOunLTkHDGG5fztxSAgjhnknM-nn6kfqMltmdTFrgw2olpMtkzF6P2j-I9a0KEnCutzRO_iu--4b0eFt1o1l_Vfdy7mTzsFmSS58VVFeqNxUkhTd0dJFre6r_O2xdditlxVA","eyJhbGciOiJSUzI1NiIsInR5cCI6IlRlbGVyaWsgTGljZW5zZSBFdmlkZW5jZSJ9.eyJjb2RlIjoiS0VORE9VSVJFQUNUIiwidHlwZSI6InBlcnBldHVhbCIsImV4cGlyYXRpb24iOjE3NzUxNTYyMDIsInVzZXJJZCI6IjYxNGM4MTVlLWYxYTMtNDk1Ni1iNDM1LThlZjQ0OWNiNjIxZSIsImxpY2Vuc2VJZCI6IjQ2OTI4ODVlLWFhNDQtNGE3Mi04ZGVmLTZhOTIwMDBmMTY2OCJ9.xDFN7RszBHM_uEfhXOP2IDom61swE5KPndypBtZ18_AfFoxFET8hUBEs-C-0HI-Z29dMnSf6ZyjUK2YQQSDs_KcTQNooz2PmjzTvcaTaZ_FCHTR4gnp8WHaSBhw62LOJj3jp_t9geTAfpklHQSPlR8KoYyHOabH5afTuqH2P65GmgbkOJ6HPVIo2n9d7xYKM_kcbHfdemfkuyZ4SDuGAkulX74WmuO8_ytjcZX08aMtwlqJ57LDnmh0r5ze9SmHw9v0UBnMVtd792wQWpB_mJZExG3p0x2dnBdek5Sk3yuJfze7m2XAM3RATcpuitqzDcdLYzFqJYLySmSknQQKrFA","eyJhbGciOiJSUzI1NiIsInR5cCI6IlRlbGVyaWsgTGljZW5zZSBFdmlkZW5jZSJ9.eyJjb2RlIjoiS0VORE9VSVZVRSIsInR5cGUiOiJwZXJwZXR1YWwiLCJleHBpcmF0aW9uIjoxNzc1MTU2MjAyLCJ1c2VySWQiOiI2MTRjODE1ZS1mMWEzLTQ5NTYtYjQzNS04ZWY0NDljYjYyMWUiLCJsaWNlbnNlSWQiOiI0NjkyODg1ZS1hYTQ0LTRhNzItOGRlZi02YTkyMDAwZjE2NjgifQ.en1NSvU_wEmz27oasEjehTE3359G2RNDDfL8x4leEa3hN55zKE5SR4VRiu65aXfWvZJyHbVwegjWSagGlun9ayVR8IYtisiTvoGUJWGjWdEFIoNCrkqpU5IjqXLI01uoCb9Fk3ZqqYUJOFy2h_z3RcF5siVc_1k3DMaoTnOLISoPWCXPJlD1w9146-WWSouSUhibWgnD2P_8QRiwss5-FBxS4Xa0WfsodbBuskq1xkodCYrhuGaoOoE_Wi80yccTOfQ8yre1g0mdhoMC0MF_Kq_5cEtP32IVss8ICsPloKIObv2X4T_gOxMBfujQqPiSM8Ds6kCIWt7Tc1Bay_AZrg"],"userId":"614c815e-f1a3-4956-b435-8ef449cb621e","integrity":"+Oowb7TwtITEcEwHQhseFg5OYfRX1hIvQXMdWKIxt9E=","scriptKey":false,"timestamp":1780003393}  ' }, $e = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Set();
+function wi(e) {
   try {
     const t = JSON.parse((function(n) {
       const s = [], o = n.trim();
@@ -461,11 +461,11 @@ function bi(e) {
   } catch {
   }
 }
-let Le = !0;
-function yt(e) {
-  const t = JSON.parse(Re.data), i = !t.scriptKey && !t.timestamp, n = t.scriptKey && typeof KendoLicensing > "u", s = gt(e);
+let Te = !0;
+function bt(e) {
+  const t = JSON.parse(Re.data), i = !t.scriptKey && !t.timestamp, n = t.scriptKey && typeof KendoLicensing > "u", s = yt(e);
   let o, a, r = !1;
-  if (i || n || !((p) => (p.licenses?.length > 0 && Promise.all(p.licenses?.map((u) => ki(u, `-----BEGIN PUBLIC KEY-----
+  if (i || n || !((p) => (p.licenses?.length > 0 && Promise.all(p.licenses?.map((u) => Si(u, `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA2mnUVMmkth2x+N/ODszG
 OFIYBL6NOO1XWRj1wkmecKuLziJDhFz0WQmyOjY34Ymg9pLuBA9QSWrrZuvPw40N
 m0X/GBmttFmPNvca3WmJ2oKM7PpLiUU9f7Ov5WeIXnx++ts/LC/OB7FtZ+LiRgJ7
@@ -474,49 +474,49 @@ kAUUk4IBF67DufRt9zQyRxg99ysakvHX2SDbdGvIBdxWxvhhmrBoeix0uSVtG2gm
 jdvSqlPJVdvMbk1Xe2+SUldJPrxH1VrTYeRUt4yqWxy16nFJUDj9exZ202X4THkU
 JQIDAQAB
 -----END PUBLIC KEY-----`))).then(() => {
-    Le = !0;
+    Te = !0;
   }).catch(() => {
-    Le = !1, be.clear();
-  }), Le))(t)) o = new hi(e.productName, s, e.version, e.licensingDocsUrl);
-  else if (a = ci(t, e), a) {
+    Te = !1, $e.clear();
+  }), Te))(t)) o = new gi(e.productName, s, e.version, e.licensingDocsUrl);
+  else if (a = hi(t, e), a) {
     if (a.type === "trial") {
       const p = (function(u) {
-        const h = ue() - Ue(u);
+        const h = ue() - Ke(u);
         return Math.floor(h / 86400);
       })(se(a.expiration));
-      X(ue(), a.expiration) ? o = new fi(e.productName, s, e.version, p) : (o = new yi(e.productName, s, e.version, p), r = !0);
+      X(ue(), a.expiration) ? o = new yi(e.productName, s, e.version, p) : (o = new $i(e.productName, s, e.version, p), r = !0);
     } else if (a.type === "perpetual") {
       const p = a.expiration;
-      X(e.publishDate, p) ? o = new gi(e.productName, s, se(a.expiration), e.version, se(e.publishDate), e.licensingDocsUrl) : r = !0;
+      X(e.publishDate, p) ? o = new ki(e.productName, s, se(a.expiration), e.version, se(e.publishDate), e.licensingDocsUrl) : r = !0;
     } else if (a.type === "subscription") {
       let p = a.expiration;
-      a.type === "subscription" && (p = mt(p, 10)), t.timestamp && X(t.timestamp, p) ? o = new vi(e.productName, s, se(a.expiration)) : r = !0;
+      a.type === "subscription" && (p = gt(p, 10)), t.timestamp && X(t.timestamp, p) ? o = new bi(e.productName, s, se(a.expiration)) : r = !0;
     }
-  } else o = new mi(e.productName, s, e.version, e.licensingDocsUrl);
+  } else o = new vi(e.productName, s, e.version, e.licensingDocsUrl);
   const l = a, c = l?.expiration ? se(l.expiration) : void 0;
   return { isLicenseValid: r, licenseType: a?.type, licenseProductCode: l?.code, expiration: c, message: o };
 }
-function $i(e) {
-  if (be.has(e.name)) return be.get(e.name);
-  const { isLicenseValid: t, message: i } = yt(e), n = gt(e);
-  return i && !tt.has(n) && ((function(s, o) {
+function Ci(e) {
+  if ($e.has(e.name)) return $e.get(e.name);
+  const { isLicenseValid: t, message: i } = bt(e), n = yt(e);
+  return i && !it.has(n) && ((function(s, o) {
     if (typeof console == "object") {
       const a = `[${s.severity}][Telerik and Kendo UI Licensing] ${o.productName}`, r = typeof console.group == "function";
       r ? console.group(a) : console.warn(a), console.warn(s.message), r && console.groupEnd();
     }
-  })(i, e), tt.add(n)), be.set(e.name, t), t;
+  })(i, e), it.add(n)), $e.set(e.name, t), t;
 }
-const Si = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getLicenseStatus: yt,
-  registerLicenseMessage: pi,
-  setScriptKey: bi,
-  validatePackage: $i
+  getLicenseStatus: bt,
+  registerLicenseMessage: mi,
+  setScriptKey: wi,
+  validatePackage: Ci
 }, Symbol.toStringTag, { value: "Module" }));
-const ve = Si, Te = typeof ve < "u" && ve.validatePackage ? ve : ve.default;
+const ye = xi, De = typeof ye < "u" && ye.validatePackage ? ye : ye.default;
 function q(e) {
-  if (Te && Te.validatePackage)
-    Te.validatePackage(e);
+  if (De && De.validatePackage)
+    De.validatePackage(e);
   else {
     let t = `License activation failed for ${e.name}
 `;
@@ -537,7 +537,7 @@ const le = {
     large: "lg"
   }
 };
-const kt = {
+const $t = {
   default: "",
   xsmall: "k-icon-xs",
   small: "k-icon-sm",
@@ -547,7 +547,7 @@ const kt = {
   xxlarge: "k-icon-xxl",
   xxxlarge: "k-icon-xxxl"
 };
-const Ci = /* @__PURE__ */ k({
+const Ii = /* @__PURE__ */ k({
   name: "KendoFontIcon",
   emits: {
     click: null
@@ -583,7 +583,7 @@ const Ci = /* @__PURE__ */ k({
         ["k-color-" + n]: n,
         "k-flip-h": t === "horizontal" || t === "both",
         "k-flip-v": t === "vertical" || t === "both",
-        [kt[i]]: i
+        [$t[i]]: i
       };
     }
   },
@@ -610,7 +610,7 @@ const Ci = /* @__PURE__ */ k({
     }
   }
 });
-const wi = /* @__PURE__ */ k({
+const Ei = /* @__PURE__ */ k({
   name: "KendoSvgIcon",
   emits: {
     click: null
@@ -653,7 +653,7 @@ const wi = /* @__PURE__ */ k({
         ["k-svg-i-" + e]: e,
         "k-flip-h": t === "horizontal" || t === "both",
         "k-flip-v": t === "vertical" || t === "both",
-        [kt[i]]: i
+        [$t[i]]: i
       };
     }
   },
@@ -751,11 +751,11 @@ const W = /* @__PURE__ */ k({
       title: l,
       ariaLabel: c,
       role: p
-    }, b = x(Ci, {
+    }, b = x(Ii, {
       ...v,
       name: y,
       onClick: this.handleClick
-    }), I = x(wi, {
+    }), I = x(Ei, {
       ...v,
       icon: u,
       viewBox: a,
@@ -770,7 +770,7 @@ const W = /* @__PURE__ */ k({
     }
   }
 });
-const xi = [
+const Ni = [
   "input:not([disabled]):not([type=hidden])",
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -785,7 +785,7 @@ const xi = [
   "video[controls]",
   "[contenteditable]"
 ];
-let Ii = class {
+let Oi = class {
   constructor(t) {
     this.rovingTabIndex = !0, this.update = () => {
     }, this.focusNextIndex = (i, n) => {
@@ -825,12 +825,12 @@ let Ii = class {
     t && (i && (this.rovingTabIndex && i.removeAttribute("tabindex"), i.classList.remove("k-focus")), this.rovingTabIndex && t.setAttribute("tabindex", String(this.tabIndex)), t.focus({ preventScroll: !0 }));
   }
 };
-const Ei = {
+const Li = {
   button: "k-button"
-}, Ni = {
-  styles: Ei
+}, Ti = {
+  styles: Li
 };
-const Oi = {
+const Di = {
   name: "@progress/kendo-vue-buttons",
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
@@ -839,7 +839,7 @@ const Oi = {
   version: "6.4.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
-const Li = Ni.styles, it = /* @__PURE__ */ k({
+const Mi = Ti.styles, nt = /* @__PURE__ */ k({
   name: "KendoButton",
   emits: {
     click: null,
@@ -913,7 +913,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
     role: String
   },
   created() {
-    q(Oi), this.currentActive = this.$props.togglable === !0 && this.$props.selected === !0, this._activeTemp = void 0;
+    q(Di), this.currentActive = this.$props.togglable === !0 && this.$props.selected === !0, this._activeTemp = void 0;
   },
   data() {
     return {
@@ -939,7 +939,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
         themeColor: p
       } = this.$props, u = o !== void 0 || t !== void 0 || i !== void 0 || n !== void 0, h = M(this);
       return {
-        [Li.button]: !0,
+        [Mi.button]: !0,
         [`k-button-${le.sizeMap[a] || a}`]: a,
         [`k-button-${r}`]: r && r !== "rectangle",
         [`k-rounded-${le.roundedMap[l] || l}`]: l,
@@ -1019,7 +1019,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
           src: s
         }, null);
       if (t || i) {
-        const f = _("k-button-icon", n);
+        const f = A("k-button-icon", n);
         return d(W, {
           name: t,
           icon: i,
@@ -1057,7 +1057,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
       class: "k-button-text"
     }, [h])]);
   }
-}), Ti = {
+}), Vi = {
   name: "caret-alt-down",
   content: '<path d="M256 352 128 160h256z" />',
   viewBox: "0 0 512 512",
@@ -1066,7 +1066,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
     outline: "",
     duotone: ""
   }
-}, Di = {
+}, Pi = {
   name: "check",
   content: '<path d="M434.7 82.7 480 128 192 416 32 256l45.3-45.3L192 325.5z" />',
   viewBox: "0 0 512 512",
@@ -1075,7 +1075,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
     outline: "",
     duotone: ""
   }
-}, bt = {
+}, St = {
   name: "x",
   content: '<path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z" />',
   viewBox: "0 0 512 512",
@@ -1084,7 +1084,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
     outline: "",
     duotone: ""
   }
-}, Mi = {
+}, Fi = {
   name: "search",
   content: '<path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192" />',
   viewBox: "0 0 512 512",
@@ -1093,7 +1093,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
     outline: "",
     duotone: ""
   }
-}, Fi = {
+}, Ri = {
   name: "exclamation-circle",
   content: '<path d="M224 128h64v160h-64zm0 256h64v-64h-64zm256-128c0 123.7-100.3 224-224 224S32 379.7 32 256 132.3 32 256 32s224 100.3 224 224m-32 0c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192" />',
   viewBox: "0 0 512 512",
@@ -1103,7 +1103,7 @@ const Li = Ni.styles, it = /* @__PURE__ */ k({
     duotone: ""
   }
 };
-const Vi = {
+const Ai = {
   "animation-container": "k-animation-container",
   "animation-container-relative": "k-animation-container-relative",
   "animation-container-fixed": "k-animation-container-fixed",
@@ -1202,10 +1202,10 @@ const Vi = {
   "reveal-horizontal-appear-active": "k-reveal-horizontal-appear-active",
   "reveal-horizontal-exit": "k-reveal-horizontal-exit",
   "reveal-horizontal-exit-active": "k-reveal-horizontal-exit-active"
-}, $t = {
-  styles: Vi
+}, wt = {
+  styles: Ai
 };
-const Q = $t.styles, Ri = /* @__PURE__ */ k({
+const Q = wt.styles, _i = /* @__PURE__ */ k({
   props: {
     in: Boolean,
     transitionName: {
@@ -1313,9 +1313,9 @@ const Q = $t.styles, Ri = /* @__PURE__ */ k({
       animationExitingStyle: h,
       animationExitedStyle: m,
       ...f
-    } = this.$props, y = M(this), v = e, b = Jt, I = [r, Q["child-animation-container"]];
+    } = this.$props, y = M(this), v = e, b = Qt, I = [r, Q["child-animation-container"]];
     let g = t ? s : 0, $ = i ? o : 0;
-    const F = {
+    const V = {
       transitionDelay: "0ms",
       transitionDuration: v ? `${g}ms` : `${$}ms`,
       ...this.$props.transitionStyle
@@ -1335,8 +1335,8 @@ const Q = $t.styles, Ri = /* @__PURE__ */ k({
         ...m
       }
     };
-    let S = [F, z[this.animationStep]];
-    const V = {
+    let S = [V, z[this.animationStep]];
+    const P = {
       enter: g,
       leave: $
     }, O = [v ? x("div", {
@@ -1347,7 +1347,7 @@ const Q = $t.styles, Ri = /* @__PURE__ */ k({
       }
     }, [y]) : null];
     return x(b, {
-      duration: V,
+      duration: P,
       name: n,
       appear: e,
       appearFromClass: Q[`${n}-appear`] || `${n}-appear`,
@@ -1365,7 +1365,7 @@ const Q = $t.styles, Ri = /* @__PURE__ */ k({
     }, () => O);
   }
 });
-const Ai = {
+const zi = {
   name: "@progress/kendo-vue-animation",
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
@@ -1374,10 +1374,10 @@ const Ai = {
   version: "6.4.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
 };
-function _i(e) {
+function Bi(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ce(e);
 }
-const nt = $t.styles, Pi = /* @__PURE__ */ k({
+const st = wt.styles, ji = /* @__PURE__ */ k({
   props: {
     componentChildStyle: Object,
     childFactory: Object,
@@ -1437,7 +1437,7 @@ const nt = $t.styles, Pi = /* @__PURE__ */ k({
     }
   },
   created: function() {
-    q(Ai);
+    q(zi);
   },
   render() {
     const e = M(this), {
@@ -1450,12 +1450,12 @@ const nt = $t.styles, Pi = /* @__PURE__ */ k({
       componentChildStyle: r,
       componentChildClassName: l,
       ...c
-    } = this.$props, p = [nt["animation-container"], nt["animation-container-relative"], s];
+    } = this.$props, p = [st["animation-container"], st["animation-container-relative"], s];
     return d("div", {
       id: this.$props.id,
       class: p,
       role: n
-    }, [d(Ri, {
+    }, [d(_i, {
       key: "some",
       style: r,
       appear: this.$props.appear,
@@ -1473,15 +1473,15 @@ const nt = $t.styles, Pi = /* @__PURE__ */ k({
       animationExitingStyle: this.$props.animationExitingStyle,
       transitionEnterDuration: this.$props.transitionEnterDuration,
       transitionExitDuration: this.$props.transitionExitDuration
-    }, _i(e) ? e : {
+    }, Bi(e) ? e : {
       default: () => [e]
     })]);
   }
 });
-function zi(e) {
+function Ui(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ce(e);
 }
-const St = /* @__PURE__ */ k({
+const Ct = /* @__PURE__ */ k({
   props: {
     appear: {
       type: Boolean,
@@ -1547,7 +1547,7 @@ const St = /* @__PURE__ */ k({
       id: i,
       ...n
     } = this.$props, s = `slide-${this.$props.direction}`;
-    return d(Pi, {
+    return d(ji, {
       id: i,
       transitionName: s,
       componentChildClassName: this.$props.componentChildClassName,
@@ -1563,29 +1563,29 @@ const St = /* @__PURE__ */ k({
       onExited: this.handleExited,
       transitionEnterDuration: this.$props.transitionEnterDuration,
       transitionExitDuration: this.$props.transitionExitDuration
-    }, zi(e) ? e : {
+    }, Ui(e) ? e : {
       default: () => [e]
     });
   }
 });
-var w;
+var C;
 (function(e) {
   e.bottom = "bottom", e.center = "center", e.middle = "middle", e.left = "left", e.right = "right", e.top = "top";
-})(w || (w = {}));
-var Bi = function(e) {
+})(C || (C = {}));
+var Ki = function(e) {
   var t = e.anchorRect, i = e.anchorAlign, n = e.elementRect, s = e.elementAlign, o = e.margin, a = o === void 0 ? {} : o, r = i.horizontal, l = i.vertical, c = s.horizontal, p = s.vertical, u = a.horizontal || 0, h = a.vertical || 0, m = t.top, f = t.left;
-  return l === w.bottom && (m += t.height), (l === w.center || l === w.middle) && (m += Math.round(t.height / 2)), p === w.bottom && (m -= n.height, h *= -1), (p === w.center || p === w.middle) && (m -= Math.round(n.height / 2), h *= -1), r === w.right && (f += t.width), (r === w.center || r === w.middle) && (f += Math.round(t.width / 2)), c === w.right && (f -= n.width, u *= -1), (c === w.center || c === w.middle) && (f -= Math.round(n.width / 2), u *= -1), {
+  return l === C.bottom && (m += t.height), (l === C.center || l === C.middle) && (m += Math.round(t.height / 2)), p === C.bottom && (m -= n.height, h *= -1), (p === C.center || p === C.middle) && (m -= Math.round(n.height / 2), h *= -1), r === C.right && (f += t.width), (r === C.center || r === C.middle) && (f += Math.round(t.width / 2)), c === C.right && (f -= n.width, u *= -1), (c === C.center || c === C.middle) && (f -= Math.round(n.width / 2), u *= -1), {
     top: m + h,
     left: f + u
   };
-}, ji = function(e, t) {
+}, Hi = function(e, t) {
   return {
     top: e.top + t.y,
     left: e.left + t.x,
     height: e.height,
     width: e.width
   };
-}, Ui = function(e, t, i) {
+}, Wi = function(e, t, i) {
   var n = e.top, s = e.left;
   return i && (s = 0, n = 0), {
     top: n + t.top,
@@ -1594,28 +1594,28 @@ var Bi = function(e) {
     width: e.width
   };
 };
-const Ct = (function(e) {
+const xt = (function(e) {
   return e && e.ownerDocument || document;
 });
-var wt = function(e) {
-  return Ct(e).documentElement;
-}, De = 0, Ki = function() {
-  if (!De && typeof document < "u") {
+var It = function(e) {
+  return xt(e).documentElement;
+}, Me = 0, Zi = function() {
+  if (!Me && typeof document < "u") {
     var e = document.createElement("div");
-    e.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block", e.innerHTML = "&nbsp;", document.body.appendChild(e), De = e.offsetWidth - e.scrollWidth, document.body.removeChild(e);
+    e.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block", e.innerHTML = "&nbsp;", document.body.appendChild(e), Me = e.offsetWidth - e.scrollWidth, document.body.removeChild(e);
   }
-  return De;
-}, He = function(e) {
-  return Ct(e).defaultView;
-}, xt = function(e) {
-  var t = He(e), i = wt(e), n = {
+  return Me;
+}, We = function(e) {
+  return xt(e).defaultView;
+}, Et = function(e) {
+  var t = We(e), i = It(e), n = {
     height: t.innerHeight,
     width: t.innerWidth
   };
-  return i.scrollHeight - i.clientHeight > 0 && (n.width -= Ki()), n;
-}, Hi = function(e) {
+  return i.scrollHeight - i.clientHeight > 0 && (n.width -= Zi()), n;
+}, Gi = function(e) {
   if (!e.getBoundingClientRect) {
-    var t = xt(e);
+    var t = Et(e);
     return {
       bottom: t.height,
       left: 0,
@@ -1630,13 +1630,13 @@ var wt = function(e) {
     right: o,
     top: a
   };
-}, xe = function(e) {
+}, Ie = function(e) {
   for (var t = e.offsetParent; t && t.style.position === "static"; )
     t = t.offsetParent;
   return t || e.ownerDocument.documentElement;
-}, Wi = function(e) {
-  return xe(e) === e.ownerDocument.body;
-}, Zi = function(e) {
+}, Yi = function(e) {
+  return Ie(e) === e.ownerDocument.body;
+}, Ji = function(e) {
   var t = e.style, i = t.display, n = t.left, s = t.position;
   e.style.display = "", e.style.left = "-10000px", e.style.position = "absolute";
   var o = e.getBoundingClientRect();
@@ -1648,32 +1648,32 @@ var wt = function(e) {
   };
 }, he = function(e) {
   var t = e.getBoundingClientRect(), i = t.left, n = t.top;
-  return !t.height && !t.width && (t = Zi(e)), {
+  return !t.height && !t.width && (t = Ji(e)), {
     top: n,
     left: i,
     height: t.height,
     width: t.width
   };
-}, It = function(e, t) {
+}, Nt = function(e, t) {
   for (var i = [], n = e.parentNode; n && (i.push(n), n !== t); )
     n = n.parentNode;
   return i;
-}, Et = function(e) {
-  var t = wt(e), i = He(e);
+}, Ot = function(e) {
+  var t = It(e), i = We(e);
   return {
     x: i.pageXOffset || t.scrollLeft || 0,
     y: i.pageYOffset || t.scrollTop || 0
   };
-}, Nt = function(e) {
-  return e === (e.ownerDocument || {}).body ? Et(e) : {
+}, Lt = function(e) {
+  return e === (e.ownerDocument || {}).body ? Ot(e) : {
     x: e.scrollLeft,
     y: e.scrollTop
   };
-}, Gi = function(e) {
-  var t = xe(e);
-  return t ? Nt(t) : { x: 0, y: 0 };
-}, Yi = function(e, t) {
-  var i = He(e), n = i.getComputedStyle(e), s = he(e), o = t || xe(e), a = e.ownerDocument, r = o !== a.body && o !== a.documentElement, l = { top: 0, left: 0 };
+}, qi = function(e) {
+  var t = Ie(e);
+  return t ? Lt(t) : { x: 0, y: 0 };
+}, Qi = function(e, t) {
+  var i = We(e), n = i.getComputedStyle(e), s = he(e), o = t || Ie(e), a = e.ownerDocument, r = o !== a.body && o !== a.documentElement, l = { top: 0, left: 0 };
   if (n.position !== "fixed" && r) {
     var c = i.getComputedStyle(o);
     l = he(o), l.top += parseFloat(c.borderTopWidth), l.left += parseFloat(c.borderLeftWidth);
@@ -1684,18 +1684,18 @@ var wt = function(e) {
     height: s.height,
     width: s.width
   };
-}, Ji = function(e, t) {
-  return e ? Nt(e) : Gi(t);
-}, qi = function(e, t, i) {
+}, Xi = function(e, t) {
+  return e ? Lt(e) : qi(t);
+}, en = function(e, t, i) {
   i === void 0 && (i = 1);
-  var n = t ? xe(t) : null, s = Yi(e, n), o = s.top, a = s.left, r = s.height, l = s.width, c = Ji(n, e), p = c.x, u = c.y, h = e.ownerDocument, m = n === h.body || n === h.documentElement ? 1 : i;
+  var n = t ? Ie(t) : null, s = Qi(e, n), o = s.top, a = s.left, r = s.height, l = s.width, c = Xi(n, e), p = c.x, u = c.y, h = e.ownerDocument, m = n === h.body || n === h.documentElement ? 1 : i;
   return {
     top: o + u * m,
     left: a + p * m,
     height: r,
     width: l
   };
-}, Qi = function(e, t) {
+}, tn = function(e, t) {
   return {
     top: e.top - t.y,
     left: e.left - t.x,
@@ -1706,19 +1706,19 @@ var wt = function(e) {
 (function(e) {
   e.fit = "fit", e.flip = "flip", e.none = "none";
 })(oe || (oe = {}));
-var st = function(e, t, i) {
+var ot = function(e, t, i) {
   var n = 0;
   return e + t > i && (n = i - (e + t)), e < 0 && (n = -e), n;
-}, ot = function(e) {
-  var t = e.offset, i = e.size, n = e.anchorSize, s = e.viewPortSize, o = e.anchorAlignPoint, a = e.elementAlignPoint, r = e.margin, l = 0, c = a === w.center || a === w.middle, p = o === w.center || o === w.middle, u = 2 * r;
+}, at = function(e) {
+  var t = e.offset, i = e.size, n = e.anchorSize, s = e.viewPortSize, o = e.anchorAlignPoint, a = e.elementAlignPoint, r = e.margin, l = 0, c = a === C.center || a === C.middle, p = o === C.center || o === C.middle, u = 2 * r;
   if (a !== o && !c && !p) {
-    var h = o === w.top || o === w.left;
+    var h = o === C.top || o === C.left;
     t < 0 && h ? (l = i + n + u, t + l + i > s && (l = 0)) : t >= 0 && !h && (t + i > s && (l += -(n + i + u)), t + l < 0 && (l = 0));
   }
   return l;
-}, Xi = function(e) {
-  var t = e.anchorRect, i = e.anchorAlign, n = e.elementRect, s = e.elementAlign, o = e.collisions, a = e.viewPort, r = e.margin, l = r === void 0 ? {} : r, c = n.top, p = n.left, u = n.height, h = n.width, m = a.height, f = a.width, y = l.horizontal || 0, v = l.vertical || 0, b = 0, I = 0, g = o.vertical === oe.fit, $ = o.horizontal === oe.fit, F = o.vertical === oe.flip, z = o.horizontal === oe.flip;
-  g && (I += st(c, u, m)), $ && (b += st(p, h, f)), F && (I += ot({
+}, nn = function(e) {
+  var t = e.anchorRect, i = e.anchorAlign, n = e.elementRect, s = e.elementAlign, o = e.collisions, a = e.viewPort, r = e.margin, l = r === void 0 ? {} : r, c = n.top, p = n.left, u = n.height, h = n.width, m = a.height, f = a.width, y = l.horizontal || 0, v = l.vertical || 0, b = 0, I = 0, g = o.vertical === oe.fit, $ = o.horizontal === oe.fit, V = o.vertical === oe.flip, z = o.horizontal === oe.flip;
+  g && (I += ot(c, u, m)), $ && (b += ot(p, h, f)), V && (I += at({
     margin: v,
     offset: c,
     size: u,
@@ -1726,7 +1726,7 @@ var st = function(e, t, i) {
     viewPortSize: m,
     anchorAlignPoint: i.vertical,
     elementAlignPoint: s.vertical
-  })), z && (b += ot({
+  })), z && (b += at({
     margin: y,
     offset: p,
     size: h,
@@ -1735,12 +1735,12 @@ var st = function(e, t, i) {
     anchorAlignPoint: i.horizontal,
     elementAlignPoint: s.horizontal
   }));
-  var S = F && I !== 0, V = z && b !== 0, O = g && I !== 0, B = $ && b !== 0;
+  var S = V && I !== 0, P = z && b !== 0, O = g && I !== 0, B = $ && b !== 0;
   return {
-    flipped: V || S,
+    flipped: P || S,
     fitted: O || B,
     flip: {
-      horizontal: V,
+      horizontal: P,
       vertical: S
     },
     fit: {
@@ -1752,12 +1752,12 @@ var st = function(e, t, i) {
       top: I
     }
   };
-}, en = function(e) {
+}, sn = function(e) {
   for (var t, i = [], n = (t = e.parentNode) === null || t === void 0 ? void 0 : t.firstElementChild; n; )
     n !== e && i.push(n), n = n.nextElementSibling;
   return i;
-}, Ot = function(e, t) {
-  for (var i = It(e), n = t, s, o; n && (s = en(n), o = i.reduce(function(a, r) {
+}, Tt = function(e, t) {
+  for (var i = Nt(e), n = t, s, o; n && (s = sn(n), o = i.reduce(function(a, r) {
     return a.concat(s.filter(function(l) {
       return l === r;
     }));
@@ -1770,29 +1770,29 @@ const Ae = (e, t) => e || {
   left: t.left,
   top: t.top,
   width: 0
-}, tn = (e, t) => t ? {
+}, on = (e, t) => t ? {
   height: e.height,
   left: t.left,
   top: t.top,
   width: e.width
-} : e, nn = (e, t) => t ? {
+} : e, an = (e, t) => t ? {
   height: e.height,
   left: e.left - t.left,
   top: e.top - t.top,
   width: e.width
-} : e, Ie = () => typeof document < "u" && !!document.body, de = () => typeof window < "u", sn = /auto|scroll/, on = (e) => {
+} : e, Ee = () => typeof document < "u" && !!document.body, de = () => typeof window < "u", rn = /auto|scroll/, ln = (e) => {
   const t = window.getComputedStyle(e);
   return `${t.overflow}${t.overflowX}${t.overflowY}`;
-}, an = (e) => {
+}, dn = (e) => {
   const t = [];
-  if (!Ie() || !de())
+  if (!Ee() || !de())
     return t;
   let i = e.parentElement;
   for (; i; )
-    sn.test(on(i)) && t.push(i), i = i.parentElement;
+    rn.test(ln(i)) && t.push(i), i = i.parentElement;
   return t.push(window), t;
-}, rn = 1e3 / 60, ln = () => {
-  if (!Ie())
+}, cn = 1e3 / 60, pn = () => {
+  if (!Ee())
     return !1;
   const e = 10, t = document.createElement("div");
   if (t.style.transform = "matrix(10, 0, 0, 10, 0, 0)", t.innerHTML = "<div>child</div>", document.body.appendChild(t), t && t.firstChild) {
@@ -1801,25 +1801,25 @@ const Ae = (e, t) => e || {
   }
   const i = t.children[0].getBoundingClientRect().top !== e;
   return document.body.removeChild(t), i;
-}, dn = ln(), cn = (e, t) => {
-  if (!e || !Ie() || !de())
+}, un = pn(), hn = (e, t) => {
+  if (!e || !Ee() || !de())
     return null;
-  const i = Ot(e, t);
+  const i = Tt(e, t);
   if (!i)
     return null;
-  const n = [e].concat(It(e, i)).reduce((s, o) => {
+  const n = [e].concat(Nt(e, i)).reduce((s, o) => {
     const a = o.style.zIndex || window.getComputedStyle(o).zIndex, r = parseInt(a, 10);
     return r > s ? r : s;
   }, 0);
   return n ? n + 1 : null;
-}, at = {
+}, rt = {
   fit: "fit",
   flip: "flip"
-}, ye = {
+}, ke = {
   left: "left",
   bottom: "bottom",
   top: "top"
-}, pn = function(e, t, i = {}) {
+}, mn = function(e, t, i = {}) {
   let n, s, o, a, r = 0;
   i = i || {};
   const l = function() {
@@ -1832,7 +1832,7 @@ const Ae = (e, t) => e || {
     return s = this, o = arguments, p <= 0 || p > t ? (n && (clearTimeout(n), n = null), r = c, a = e.apply(s, o), n || (s = o = null)) : !n && i.trailing !== !1 && (n = setTimeout(l, p)), a;
   };
 };
-let un = class {
+let fn = class {
   constructor(t) {
     this._dom = t;
   }
@@ -1846,7 +1846,7 @@ let un = class {
     });
   }
   absoluteRect(t, i, n) {
-    const s = this._dom, o = Ae(s.offset(t), n), a = s.stackingElementOffset(i), r = nn(o, a), l = s.stackingElementScroll(i), c = s.addScroll(r, l), p = this.elementScrollPosition(t, i), u = s.removeScroll(c, p);
+    const s = this._dom, o = Ae(s.offset(t), n), a = s.stackingElementOffset(i), r = an(o, a), l = s.stackingElementScroll(i), c = s.addScroll(r, l), p = this.elementScrollPosition(t, i), u = s.removeScroll(c, p);
     return u.left += window.scrollX || window.pageXOffset, u.top += window.scrollY || window.pageYOffset, u;
   }
   elementScrollPosition(t, i) {
@@ -1856,7 +1856,7 @@ let un = class {
     return Ae(this._dom.position(t, i), n);
   }
 };
-class hn {
+class gn {
   addOffset(t, i) {
     return {
       left: t.left + i.left,
@@ -1864,16 +1864,16 @@ class hn {
     };
   }
   align(t) {
-    return Bi(t);
+    return Ki(t);
   }
   boundingOffset(t) {
-    return Hi(t);
+    return Gi(t);
   }
   getWindow() {
     return de() ? window : null;
   }
   isBodyOffset(t) {
-    return Wi(t);
+    return Yi(t);
   }
   hasOffsetParent(t) {
     if (!t)
@@ -1895,26 +1895,26 @@ class hn {
   position(t, i) {
     if (!t || !i)
       return null;
-    const n = Ot(t, i);
-    return qi(t, n);
+    const n = Tt(t, i);
+    return en(t, n);
   }
   relativeOffset(t, i) {
-    return Ui(this.offset(t), i, this.isBodyOffset(t));
+    return Wi(this.offset(t), i, this.isBodyOffset(t));
   }
   addScroll(t, i) {
-    return ji(t, i);
+    return Hi(t, i);
   }
   removeScroll(t, i) {
-    return Qi(t, i);
+    return tn(t, i);
   }
   restrictToView(t) {
-    return Xi(t);
+    return nn(t);
   }
   scrollPosition(t) {
-    return Et(t);
+    return Ot(t);
   }
   scrollableParents(t) {
-    return an(t);
+    return dn(t);
   }
   stackingElementOffset(t) {
     const i = this.getRelativeContextElement(t);
@@ -1935,7 +1935,7 @@ class hn {
     } : null;
   }
   getRelativeContextElement(t) {
-    if (!t || !dn)
+    if (!t || !un)
       return null;
     let i = t.parentElement;
     for (; i; ) {
@@ -1949,19 +1949,19 @@ class hn {
     return !!this.getRelativeContextElement(t);
   }
   windowViewPort(t) {
-    return xt(t);
+    return Et(t);
   }
   zIndex(t, i) {
-    return cn(t, i);
+    return hn(t, i);
   }
   zoomLevel() {
-    return !Ie() || !de() ? 1 : parseFloat((document.documentElement.clientWidth / window.innerWidth).toFixed(2));
+    return !Ee() || !de() ? 1 : parseFloat((document.documentElement.clientWidth / window.innerWidth).toFixed(2));
   }
   isZoomed() {
     return this.zoomLevel() > 1;
   }
 }
-let mn = class {
+let vn = class {
   constructor(t) {
     this._dom = t;
   }
@@ -1973,7 +1973,7 @@ let mn = class {
       anchorAlign: o,
       elementAlign: a,
       collisions: r
-    } = t, l = this._dom, c = t.viewPort || l.stackingElementViewPort(s) || l.windowViewPort(s), p = Ae(l.offset(i), n), u = tn(l.staticOffset(s), n), h = this.elementRect(s, u), m = l.restrictToView({
+    } = t, l = this._dom, c = t.viewPort || l.stackingElementViewPort(s) || l.windowViewPort(s), p = Ae(l.offset(i), n), u = on(l.staticOffset(s), n), h = this.elementRect(s, u), m = l.restrictToView({
       anchorAlign: o,
       anchorRect: p,
       collisions: r,
@@ -1990,7 +1990,7 @@ let mn = class {
     return this._dom.removeScroll(i, this._dom.scrollPosition(t));
   }
 };
-const fn = {
+const yn = {
   name: "@progress/kendo-vue-popup",
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
@@ -1999,13 +1999,13 @@ const fn = {
   version: "6.4.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
-function gn(e) {
+function kn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ce(e);
 }
-const vn = 100, yn = 1, kn = {
+const bn = 100, $n = 1, Sn = {
   left: -1e3,
   top: 0
-}, rt = "k-animation-container-shown", lt = "k-popup", bn = /* @__PURE__ */ k({
+}, lt = "k-animation-container-shown", dt = "k-popup", wn = /* @__PURE__ */ k({
   name: "Popup",
   props: {
     appendTo: {
@@ -2023,8 +2023,8 @@ const vn = 100, yn = 1, kn = {
       type: Object,
       default: function() {
         return {
-          horizontal: at.fit,
-          vertical: at.flip
+          horizontal: rt.fit,
+          vertical: rt.flip
         };
       }
     },
@@ -2032,8 +2032,8 @@ const vn = 100, yn = 1, kn = {
       type: Object,
       default: function() {
         return {
-          horizontal: ye.left,
-          vertical: ye.bottom
+          horizontal: ke.left,
+          vertical: ke.bottom
         };
       }
     },
@@ -2041,15 +2041,15 @@ const vn = 100, yn = 1, kn = {
       type: Object,
       default: function() {
         return {
-          horizontal: ye.left,
-          vertical: ye.top
+          horizontal: ke.left,
+          vertical: ke.top
         };
       }
     },
     offset: {
       type: Object,
       default: function() {
-        return kn;
+        return Sn;
       }
     },
     show: {
@@ -2078,10 +2078,10 @@ const vn = 100, yn = 1, kn = {
     };
   },
   created() {
-    q(fn), this.mountedAppendTo = void 0, this.mountedAnchor = void 0, this._clonedElement = void 0, this._flipped = !1, this._offsetTop = 0, this._offsetLeft = -1e3, this._exitingAnimation = !1, this._prevShow = !1, this._prevShow = this.$props.show, this._domService = new hn(), this._alignService = new un(this._domService), this._positionService = new mn(this._domService), this.reposition = pn(this.reposition.bind(this), rn);
+    q(yn), this.mountedAppendTo = void 0, this.mountedAnchor = void 0, this._clonedElement = void 0, this._flipped = !1, this._offsetTop = 0, this._offsetLeft = -1e3, this._exitingAnimation = !1, this._prevShow = !1, this._prevShow = this.$props.show, this._domService = new gn(), this._alignService = new fn(this._domService), this._positionService = new vn(this._domService), this.reposition = mn(this.reposition.bind(this), cn);
   },
   mounted() {
-    ke && (this.mountedAppendTo = this.appendTo ? this.getParentRef(this.appendTo) : document.body, this.mountedAnchor = this.anchor ? this.getParentRef(this.anchor, !0) : document.body), this._parentElement = this.$el.parentElement, this._clonedElement = this.$el.cloneNode(!0), this.hasMounted = !0, this.mountedAppendTo.appendChild(this.$el);
+    be && (this.mountedAppendTo = this.appendTo ? this.getParentRef(this.appendTo) : document.body, this.mountedAnchor = this.anchor ? this.getParentRef(this.anchor, !0) : document.body), this._parentElement = this.$el.parentElement, this._clonedElement = this.$el.cloneNode(!0), this.hasMounted = !0, this.mountedAppendTo.appendChild(this.$el);
   },
   updated() {
     this._prevShow = this.$props.show;
@@ -2095,12 +2095,12 @@ const vn = 100, yn = 1, kn = {
   methods: {
     onOpened() {
       const e = this.$el;
-      this.$props.show && e.classList.add(rt), this.attachRepositionHandlers(e), this.$emit("open", {
+      this.$props.show && e.classList.add(lt), this.attachRepositionHandlers(e), this.$emit("open", {
         target: this
       });
     },
     onClosing() {
-      this.$props.show || this.$el.classList.remove(rt), this.detachRepositionHandlers();
+      this.$props.show || this.$el.classList.remove(lt), this.detachRepositionHandlers();
     },
     onClosed() {
       this._exitingAnimation && (this._exitingAnimation = !1, this.$forceUpdate()), this.$emit("close", {
@@ -2120,7 +2120,7 @@ const vn = 100, yn = 1, kn = {
       for (; !i.$refs[e]; ) {
         if (i && i.kendoAnchorRef && t)
           return i.kendoAnchorRef;
-        if (i = i.$parent, !i && ke)
+        if (i = i.$parent, !i && be)
           return document.getElementById(e) || document.body;
       }
       return i.$refs[e].$el || i.$refs[e];
@@ -2148,7 +2148,7 @@ const vn = 100, yn = 1, kn = {
       });
     },
     calculatePosition(e, t) {
-      if (!t || !de() || !ke)
+      if (!t || !de() || !be)
         return {
           flipped: !1,
           offset: e.offset
@@ -2186,7 +2186,7 @@ const vn = 100, yn = 1, kn = {
       this._clonedElement = this.$el.cloneNode(!0), this.$forceUpdate();
     },
     getCurrentZIndex() {
-      return this.kCurrentZIndex ? this.kCurrentZIndex + yn : vn;
+      return this.kCurrentZIndex ? this.kCurrentZIndex + $n : bn;
     }
   },
   render() {
@@ -2204,10 +2204,10 @@ const vn = 100, yn = 1, kn = {
       transitionEnterDuration: l,
       transitionExitDuration: c
     } = this.transitionDuration(), p = this.getCurrentZIndex();
-    return this._exitingAnimation = this._exitingAnimation || this._prevShow && !i, this.hasMounted ? i || this._exitingAnimation && a ? d(St, {
+    return this._exitingAnimation = this._exitingAnimation || this._prevShow && !i, this.hasMounted ? i || this._exitingAnimation && a ? d(Ct, {
       id: n,
       role: this.appendTo ? "" : "region",
-      componentChildClassName: [t, lt],
+      componentChildClassName: [t, dt],
       className: e,
       onEntered: this.onOpened,
       onExiting: this.onClosing,
@@ -2222,7 +2222,7 @@ const vn = 100, yn = 1, kn = {
       transitionEnterDuration: l,
       transitionExitDuration: c,
       appear: i
-    }, gn(o) ? o : {
+    }, kn(o) ? o : {
       default: () => [o]
     }) : null : d("div", {
       style: {
@@ -2230,10 +2230,10 @@ const vn = 100, yn = 1, kn = {
       },
       class: e
     }, [d("div", {
-      class: [t, lt]
+      class: [t, dt]
     }, [s])]);
   }
-}), $n = {
+}), Cn = {
   NoLocale: "Missing locale info for '{0}'",
   NoCurrency: "Cannot determine currency information. Please load the locale currencies data.",
   NoSupplementalCurrency: "Cannot determine currency. Please load the supplemental currencyData.",
@@ -2244,15 +2244,15 @@ const vn = 100, yn = 1, kn = {
   NoFirstDay: "Cannot determine locale first day of week. Please load the supplemental weekData. The default culture includes only the 'en-US' first day info.",
   NoValidCurrency: "Cannot determine a default currency for the {0} locale. Please specify explicitly the currency with the format options.",
   NoDateFieldNames: "Cannot determine the locale date field names. Please load the locale dateFields data."
-}, Sn = /\{(\d+)}?\}/g;
-class Cn {
+}, xn = /\{(\d+)}?\}/g;
+class In {
   constructor({ name: t, message: i }) {
     if (!t || !i)
       throw new Error("{ name: string, message: string } object is required!");
     this.name = t, this.message = i;
   }
   formatMessage(...t) {
-    const i = wn(t), n = this.message.replace(Sn, function(s, o) {
+    const i = En(t), n = this.message.replace(xn, function(s, o) {
       return i[parseInt(o, 10)];
     });
     return `${this.name}: ${n}`;
@@ -2261,23 +2261,23 @@ class Cn {
     return new Error(this.formatMessage(t));
   }
 }
-const wn = function(e) {
+const En = function(e) {
   return e.reduce((t, i) => t.concat(i), []);
-}, xn = function(e) {
+}, Nn = function(e) {
   const t = function(i, n) {
-    return i[n] = new Cn({ name: n, message: e[n] }), i;
+    return i[n] = new In({ name: n, message: e[n] }), i;
   };
   return Object.keys(e).reduce(t, {});
-}, We = xn($n), {
-  NoCurrency: Fs,
-  NoCurrencyDisplay: Vs,
-  NoSupplementalCurrency: Rs,
-  NoCurrencyRegion: As,
-  NoValidCurrency: _s
-} = We, { NoWeekData: Ps, NoFirstDay: zs } = We, { NoWeekData: Bs } = We, In = -2, En = -1;
-In.toString() + "", En.toString() + "";
+}, Ze = Nn(Cn), {
+  NoCurrency: _s,
+  NoCurrencyDisplay: zs,
+  NoSupplementalCurrency: Bs,
+  NoCurrencyRegion: js,
+  NoValidCurrency: Us
+} = Ze, { NoWeekData: Ks, NoFirstDay: Hs } = Ze, { NoWeekData: Ws } = Ze, On = -2, Ln = -1;
+On.toString() + "", Ln.toString() + "";
 const ne = /* @__PURE__ */ Object.create({});
-let Nn = class {
+let Tn = class {
   constructor(t) {
     if (this.language = t, t === "" && process.env.NODE_ENV !== "production")
       throw "Language should not be an empty string";
@@ -2300,9 +2300,9 @@ function ge(e) {
   if (!e && process.env.NODE_ENV !== "production")
     throw `Passed component - ${e} is invalid.`;
   const t = e.kendoLocalizationService;
-  return t && Object.keys(t).some((i) => i === "language") ? t : new Nn();
+  return t && Object.keys(t).some((i) => i === "language") ? t : new Tn();
 }
-const On = /* @__PURE__ */ k({
+const Dn = /* @__PURE__ */ k({
   name: "list-container",
   emits: {
     mousedown: null,
@@ -2363,7 +2363,7 @@ const On = /* @__PURE__ */ k({
       width: b,
       popupStyle: I
     } = n;
-    return d(bn, {
+    return d(wn, {
       ref: "popup",
       style: {
         ...v,
@@ -2392,7 +2392,7 @@ const On = /* @__PURE__ */ k({
     });
   }
 });
-const Ln = {
+const Mn = {
   name: "@progress/kendo-vue-inputs",
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
@@ -2401,10 +2401,10 @@ const Ln = {
   version: "6.4.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
-const fe = "labels.optional", Lt = {
+const fe = "labels.optional", Dt = {
   [fe]: "(Optional)"
 };
-const Tt = {
+const Mt = {
   name: "@progress/kendo-vue-labels",
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
@@ -2413,7 +2413,7 @@ const Tt = {
   version: "6.4.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
-const Tn = /* @__PURE__ */ k({
+const Vn = /* @__PURE__ */ k({
   name: "KendoLabel",
   props: {
     id: String,
@@ -2432,7 +2432,7 @@ const Tn = /* @__PURE__ */ k({
     }
   },
   created() {
-    q(Tt);
+    q(Mt);
   },
   computed: {
     labelClassName() {
@@ -2455,7 +2455,7 @@ const Tn = /* @__PURE__ */ k({
   },
   setup() {
     return {
-      kendoLocalizationService: je("kendoLocalizationService", {})
+      kendoLocalizationService: Ue("kendoLocalizationService", {})
     };
   },
   render() {
@@ -2464,7 +2464,7 @@ const Tn = /* @__PURE__ */ k({
       id: t,
       editorId: i,
       optional: n
-    } = this.$props, s = n ? e.toLanguageString(fe, Lt[fe]) : "", o = s && d("span", {
+    } = this.$props, s = n ? e.toLanguageString(fe, Dt[fe]) : "", o = s && d("span", {
       class: "k-label-optional"
     }, [s]);
     return d("label", {
@@ -2475,7 +2475,7 @@ const Tn = /* @__PURE__ */ k({
     }, [this.defaultSlots, o]);
   }
 });
-const Dn = /* @__PURE__ */ k({
+const Pn = /* @__PURE__ */ k({
   name: "KendoFloatingLabel",
   props: {
     label: String,
@@ -2507,7 +2507,7 @@ const Dn = /* @__PURE__ */ k({
     }
   },
   created() {
-    q(Tt);
+    q(Mt);
   },
   computed: {
     computedFocused() {
@@ -2541,7 +2541,7 @@ const Dn = /* @__PURE__ */ k({
   },
   setup() {
     return {
-      kendoLocalizationService: je("kendoLocalizationService", {})
+      kendoLocalizationService: Ue("kendoLocalizationService", {})
     };
   },
   render() {
@@ -2550,7 +2550,7 @@ const Dn = /* @__PURE__ */ k({
       editorId: i,
       id: n,
       optional: s
-    } = this.$props, o = ge(this), a = s ? o.toLanguageString(fe, Lt[fe]) : "", r = a && d("span", {
+    } = this.$props, o = ge(this), a = s ? o.toLanguageString(fe, Dt[fe]) : "", r = a && d("span", {
       class: "k-label-optional"
     }, [a]);
     return d("span", {
@@ -2568,10 +2568,10 @@ const Dn = /* @__PURE__ */ k({
     }, [t, r]) : null]);
   }
 });
-function Mn(e) {
+function Fn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ce(e);
 }
-const Fn = /* @__PURE__ */ k({
+const Rn = /* @__PURE__ */ k({
   model: {
     event: "changemodel"
   },
@@ -2676,7 +2676,7 @@ const Fn = /* @__PURE__ */ k({
     };
   },
   created() {
-    q(Ln), this._input = void 0, this._inputId = ae(), this.$data.valueDuringOnChange = void 0, this.$data.currentValue = this.$props.defaultValue;
+    q(Mn), this._input = void 0, this._inputId = ae(), this.$data.valueDuringOnChange = void 0, this.$data.currentValue = this.$props.defaultValue;
   },
   mounted() {
     this._input = this.inputRef, this.wrapper = this.wrapperRef, this.$data.hasMounted = !0, this.setValidity();
@@ -2724,14 +2724,14 @@ const Fn = /* @__PURE__ */ k({
       onInput: this.handleInput,
       onAnimationstart: this.handleAutoFill,
       onAnimationend: this.handleAutoFillEnd
-    }), u = D.call(this, this.$props.inputPrefix, T.call(this)), h = D.call(this, this.$props.inputSuffix, T.call(this)), m = P.call(this, {
+    }), u = D.call(this, this.$props.inputPrefix, T.call(this)), h = D.call(this, this.$props.inputSuffix, T.call(this)), m = _.call(this, {
       h: x,
       template: u,
       additionalProps: {
         value: this.computedValue,
         valid: e
       }
-    }), f = P.call(this, {
+    }), f = _.call(this, {
       h: x,
       template: h,
       additionalProps: {
@@ -2752,11 +2752,11 @@ const Fn = /* @__PURE__ */ k({
       class: "k-input-suffix"
     }, [f]), o && e && d(W, {
       name: "check",
-      icon: Di,
+      icon: Pi,
       class: "k-input-validation-icon"
     }, null), o && !e && d(W, {
       name: "exclamation-circle",
-      icon: Fi,
+      icon: Ri,
       class: "k-input-validation-icon"
     }, null), a && d(W, {
       name: "loading",
@@ -2766,9 +2766,9 @@ const Fn = /* @__PURE__ */ k({
       class: "k-clear-value"
     }, [d(W, {
       name: "x",
-      icon: bt
+      icon: St
     }, null)])]);
-    return t ? d(Dn, {
+    return t ? d(Pn, {
       label: t,
       editorId: c,
       editorValue: this.computedValue,
@@ -2776,7 +2776,7 @@ const Fn = /* @__PURE__ */ k({
       editorDisabled: this.$props.disabled,
       editorPlaceholder: this.$data.focused ? this.$props.placeholder : "",
       dir: this.$props.dir
-    }, Mn(y) ? y : {
+    }, Fn(y) ? y : {
       default: () => [y]
     }) : y;
   },
@@ -2903,7 +2903,7 @@ const Fn = /* @__PURE__ */ k({
     }
   }
 });
-const Vn = {
+const An = {
   name: "@progress/kendo-vue-layout",
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
@@ -2912,7 +2912,7 @@ const Vn = {
   version: "6.4.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
-const dt = /* @__PURE__ */ k({
+const ct = /* @__PURE__ */ k({
   name: "KendoActionSheetItem",
   emits: {
     click: null
@@ -2949,7 +2949,7 @@ const dt = /* @__PURE__ */ k({
     }
   },
   render() {
-    const e = P.call(this, {
+    const e = _.call(this, {
       h: x,
       template: this.$props.content,
       defaultRendering: null,
@@ -2993,7 +2993,7 @@ const dt = /* @__PURE__ */ k({
     }
   }
 });
-const Rn = /* @__PURE__ */ k({
+const _n = /* @__PURE__ */ k({
   name: "KendoActionSheetHeader",
   props: {
     headerClassName: {
@@ -3012,11 +3012,11 @@ const Rn = /* @__PURE__ */ k({
     } = this.$props;
     return d("div", {
       style: t,
-      class: _("k-actionsheet-titlebar", i)
+      class: A("k-actionsheet-titlebar", i)
     }, [e]);
   }
 });
-const An = /* @__PURE__ */ k({
+const zn = /* @__PURE__ */ k({
   name: "KendoActionSheetFooter",
   props: {
     footerClassName: {
@@ -3029,11 +3029,11 @@ const An = /* @__PURE__ */ k({
       footerClassName: t
     } = this.$props;
     return d("div", {
-      class: _("k-actionsheet-footer", t)
+      class: A("k-actionsheet-footer", t)
     }, [e]);
   }
 });
-const _n = /* @__PURE__ */ k({
+const Bn = /* @__PURE__ */ k({
   name: "KendoActionSheetContent",
   props: {
     contentClassName: {
@@ -3046,14 +3046,14 @@ const _n = /* @__PURE__ */ k({
       contentClassName: t
     } = this.$props;
     return d("div", {
-      class: _("k-actionsheet-content", t)
+      class: A("k-actionsheet-content", t)
     }, [e]);
   }
 });
-function Me(e) {
+function Ve(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ce(e);
 }
-const Pn = 300, zn = /* @__PURE__ */ k({
+const jn = 300, Un = /* @__PURE__ */ k({
   name: "KendoActionSheet",
   props: {
     expand: Boolean,
@@ -3063,7 +3063,7 @@ const Pn = 300, zn = /* @__PURE__ */ k({
     },
     animationDuration: {
       type: Number,
-      default: Pn
+      default: jn
     },
     animationStyles: Object,
     tabIndex: Number,
@@ -3108,15 +3108,15 @@ const Pn = 300, zn = /* @__PURE__ */ k({
     this.bottomPosition = {
       bottom: "0px",
       width: "100%"
-    }, this.guidId = ae(), q(Vn);
+    }, this.guidId = ae(), q(An);
   },
   mounted() {
     this.element = re(this, "actionSheet"), this.$props.expand && !this.show && (this.show = !0);
   },
   updated() {
     if (this.element = re(this, "actionSheet"), this.$props.expand && !this.show && (this.show = !0), this.element && !this.$props.className && (this.element.style.setProperty("--kendo-actionsheet-height", "auto"), this.element.style.setProperty("--kendo-actionsheet-max-height", "none")), this.element && this.$props.navigatable) {
-      const e = this.$props.navigatableElements, t = [".k-actionsheet-item", ".k-actionsheet-actions", ...[".k-actionsheet-footer", ".k-actionsheet-content", ".k-actionsheet-titlebar"].map((i) => xi.concat(e).map((n) => `${i} ${n}`)).flat()];
-      this.navigation = new Ii({
+      const e = this.$props.navigatableElements, t = [".k-actionsheet-item", ".k-actionsheet-actions", ...[".k-actionsheet-footer", ".k-actionsheet-content", ".k-actionsheet-titlebar"].map((i) => Ni.concat(e).map((n) => `${i} ${n}`)).flat()];
+      this.navigation = new Oi({
         tabIndex: this.$props.tabIndex || 0,
         root: this.element,
         rovingTabIndex: !1,
@@ -3164,20 +3164,20 @@ const Pn = 300, zn = /* @__PURE__ */ k({
       contentClassName: c,
       footerClassName: p,
       actions: u
-    } = this.$props, h = D.call(this, this.$props.header, T.call(this)), m = P.call(this, {
+    } = this.$props, h = D.call(this, this.$props.header, T.call(this)), m = _.call(this, {
       h: x,
       template: h,
       defaultRendering: null
-    }), f = D.call(this, this.$props.content, T.call(this)), y = P.call(this, {
+    }), f = D.call(this, this.$props.content, T.call(this)), y = _.call(this, {
       h: x,
       template: f,
       defaultRendering: null
-    }), v = D.call(this, this.$props.footer, T.call(this)), b = P.call(this, {
+    }), v = D.call(this, this.$props.footer, T.call(this)), b = _.call(this, {
       h: x,
       template: v,
       defaultRendering: null
     }), I = d("div", {
-      class: _("k-actionsheet", a, {
+      class: A("k-actionsheet", a, {
         "k-actionsheet-bottom": !a
       }),
       role: "dialog",
@@ -3186,9 +3186,9 @@ const Pn = 300, zn = /* @__PURE__ */ k({
       "aria-labelledby": this.guidId,
       ref: me(this, "actionSheet"),
       onKeydown: this.handleKeyDown
-    }, [this.$props.header && !e && !t && d(Rn, {
+    }, [this.$props.header && !e && !t && d(_n, {
       headerClassName: l
-    }, Me(m) ? m : {
+    }, Ve(m) ? m : {
       default: () => [m]
     }), (e || t) && d("div", {
       class: "k-actionsheet-titlebar k-text-center"
@@ -3201,9 +3201,9 @@ const Pn = 300, zn = /* @__PURE__ */ k({
       class: "k-actionsheet-subtitle"
     }, [t])]), u && d("div", {
       class: "k-actionsheet-actions"
-    }, [u])])]), this.$props.content ? d(_n, {
+    }, [u])])]), this.$props.content ? d(Bn, {
       contentClassName: c
-    }, Me(y) ? y : {
+    }, Ve(y) ? y : {
       default: () => [y]
     }) : d("div", {
       class: "k-actionsheet-content"
@@ -3211,8 +3211,8 @@ const Pn = 300, zn = /* @__PURE__ */ k({
       class: "k-list-ul",
       role: "group"
     }, [this.topGroupItems && this.topGroupItems.map(function(g, $) {
-      const F = D.call(this, this.$props.item || g.content, T.call(this));
-      return d(dt, {
+      const V = D.call(this, this.$props.item || g.content, T.call(this));
+      return d(ct, {
         style: g.style,
         class: g.class,
         title: g.title,
@@ -3226,7 +3226,7 @@ const Pn = 300, zn = /* @__PURE__ */ k({
         iconSize: g.iconSize,
         iconColor: g.iconColor,
         tabIndex: o || 0,
-        content: F,
+        content: V,
         onClick: this.handleItemClick
       }, null);
     }, this)]), this.shouldRenderSeparator && d("hr", {
@@ -3235,11 +3235,11 @@ const Pn = 300, zn = /* @__PURE__ */ k({
       class: "k-list-ul",
       role: "group"
     }, [this.bottomGroupItems && this.bottomGroupItems.map(function(g, $) {
-      var F;
-      return d(dt, {
+      var V;
+      return d(ct, {
         style: g.style,
         class: g.class,
-        id: $ + (((F = this.topGroupItems) == null ? void 0 : F.length) || 0),
+        id: $ + (((V = this.topGroupItems) == null ? void 0 : V.length) || 0),
         key: $,
         item: g,
         title: g.title,
@@ -3252,9 +3252,9 @@ const Pn = 300, zn = /* @__PURE__ */ k({
         tabIndex: o || 0,
         onClick: this.handleItemClick
       }, null);
-    }, this)])]), this.$props.footer && d(An, {
+    }, this)])]), this.$props.footer && d(zn, {
       footerClassName: p
-    }, Me(b) ? b : {
+    }, Ve(b) ? b : {
       default: () => [b]
     })]);
     return this.show && d("div", {
@@ -3262,7 +3262,7 @@ const Pn = 300, zn = /* @__PURE__ */ k({
     }, [d("div", {
       class: "k-overlay",
       onClick: this.handleOverlayClick
-    }, null), n ? d(St, {
+    }, null), n ? d(Ct, {
       onExited: this.hideActionSheet,
       direction: "up",
       componentChildStyle: i || this.bottomPosition,
@@ -3309,19 +3309,19 @@ const Pn = 300, zn = /* @__PURE__ */ k({
     }
   }
 });
-const _e = "dropdowns.nodata", Bn = "dropdowns.expandbutton", jn = "dropdowns.clear", Pe = "dropdowns.select", ze = "dropdowns.defaultLabel", Un = "dropdowns.adaptiveModeFooterApply", Kn = "dropdowns.adaptiveModeFooterCancel", Ze = {
-  [jn]: "clear",
-  [Bn]: "expand button",
+const _e = "dropdowns.nodata", Kn = "dropdowns.expandbutton", Hn = "dropdowns.clear", ze = "dropdowns.select", Be = "dropdowns.defaultLabel", Wn = "dropdowns.adaptiveModeFooterApply", Zn = "dropdowns.adaptiveModeFooterCancel", Ge = {
+  [Hn]: "clear",
+  [Kn]: "expand button",
   [_e]: "NO DATA FOUND.",
-  [Pe]: "Select",
-  [ze]: "Filter",
-  [Un]: "Apply",
-  [Kn]: "Cancel"
+  [ze]: "Select",
+  [Be]: "Filter",
+  [Wn]: "Apply",
+  [Zn]: "Cancel"
 };
 const {
-  sizeMap: Hn,
-  roundedMap: Wn
-} = le, Zn = /* @__PURE__ */ k({
+  sizeMap: Gn,
+  roundedMap: Yn
+} = le, Jn = /* @__PURE__ */ k({
   name: "list-filter",
   emits: {
     keydown: null,
@@ -3377,8 +3377,8 @@ const {
       } = this.$props;
       return {
         "k-searchbox k-input": !0,
-        [`k-input-${Hn[e] || e}`]: e,
-        [`k-rounded-${Wn[t] || t}`]: t,
+        [`k-input-${Gn[e] || e}`]: e,
+        [`k-rounded-${Yn[t] || t}`]: t,
         [`k-input-${i}`]: i
       };
     }
@@ -3405,7 +3405,7 @@ const {
       return e(W, {
         class: "k-input-icon",
         name: "search",
-        icon: Mi
+        icon: Fi
       });
     }
   },
@@ -3421,8 +3421,8 @@ const {
       ariaControlsId: s,
       ariaActivedescendantId: o,
       tabIndex: a
-    } = this.$props, r = ge(this).toLanguageString(ze, Ze[ze]), l = function() {
-      return d(Fn, {
+    } = this.$props, r = ge(this).toLanguageString(Be, Ge[Be]), l = function() {
+      return d(Rn, {
         ref: me(this, "input"),
         value: this.$props.value,
         onInput: this.onChange,
@@ -3447,32 +3447,32 @@ const {
     }, [l.call(this)]);
   }
 });
-const te = (e) => e != null, Gn = (e, t) => {
+const te = (e) => e != null, qn = (e, t) => {
   for (let i = 0; i < e.length; i++)
     if (e.charAt(i) !== t)
       return !1;
   return !0;
-}, Yn = (e, t, i) => {
+}, Qn = (e, t, i) => {
   let n = e;
   return i && (n = [i].concat(n)), n.slice(t).concat(n.slice(0, t));
-}, ct = (e, t, i) => {
+}, pt = (e, t, i) => {
   if (!te(e))
     return !1;
   let n = String(e);
   return i && (n = n.toLowerCase()), n.indexOf(t) === 0;
-}, Jn = (e, t, i, n, s) => {
+}, Xn = (e, t, i, n, s) => {
   const o = e.offsetHeight, a = t * i + (s ? n - e.scrollTop : 0);
   if (s) {
     let r = 0;
     a + t > o ? r = a + t - o : a < 0 && (r = a), r !== 0 ? e.scrollTop += r : e.scrollTop === 0 && n !== 0 && (e.scrollTop = n);
   } else
     a + t > o + e.scrollTop ? e.scrollTop = a + t - o : a < e.scrollTop && (e.scrollTop -= e.scrollTop - a);
-}, qn = (e, t, i) => {
+}, es = (e, t, i) => {
   let n = -1;
   if (t) {
     t = t.toLowerCase();
     for (let s = 0; s < e.length; s++) {
-      const o = (R(e[s], i) || "") + "";
+      const o = (F(e[s], i) || "") + "";
       if (o && o.toLowerCase().startsWith(t)) {
         n = s;
         break;
@@ -3480,10 +3480,10 @@ const te = (e) => e != null, Gn = (e, t) => {
     }
   }
   return n;
-}, Qn = (e, t, i, n = !1) => {
+}, ts = (e, t, i, n = !1) => {
   const s = (o) => n ? o : o.toLowerCase();
-  return e.findIndex((o) => i ? s(R(o, i)) === s(t) : s(t) === s(o.toString()));
-}, R = (e, t) => {
+  return e.findIndex((o) => i ? s(F(o, i)) === s(t) : s(t) === s(o.toString()));
+}, F = (e, t) => {
   if (t && te(e)) {
     const i = t.split(".");
     let n = e;
@@ -3492,16 +3492,16 @@ const te = (e) => e != null, Gn = (e, t) => {
     }), n;
   }
   return e;
-}, L = (e, t, i) => e === t || te(e) === te(t) && R(e, i) === R(t, i), Xn = (e, t, i) => {
+}, L = (e, t, i) => e === t || te(e) === te(t) && F(e, i) === F(t, i), is = (e, t, i) => {
   if (t) {
-    const n = Qn(e, t, i, !0);
-    return n !== -1 ? e[n] : e[qn(e, t, i)];
+    const n = ts(e, t, i, !0);
+    return n !== -1 ? e[n] : e[es(e, t, i)];
   }
   return e[0];
-}, pt = (e) => {
+}, ut = (e) => {
   e.target.nodeName !== "INPUT" && e.preventDefault();
-}, es = typeof window < "u" && /Firefox/.test(window.navigator.userAgent), ts = 17895697;
-const is = /* @__PURE__ */ k({
+}, ns = typeof window < "u" && /Firefox/.test(window.navigator.userAgent), ss = 17895697;
+const os = /* @__PURE__ */ k({
   name: "list-default-item",
   props: {
     defaultItem: [Object, String],
@@ -3529,13 +3529,13 @@ const is = /* @__PURE__ */ k({
       style: {
         position: "unset"
       },
-      class: _("k-list-optionlabel", {
+      class: A("k-list-optionlabel", {
         "k-selected": e
       })
-    }, [R(t, i) || ""]);
+    }, [F(t, i) || ""]);
   }
 });
-const ns = /* @__PURE__ */ k({
+const as = /* @__PURE__ */ k({
   name: "KendoListItem",
   inheritAttrs: !1,
   props: {
@@ -3569,7 +3569,7 @@ const ns = /* @__PURE__ */ k({
       id: this.$props.id,
       role: "option",
       "aria-selected": e,
-      class: _("k-list-item", {
+      class: A("k-list-item", {
         "k-selected": e,
         "k-focus": this.$props.focused,
         [this.$attrs.class]: this.$attrs.class
@@ -3580,8 +3580,8 @@ const ns = /* @__PURE__ */ k({
       }
     }, [d("span", {
       class: "k-list-item-text"
-    }, [R(this.$props.dataItem, this.$props.textField).toString()])]);
-    return P.call(this, {
+    }, [F(this.$props.dataItem, this.$props.textField).toString()])]);
+    return _.call(this, {
       h: x,
       template: this.$props.render,
       defaultRendering: t,
@@ -3595,7 +3595,7 @@ const ns = /* @__PURE__ */ k({
     });
   }
 });
-const ss = /* @__PURE__ */ k({
+const rs = /* @__PURE__ */ k({
   name: "KendoListItem",
   inheritAttrs: !1,
   props: {
@@ -3619,7 +3619,7 @@ const ss = /* @__PURE__ */ k({
     }, [d("span", {
       class: n ? void 0 : "k-list-item-text"
     }, [t])]);
-    return P.call(this, {
+    return _.call(this, {
       h: x,
       template: this.$props.render,
       defaultRendering: s,
@@ -3629,7 +3629,7 @@ const ss = /* @__PURE__ */ k({
     });
   }
 });
-const os = /* @__PURE__ */ k({
+const ls = /* @__PURE__ */ k({
   name: "list",
   emits: {
     listclick: null,
@@ -3665,7 +3665,7 @@ const os = /* @__PURE__ */ k({
     }
   },
   setup() {
-    const e = K(null), t = je("kendoLocalizationService", {});
+    const e = K(null), t = Ue("kendoLocalizationService", {});
     return {
       listRef: e,
       kendoLocalizationService: t
@@ -3693,8 +3693,8 @@ const os = /* @__PURE__ */ k({
     } = this.$props, l = function() {
       const p = this.$props.noDataRender, u = d("div", {
         class: "k-nodata"
-      }, [d("div", null, [t.toLanguageString(_e, Ze[_e])])]);
-      return P.call(this, {
+      }, [d("div", null, [t.toLanguageString(_e, Ge[_e])])]);
+      return _.call(this, {
         h: x,
         template: p,
         defaultRendering: u
@@ -3712,17 +3712,17 @@ const os = /* @__PURE__ */ k({
         itemRender: I,
         groupHeaderItemRender: g,
         dataItems: $
-      } = this.$props, F = Array.isArray(v);
+      } = this.$props, V = Array.isArray(v);
       let z = 0;
-      return $.map(function(S, V) {
-        const O = m + V, B = y && (!F && L(S, v, u) || F && v.findIndex((Ee) => L(Ee, S, u)) !== -1);
+      return $.map(function(S, P) {
+        const O = m + P, B = y && (!V && L(S, v, u) || V && v.findIndex((Ne) => L(Ne, S, u)) !== -1);
         let ie, H, pe;
-        return V > 0 && b !== void 0 && (H = R(S, b), pe = R($[V - 1], b), H && pe && H !== pe !== void 0 && (ie = H)), ie !== void 0 && Object.keys(S).length === 1 && (z += 1), ie !== void 0 && S[b] !== void 0 && Object.keys(S).length === 1 ? d(ss, {
+        return P > 0 && b !== void 0 && (H = F(S, b), pe = F($[P - 1], b), H && pe && H !== pe !== void 0 && (ie = H)), ie !== void 0 && Object.keys(S).length === 1 && (z += 1), ie !== void 0 && S[b] !== void 0 && Object.keys(S).length === 1 ? d(rs, {
           id: `option-${h}-${O}`,
           key: O + "-group-item",
           group: ie,
           render: g
-        }, null) : d(ns, {
+        }, null) : d(as, {
           id: `option-${h}-${O}`,
           dataItem: S,
           selected: B,
@@ -3751,8 +3751,8 @@ const os = /* @__PURE__ */ k({
     }, [c]), e]) : l.call(this);
   }
 });
-var as = Object.defineProperty, rs = (e, t, i) => t in e ? as(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, U = (e, t, i) => rs(e, typeof t != "symbol" ? t + "" : t, i);
-let ls = class {
+var ds = Object.defineProperty, cs = (e, t, i) => t in e ? ds(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, U = (e, t, i) => cs(e, typeof t != "symbol" ? t + "" : t, i);
+let ps = class {
   constructor() {
     U(this, "containerHeight", 0), U(this, "skip", 0), U(this, "total", 0), U(this, "enabled", !1), U(this, "pageSize", 0), U(this, "itemHeight", 0), U(this, "prevScrollPos", 0), U(this, "listTranslate", 0), U(this, "scrollSyncing", !1), U(this, "scrollerRef", (t) => {
       this.container = t, t && (t.setAttribute("unselectable", "on"), setTimeout(() => this.calcScrollElementHeight, 0));
@@ -3763,7 +3763,7 @@ let ls = class {
       const n = (t = this.container) == null ? void 0 : t.children[0], s = n ? Array.from(n.children) : [];
       this.itemHeight = s[0] ? s[0].offsetHeight : this.itemHeight;
       const o = this.itemHeight * (this.total - s.length);
-      this.containerHeight = es ? Math.min(ts, o) : o;
+      this.containerHeight = ns ? Math.min(ss, o) : o;
       const a = this.containerHeight;
       return this.scrollElement && (i = this.scrollElement.style.height !== a + "px", i && (this.scrollElement.style.height = a + "px")), this.scrollSyncing = !1, i;
     }), this.scrollHandler = this.scrollHandler.bind(this);
@@ -3822,23 +3822,23 @@ let ls = class {
     return t = Math.max(0, t), t = Math.min(this.containerHeight, t), t;
   }
 };
-class ds {
+class us {
   navigate(t) {
     const i = t.keyCode;
-    if (i === C.up || i === C.left)
+    if (i === w.up || i === w.left)
       return this.next({ current: t.current, min: t.min, max: t.max, step: -1 });
-    if (i === C.down || i === C.right)
+    if (i === w.down || i === w.right)
       return this.next({ current: t.current, min: t.min, max: t.max, step: 1 });
-    if (i === C.home)
+    if (i === w.home)
       return 0;
-    if (i === C.end)
+    if (i === w.end)
       return t.max;
   }
   next(t) {
     return te(t.current) ? Math.min(t.max, Math.max(t.current + t.step, t.min)) : t.min;
   }
 }
-const cs = {
+const hs = {
   name: "@progress/kendo-vue-dropdowns",
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
@@ -3847,20 +3847,20 @@ const cs = {
   version: "6.4.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
 };
-var ps = Object.defineProperty, us = (e, t, i) => t in e ? ps(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, A = (e, t, i) => us(e, typeof t != "symbol" ? t + "" : t, i);
-class Dt {
+var ms = Object.defineProperty, fs = (e, t, i) => t in e ? ms(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, R = (e, t, i) => fs(e, typeof t != "symbol" ? t + "" : t, i);
+class Vt {
   constructor(t) {
-    A(this, "vs", new ls()), A(this, "navigation", new ds()), A(this, "handleItemClick", (i, n) => {
+    R(this, "vs", new ps()), R(this, "navigation", new us()), R(this, "handleItemClick", (i, n) => {
       const s = this.initState();
       s.event = n, this.component.handleItemSelect(i, s), this.togglePopup(s), this.applyState(s);
-    }), A(this, "handleFocus", (i) => {
+    }), R(this, "handleFocus", (i) => {
       if (!this.component.currentFocused) {
         const n = this.initState();
         n.data.currentFocused = !0, n.events.push({
           type: "focus"
         }), n.event = i, this.applyState(n);
       }
-    }), A(this, "filterChanged", (i, n) => {
+    }), R(this, "filterChanged", (i, n) => {
       const s = this.component, {
         textField: o,
         filterable: a
@@ -3874,19 +3874,19 @@ class Dt {
           value: i
         }
       }), this.repositionPopup());
-    }), A(this, "togglePopup", (i) => {
+    }), R(this, "togglePopup", (i) => {
       const n = this.component.$props, s = n.opened !== void 0 ? n.opened : this.component.currentOpened;
       n.opened === void 0 && (i.data.currentOpened = !s), s ? i.events.push({
         type: "close"
       }) : (i.events.push({
         type: "open"
       }), this.calculatePopupWidth());
-    }), A(this, "pageChange", (i, n) => {
+    }), R(this, "pageChange", (i, n) => {
       const s = this.initState();
       s.event = n, this.triggerOnPageChange(s, i.skip, i.take), this.applyState(s);
-    }), A(this, "scrollChange", (i) => {
+    }), R(this, "scrollChange", (i) => {
       this.component.$emit("scroll", i);
-    }), A(this, "scrollToVirtualItem", (i, n) => {
+    }), R(this, "scrollToVirtualItem", (i, n) => {
       const s = this.vs;
       if (s.enabled = !1, i.skip === 0)
         s.reset();
@@ -3897,17 +3897,17 @@ class Dt {
         o === 0 && (s.calcScrollElementHeight(), o = s.itemHeight * i.skip, s.translateTo(o - s.itemHeight)), s.container && (s.container.scrollTop = o), this.scrollToItem(n, !0);
       }
       setTimeout(() => s.enabled = !0, 10);
-    }), A(this, "getGroupedDataModernMode", (i, n) => {
+    }), R(this, "getGroupedDataModernMode", (i, n) => {
       const s = [];
       return i.forEach((o, a) => {
         i[a - 1] && o[n] !== i[a - 1][n] && s.push({
           [n]: o[n]
         }), s.push(i[a]);
       }), s;
-    }), A(this, "resetGroupStickyHeader", (i, n) => {
+    }), R(this, "resetGroupStickyHeader", (i, n) => {
       const s = this.initState();
       i !== n.group && n.state && (n.state.data.group = i, this.applyState(s));
-    }), q(cs), this.listBoxId = ae(), this.guid = ae(), this.component = t, this.vs.PageChange = this.pageChange, this.vs.ScrollChange = this.scrollChange;
+    }), q(hs), this.listBoxId = ae(), this.guid = ae(), this.component = t, this.vs.PageChange = this.pageChange, this.vs.ScrollChange = this.scrollChange;
   }
   didMount() {
     const t = this.component.$props, i = t.popupSettings, n = t.style, s = i && i.width;
@@ -3927,7 +3927,7 @@ class Dt {
       const o = this.vs, a = o.container || n.parentNode;
       if (a) {
         const r = i !== void 0 ? i : o.enabled;
-        Jn(a, s.offsetHeight, t, o.translate, r);
+        Xn(a, s.offsetHeight, t, o.translate, r);
       }
     }
   }
@@ -3994,7 +3994,7 @@ class Dt {
   }
   getTemplateDef(t, i) {
     const n = D.call(this, t, T.call(this));
-    return P.call(this, {
+    return _.call(this, {
       h: i,
       template: n
     });
@@ -4004,7 +4004,7 @@ class Dt {
     return i ? i.height.slice(0, i.height.length - 2) : 0;
   }
 }
-A(Dt, "defaultProps", {
+R(Vt, "defaultProps", {
   popupSettings: {
     animate: !0,
     height: "200px"
@@ -4012,7 +4012,7 @@ A(Dt, "defaultProps", {
   required: !1,
   validityStyles: !0
 });
-const ut = /* @__PURE__ */ k({
+const ht = /* @__PURE__ */ k({
   name: "KendoGroupStickyHeader",
   inheritAttrs: !1,
   props: {
@@ -4028,7 +4028,7 @@ const ut = /* @__PURE__ */ k({
     }, [d("div", {
       class: "k-list-header-text"
     }, [e])]);
-    return P.call(this, {
+    return _.call(this, {
       h: x,
       template: t,
       defaultRendering: i,
@@ -4038,15 +4038,15 @@ const ut = /* @__PURE__ */ k({
     });
   }
 });
-const hs = 500, ms = 768;
+const gs = 500, vs = 768;
 const {
-  sizeMap: Fe,
-  roundedMap: fs
+  sizeMap: Pe,
+  roundedMap: ys
 } = le;
-function gs(e) {
+function ks(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ce(e);
 }
-const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
+const bs = "Please select a value from the list!", $s = /* @__PURE__ */ k({
   name: "KendoDropDownList",
   model: {
     event: "changemodel"
@@ -4197,8 +4197,8 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
     },
     adaptiveModeBreakpoints: {
       default: {
-        small: hs,
-        medium: ms
+        small: gs,
+        medium: vs
       }
     }
   },
@@ -4242,7 +4242,7 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
     }
   },
   created() {
-    this.observer = null, this.valueDuringOnChange = void 0, this.currentText = void 0, this.currentValue = void 0, this.prevCurrentValue = this.computedValue(), this.currentFocused = void 0, this.currentOpened = void 0, this.base = new Dt(this), this.anchor = ae(), this.inputId = ae();
+    this.observer = null, this.valueDuringOnChange = void 0, this.currentText = void 0, this.currentValue = void 0, this.prevCurrentValue = this.computedValue(), this.currentFocused = void 0, this.currentOpened = void 0, this.base = new Vt(this), this.anchor = ae(), this.inputId = ae();
   },
   setup() {
     const e = K(null), t = K(null), i = K(null);
@@ -4253,7 +4253,7 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
     };
   },
   mounted() {
-    this.observer = ke && window.ResizeObserver && new ResizeObserver(this.calculateMedia), document != null && document.body && this.observer && this.observer.observe(document.body), this.hasMounted = !0, this.select = re(this, "select"), this.base.wrapper = re(this, "kendoAnchor"), this.base.didMount(), this.setValidity();
+    this.observer = be && window.ResizeObserver && new ResizeObserver(this.calculateMedia), document != null && document.body && this.observer && this.observer.observe(document.body), this.hasMounted = !0, this.select = re(this, "select"), this.base.wrapper = re(this, "kendoAnchor"), this.base.didMount(), this.setValidity();
   },
   updated() {
     var e;
@@ -4322,12 +4322,12 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
       return this.valueDuringOnChange !== void 0 ? e = this.valueDuringOnChange : this.$props.value !== void 0 ? e = this.$props.value : this.$props.modelValue !== void 0 ? e = this.$props.modelValue : this.currentValue !== void 0 ? e = this.currentValue : this.$props.defaultValue !== void 0 && (e = this.$props.defaultValue), !te(e) && this.$props.defaultItem !== void 0 && (e = this.$props.defaultItem), this.valuePrimitive && this.findByFieldValue(this.valueField, e) || e;
     },
     findByFieldValue(e, t) {
-      const i = this.dataItems.findIndex((n) => R(n, e) === t);
+      const i = this.dataItems.findIndex((n) => F(n, e) === t);
       return this.dataItems[i];
     },
     primitiveValue() {
       const e = this.computedValue();
-      return this.valuePrimitive ? R(e, this.valueField) : e;
+      return this.valuePrimitive ? F(e, this.valueField) : e;
     },
     validity() {
       const e = this.$props.validationMessage !== void 0, t = !this.$props.required || this.computedValue() !== null && this.computedValue() !== "" && this.computedValue() !== void 0, i = this.$props.valid !== void 0 ? this.$props.valid : t;
@@ -4376,19 +4376,19 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
         item: v,
         itemIndex: b
       }));
-      const s = this.searchState.word, o = this.searchState.last, a = Gn(s, o);
+      const s = this.searchState.word, o = this.searchState.last, a = qn(s, o);
       let r = n.length, l = Math.max(0, t.findIndex((v) => L(v, this.computedValue(), i))), c;
       this.$props.defaultItem && (c = {
         item: this.$props.defaultItem,
         itemIndex: -1
-      }, r += 1, l += 1), l += a ? 1 : 0, n = Yn(n, l, c);
+      }, r += 1, l += 1), l += a ? 1 : 0, n = Qn(n, l, c);
       let p, u, h, m = 0;
       const {
         textField: f,
         ignoreCase: y
       } = this.$props;
       for (; m < r; ) {
-        if (p = R(n[m].item, f), u = a && ct(p, o, y), h = ct(p, s, y), u || h) {
+        if (p = F(n[m].item, f), u = a && pt(p, o, y), h = pt(p, s, y), u || h) {
           m = n[m].itemIndex;
           break;
         }
@@ -4411,11 +4411,11 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
           total: 0,
           pageSize: 0
         }
-      } = this.$props, a = this.isOpen, r = e.keyCode, l = r === C.home || r === C.end, c = r === C.up || r === C.down, p = !a && (e.altKey && r === C.down || r === C.enter || r === C.space), u = a && (e.altKey && r === C.up || r === C.esc), h = i && (r === C.left || r === C.right), m = c || !n && (h || l), f = this.base.initState();
+      } = this.$props, a = this.isOpen, r = e.keyCode, l = r === w.home || r === w.end, c = r === w.up || r === w.down, p = !a && (e.altKey && r === w.down || r === w.enter || r === w.space), u = a && (e.altKey && r === w.up || r === w.esc), h = i && (r === w.left || r === w.right), m = c || !n && (h || l), f = this.base.initState();
       if (f.event = e, !s) {
         if (l && this.base.vs.enabled)
-          r === C.home ? o.skip !== 0 ? (this.base.triggerOnPageChange(f, 0, o.pageSize), this._navigated = !0) : this.triggerOnChange(t[0], f) : o.skip < o.total - o.pageSize ? (this.base.triggerOnPageChange(f, o.total - o.pageSize, o.pageSize), this._navigated = !0) : this.triggerOnChange(t[t.length - 1], f);
-        else if (a && r === C.enter) {
+          r === w.home ? o.skip !== 0 ? (this.base.triggerOnPageChange(f, 0, o.pageSize), this._navigated = !0) : this.triggerOnChange(t[0], f) : o.skip < o.total - o.pageSize ? (this.base.triggerOnPageChange(f, o.total - o.pageSize, o.pageSize), this._navigated = !0) : this.triggerOnChange(t[t.length - 1], f);
+        else if (a && r === w.enter) {
           const y = this.focusedIndex();
           y !== void 0 && this.handleItemSelect(y, f), this.base.togglePopup(f), e.preventDefault();
         } else p || u ? (this.adaptiveState && this.handleWrapperClick(e), this.base.togglePopup(f), e.preventDefault()) : m && (this.onNavigate(f, r), e.preventDefault());
@@ -4445,7 +4445,7 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
       t.event = e, this.currentFocused || (t.data.currentFocused = !0), this.base.togglePopup(t), this.applyState(t);
     },
     handleKeyPress(e) {
-      if (this.$props.filterable || e.keyCode === C.enter)
+      if (this.$props.filterable || e.keyCode === w.enter)
         return;
       let t = String.fromCharCode(e.charCode || e.keyCode);
       this.$props.ignoreCase && (t = t.toLowerCase()), t === " " && e.preventDefault(), this.searchState = {
@@ -4475,13 +4475,13 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
         textField: s,
         focusedItemIndex: o
       } = this.$props, a = this.computedValue(), r = !(t.findIndex((l) => L(l, a, n)) < 0 && !this.$props.defaultItem);
-      return !r && e && i.skip === 0 ? o ? o(t, e, s) : t.indexOf(Xn(t, e, s)) : !r && i.skip === 0 ? 0 : void 0;
+      return !r && e && i.skip === 0 ? o ? o(t, e, s) : t.indexOf(is(t, e, s)) : !r && i.skip === 0 ? 0 : void 0;
     },
     focusElement(e) {
       this._skipFocusEvent = !0, e.focus(), setTimeout(() => this._skipFocusEvent = !1, 30);
     },
     setValidity() {
-      this.select && this.select.setCustomValidity && this.select.setCustomValidity(this.validity().valid ? "" : this.$props.validationMessage || vs);
+      this.select && this.select.setCustomValidity && this.select.setCustomValidity(this.validity().valid ? "" : this.$props.validationMessage || bs);
     },
     triggerOnChange(e, t) {
       L(this.computedValue(), e, this.$props.dataItemKey) || (this.$props.value === void 0 && (this.currentValue = e), this.valueDuringOnChange = e, t.events.push({
@@ -4544,20 +4544,20 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
       header: b,
       footer: I,
       groupStickyHeaderItemRender: g
-    } = this.$props, $ = this.isOpen, F = R(this.computedValue(), this.$props.textField), z = !this.$props.validityStyles || this.validity().valid, S = this.base, V = S.vs, O = this.$props.id || this.inputId;
-    V.enabled = this.$props.virtual !== void 0;
+    } = this.$props, $ = this.isOpen, V = F(this.computedValue(), this.$props.textField), z = !this.$props.validityStyles || this.validity().valid, S = this.base, P = S.vs, O = this.$props.id || this.inputId;
+    P.enabled = this.$props.virtual !== void 0;
     const B = Object.assign({}, {
       animate: !0,
       height: "200px"
-    }, this.$props.popupSettings), ie = ge(this).toLanguageString(Pe, Ze[Pe]), H = this.adaptiveState;
-    this.group === void 0 && this.$props.groupField !== void 0 && (this.group = R(this.$props.dataItems[0], this.$props.groupField));
-    const pe = D.call(this, this.$props.valueRender, T.call(this)), Ee = this.currentFocused, Ge = this.primitiveValue(), Mt = c.findIndex((N) => L(N, Ge, l)), Ft = d("span", {
+    }, this.$props.popupSettings), ie = ge(this).toLanguageString(ze, Ge[ze]), H = this.adaptiveState;
+    this.group === void 0 && this.$props.groupField !== void 0 && (this.group = F(this.$props.dataItems[0], this.$props.groupField));
+    const pe = D.call(this, this.$props.valueRender, T.call(this)), Ne = this.currentFocused, Ye = this.primitiveValue(), Pt = c.findIndex((N) => L(N, Ye, l)), Ft = d("span", {
       class: "k-input-inner",
       id: this.dropDownListId
     }, [d("span", {
       class: "k-input-value-text"
-    }, [F])]);
-    let Vt = P.call(this, {
+    }, [V])]);
+    let Rt = _.call(this, {
       h: x,
       template: pe,
       defaultRendering: Ft,
@@ -4566,7 +4566,7 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
         ...this.$data
       }
     });
-    const Rt = function(N) {
+    const At = function(N) {
       return d("select", {
         name: this.$props.name,
         id: O,
@@ -4585,7 +4585,7 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
       }, [d("option", {
         value: this.$props.valueMap ? this.$props.valueMap.call(void 0, N) : N
       }, null)]);
-    }, At = () => [d("div", {
+    }, _t = () => [d("div", {
       class: "k-actionsheet-titlebar-group k-hbox"
     }, [d("div", {
       class: "k-actionsheet-title"
@@ -4595,7 +4595,7 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
       class: "k-actionsheet-subtitle k-text-center"
     }, null)]), d("div", {
       class: "k-actionsheet-actions"
-    }, [d(it, {
+    }, [d(nt, {
       tabIndex: 5,
       "aria-label": "Cancel",
       "aria-disabled": "false",
@@ -4603,63 +4603,63 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
       fillMode: "flat",
       onClick: this.handleWrapperClick,
       icon: "x",
-      svgIcon: bt
+      svgIcon: St
     }, null)])]), d("div", {
       class: "k-actionsheet-titlebar-group k-actionsheet-filter"
-    }, [qe.call(this)])], _t = D.call(this, At, T.call(this)), Pt = () => {
+    }, [Qe.call(this)])], zt = D.call(this, _t, T.call(this)), Bt = () => {
       const N = S.getTemplateDef.call(this, b, x), j = S.getTemplateDef.call(this, I, x), Z = D.call(this, g, T.call(this));
       return d("div", {
         class: "k-list-container"
       }, [N && d("div", {
         class: "k-list-header"
       }, [N]), d("div", {
-        class: _("k-list", {
-          [`k-list-${Fe[o] || o}`]: H ? !1 : o,
+        class: A("k-list", {
+          [`k-list-${Pe[o] || o}`]: H ? !1 : o,
           "k-list-lg": !!H,
-          "k-virtual-list": V.enabled
+          "k-virtual-list": P.enabled
         })
-      }, [Ye.call(this), this.group && c.length !== 0 && d(ut, {
+      }, [Je.call(this), this.group && c.length !== 0 && d(ht, {
         group: this.group,
         render: Z
-      }, null), Je.call(this), j && d("div", {
+      }, null), qe.call(this), j && d("div", {
         class: "k-list-footer"
       }, [j])])]);
-    }, zt = D.call(this, Pt, T.call(this)), Bt = function() {
-      return d(zn, {
+    }, jt = D.call(this, Bt, T.call(this)), Ut = function() {
+      return d(Un, {
         expand: $,
         animation: !0,
         animationStyles: this.animationStyles,
         className: this.classNameAdaptive,
         contentClassName: "!k-overflow-hidden",
-        header: _t,
-        content: zt,
+        header: zt,
+        content: jt,
         onClose: this.handleWrapperClick,
         navigatableElements: ["input.k-input-inner", ".k-actionsheet-actions > button"]
       }, null);
-    }, Ye = function() {
+    }, Je = function() {
       const {
         textField: N,
         defaultItem: j
       } = this.$props;
-      return j !== void 0 && d(is, {
+      return j !== void 0 && d(os, {
         defaultItem: j,
         textField: N,
         selected: L(this.computedValue(), j, l),
         key: "defaultitemkey",
         onDefaultitemclick: this.handleDefaultItemClick
       }, null);
-    }, Je = function() {
+    }, qe = function() {
       let N;
       const {
         textField: j,
         groupField: Z
       } = this.$props;
-      let Ne = this.$props.dataItems || [];
-      const Kt = D.call(this, this.$props.itemRender, T.call(this)), Ht = D.call(this, this.$props.groupHeaderItemRender, T.call(this)), Wt = D.call(this, this.$props.listNoDataRender, T.call(this)), Zt = s.skip, Gt = `translateY(${V.translate}px)`;
-      return Z && (Ne = this.base.getGroupedDataModernMode(Ne, Z)), d(os, {
+      let Oe = this.$props.dataItems || [];
+      const Wt = D.call(this, this.$props.itemRender, T.call(this)), Zt = D.call(this, this.$props.groupHeaderItemRender, T.call(this)), Gt = D.call(this, this.$props.listNoDataRender, T.call(this)), Yt = s.skip, Jt = `translateY(${P.translate}px)`;
+      return Z && (Oe = this.base.getGroupedDataModernMode(Oe, Z)), d(ls, {
         id: this.base.listBoxId,
         show: $,
-        dataItems: Ne.slice(),
+        dataItems: Oe.slice(),
         focusedIndex: this.focusedIndex(),
         value: this.computedValue(),
         textField: j,
@@ -4670,23 +4670,23 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
           maxHeight: B.height
         },
         wrapperCssClass: "k-list-content",
-        listStyle: V.enabled ? {
-          transform: Gt
+        listStyle: P.enabled ? {
+          transform: Jt
         } : void 0,
         key: "listkey",
-        skip: Zt,
+        skip: Yt,
         onListclick: this.handleItemClick,
-        itemRender: Kt,
-        groupHeaderItemRender: Ht,
-        noDataRender: Wt,
+        itemRender: Wt,
+        groupHeaderItemRender: Zt,
+        noDataRender: Gt,
         groupField: Z,
         onScroll: this.onScroll
-      }, gs(N = jt.call(this)) ? N : {
+      }, ks(N = Kt.call(this)) ? N : {
         default: () => [N]
       });
-    }, qe = function() {
+    }, Qe = function() {
       const N = this.$props.filter !== void 0 ? this.$props.filter : this.currentText;
-      return this.$props.filterable && d(Zn, {
+      return this.$props.filterable && d(Jn, {
         value: N,
         ref: "filterInput",
         onChange: this.handleListFilterChange,
@@ -4697,25 +4697,25 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
         ariaControlsId: this.base.listBoxId,
         ariaActivedescendantId: `option-${this.base.guid}-${this.focusedIndex()}`
       }, null);
-    }, jt = function() {
-      return V.enabled && d("div", {
+    }, Kt = function() {
+      return P.enabled && d("div", {
         ref: "scrollElement",
         key: "scrollElementKey"
       }, null);
-    }, Ut = function() {
+    }, Ht = function() {
       const N = D.call(this, this.$props.groupStickyHeaderItemRender, T.call(this)), j = S.getTemplateDef.call(this, b), Z = S.getTemplateDef.call(this, I);
-      return d(On, {
+      return d(Dn, {
         ref: "container",
-        onMousedown: pt,
+        onMousedown: ut,
         dir: n !== void 0 ? n : S.dirCalculated,
         width: this.popupWidth,
         popupSettings: {
           ...B,
-          popupClass: _(B.popupClass, "k-list", {
-            [`k-list-${Fe[o] || o}`]: o,
+          popupClass: A(B.popupClass, "k-list", {
+            [`k-list-${Pe[o] || o}`]: o,
             "k-virtual-list": this.base.vs.enabled
           }),
-          className: _("k-list-container", B.className),
+          className: A("k-list-container", B.className),
           anchor: this.anchor,
           show: $
         },
@@ -4723,25 +4723,25 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
         onClose: this.onPopupClosed,
         onBlur: this.handleBlur
       }, {
-        default: () => [qe.call(this), Ye.call(this), this.group && c.length !== 0 && d(ut, {
+        default: () => [Qe.call(this), Je.call(this), this.group && c.length !== 0 && d(ht, {
           group: this.group,
           render: N
         }, null), j && d("div", {
           class: "k-list-header"
-        }, [j]), Je.call(this), Z && d("div", {
+        }, [j]), qe.call(this), Z && d("div", {
           class: "k-list-footer"
         }, [Z])]
       });
     };
     this.$props.virtual !== void 0 && (S.vs.skip = s.skip, S.vs.total = s.total, S.vs.pageSize = s.pageSize);
-    const Qe = [x((function() {
+    const Xe = [x((function() {
       return d("span", {
         ref: me(this, "kendoAnchor"),
-        class: _("k-dropdownlist k-picker", t, {
-          [`k-picker-${Fe[o] || o}`]: o,
-          [`k-rounded-${fs[a] || a}`]: a,
+        class: A("k-dropdownlist k-picker", t, {
+          [`k-picker-${Pe[o] || o}`]: o,
+          [`k-rounded-${ys[a] || a}`]: a,
           [`k-picker-${r}`]: r,
-          "k-focus": Ee,
+          "k-focus": Ne,
           "k-disabled": p,
           "k-invalid": !z,
           "k-loading": h,
@@ -4752,29 +4752,29 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
           width: void 0
         } : e,
         dir: n,
-        onMousedown: $ ? pt : et,
+        onMousedown: $ ? ut : tt,
         onFocusin: this.handleFocus,
         onFocusout: this.handleBlur,
-        tabindex: di(u, p),
+        tabindex: ui(u, p),
         accesskey: this.$props.accessKey,
         onKeydown: this.handleKeyDown,
         onKeypress: this.handleKeyPress,
         role: "combobox",
-        onClick: p ? et : this.handleWrapperClick,
+        onClick: p ? tt : this.handleWrapperClick,
         "aria-disabled": p || void 0,
         "aria-haspopup": !0,
         "aria-expanded": $ || !1,
         "aria-owns": this.base.listBoxId,
-        "aria-activedescendant": $ ? "option-" + this.base.guid + "-" + (Mt + (s ? s.skip : 0)) : void 0,
+        "aria-activedescendant": $ ? "option-" + this.base.guid + "-" + (Pt + (s ? s.skip : 0)) : void 0,
         "aria-label": this.$props.ariaLabel || this.$props.label,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedBy": this.dropDownListId,
         title: this.$props.title
-      }, [Vt, h && d(W, {
+      }, [Rt, h && d(W, {
         name: "loading",
         class: "k-input-loading-icon",
         key: "loading"
-      }, null), d(it, {
+      }, null), d(nt, {
         type: "button",
         tabIndex: -1,
         size: o,
@@ -4783,63 +4783,127 @@ const vs = "Please select a value from the list!", ys = /* @__PURE__ */ k({
         ariaLabel: ie,
         class: "k-input-button",
         icon: m || "caret-alt-down",
-        svgIcon: f || Ti,
+        svgIcon: f || Vi,
         iconClass: y
-      }, null), Rt.call(this, Ge), !H && Ut.call(this)]);
+      }, null), At.call(this, Ye), !H && Ht.call(this)]);
     }).call(this), {
       ...this.$attrs
-    }), H && Bt.call(this)];
+    }), H && Ut.call(this)];
     return i ? d("span", {
       class: this.spanClassNames,
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur,
       dir: this.$props.dir
-    }, [Qe, this.$props.label ? O ? d("label", {
+    }, [Xe, this.$props.label ? O ? d("label", {
       for: O,
       class: "k-floating-label"
     }, [this.$props.label]) : d("span", {
       class: "k-label"
-    }, [this.$props.label]) : null]) : Qe;
+    }, [this.$props.label]) : null]) : Xe;
   }
-}), ks = { class: "fk-field-block demo-selection" }, Ks = /* @__PURE__ */ k({
+}), Ss = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  for (const i of e) {
+    const n = i.value.toLowerCase();
+    t.has(n) || t.set(n, i.value);
+  }
+  return t;
+}, ws = (e, t) => {
+  if (typeof window > "u")
+    return null;
+  const i = new URLSearchParams(window.location.search).get(t);
+  if (!i)
+    return null;
+  const n = i.trim();
+  if (!n)
+    return null;
+  const o = Ss(e).get(n.toLowerCase());
+  return o || (e.some((a) => a.value === n) ? n : null);
+}, mt = (e, t, i, n) => {
+  if (!n || typeof window > "u")
+    return;
+  const s = new Set(t.map((l) => l.value)), o = new URL(window.location.href);
+  e && s.has(e) ? o.searchParams.set(i, e) : o.searchParams.delete(i);
+  const a = `${o.pathname}${o.search}${o.hash}`, r = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+  a !== r && window.history.replaceState(window.history.state, "", a);
+}, Cs = { class: "fk-field-block demo-selection" }, Ys = /* @__PURE__ */ k({
   __name: "DemoSelection",
   props: {
     options: {},
-    modelValue: {}
+    modelValue: {},
+    syncQueryParam: { type: Boolean, default: !0 },
+    queryParamName: { default: "demo" }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const i = e, n = t, s = Ce(), o = J({
-      get: () => i.options.find((a) => a.value === i.modelValue) ?? null,
-      set: (a) => {
-        n("update:modelValue", a?.value ?? "");
+    const i = e, n = t, s = Ce(), o = () => {
+      if (!i.syncQueryParam)
+        return;
+      const r = ws(i.options, i.queryParamName);
+      if (r && r !== i.modelValue) {
+        n("update:modelValue", r);
+        return;
+      }
+      mt(
+        i.modelValue,
+        i.options,
+        i.queryParamName,
+        i.syncQueryParam
+      );
+    }, a = J({
+      get: () => i.options.find((r) => r.value === i.modelValue) ?? null,
+      set: (r) => {
+        n("update:modelValue", r?.value ?? "");
       }
     });
-    return (a, r) => Oe(s).default ? (G(), Y(qt, { key: 0 }, [
-      ee("div", ks, [
-        d(Oe(Tn), { for: "demo-selection" }, {
-          default: Qt(() => [...r[1] || (r[1] = [
-            Xt("Select a demo:", -1)
+    return Xt(() => {
+      o();
+    }), ve(
+      () => i.modelValue,
+      (r) => {
+        mt(r, i.options, i.queryParamName, i.syncQueryParam);
+      }
+    ), ve(
+      () => i.syncQueryParam,
+      () => {
+        o();
+      }
+    ), ve(
+      () => i.queryParamName,
+      () => {
+        o();
+      }
+    ), ve(
+      () => i.options,
+      () => {
+        o();
+      },
+      { deep: !0 }
+    ), (r, l) => Le(s).default ? (G(), Y(ei, { key: 0 }, [
+      ee("div", Cs, [
+        d(Le(Vn), { for: "demo-selection" }, {
+          default: ti(() => [...l[1] || (l[1] = [
+            ii("Select a demo:", -1)
           ])]),
           _: 1
         }),
-        d(Oe(ys), {
+        d(Le($s), {
           id: "demo-selection",
           dataItems: e.options,
           textField: "text",
           valueField: "value",
-          modelValue: o.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l)
+          modelValue: a.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (c) => a.value = c)
         }, null, 8, ["dataItems", "modelValue"])
       ]),
-      we(a.$slots, "default", { selected: e.modelValue })
-    ], 64)) : $e("", !0);
+      xe(r.$slots, "default", { selected: e.modelValue })
+    ], 64)) : Se("", !0);
   }
 });
 export {
-  Ss as _,
-  ws as a,
-  Ks as b,
-  Cs as c,
-  $s as d
+  Es as _,
+  Os as a,
+  Ys as b,
+  Ns as c,
+  Is as d
 };