@progress/kendo-react-common 14.5.0-develop.6 → 14.5.0-develop.7

package/watermark/WatermarkOverlay.mjs

@@ -7,192 +7,93 @@
  */
 "use client";
 import * as e from "react";
-import * as H from "react-dom";
-const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M18.5631 11.7812H10.4369L14.5 21.2619L18.5631 11.7812ZM18.5631 9.96875H10.4369L12.3788 5.4375H16.6212L18.5631 9.96875ZM20.5351 11.7812L17.2221 19.5116L23.9861 11.7812H20.5351ZM20.5351 9.96875L18.5931 5.4375H20.8437L24.2422 9.96875H20.5351ZM8.46492 9.96875L10.4069 5.4375H8.15625L4.75781 9.96875H8.46492ZM11.7779 19.5116L8.46492 11.7812H5.01386L11.7779 19.5116ZM27.1875 10.875L14.5 25.375L1.8125 10.875L7.25 3.625H21.75L27.1875 10.875Z",
-    fill: "black"
-  }
-), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M23.0996 15.7998L31.0811 30.7578L30.9785 30.9316H15.0215L14.918 30.7578L22.9258 15.7998H23.0996Z",
-    fill: "#FFC000",
-    stroke: "black",
-    strokeWidth: "1.6"
-  }
-), /* @__PURE__ */ e.createElement("rect", { x: "22.25", y: "21", width: "1.5", height: "5", rx: "0.75", fill: "black" }), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M24 28C24 27.4477 23.5523 27 23 27C22.4479 27.0002 22 27.4478 22 28C22 28.5522 22.4479 28.9998 23 29C23.5523 29 24 28.5523 24 28Z",
-    fill: "black"
-  }
-)), x = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22.702 2.1821C24.3149 2.51082 25.8077 3.27291 27.0199 4.38645C28.2321 5.49999 29.1179 6.92286 29.582 8.5021C30.012 9.9501 30.076 11.4821 29.768 12.9621C29.3228 14.9898 28.2025 16.8063 26.5904 18.1143C24.9783 19.4223 22.9699 20.1443 20.894 20.1621C20.018 20.1621 19.146 20.0361 18.308 19.7821L16.708 21.6581L15.95 22.0081H14V25.0081L13 26.0081H10V29.0081L9 30.0081H3L2 29.0081V24.3941L2.292 23.6881L12.24 13.7401C11.9577 12.8308 11.8226 11.8821 11.84 10.9301C11.8582 9.59817 12.1701 8.28666 12.7533 7.08907C13.3365 5.89147 14.1767 4.83728 15.214 4.00164C16.2514 3.166 17.4603 2.56949 18.7546 2.25464C20.0489 1.93978 21.3967 1.91633 22.702 2.1821ZM25.338 16.5821C26.5944 15.5647 27.4681 14.1509 27.816 12.5721L27.824 12.5821C28.0718 11.4277 28.0272 10.2297 27.6943 9.09691C27.3614 7.96412 26.7507 6.93248 25.9177 6.09572C25.0847 5.25896 24.0558 4.64361 22.9246 4.30557C21.7933 3.96753 20.5955 3.91753 19.44 4.1601C17.8816 4.506 16.4837 5.36334 15.4688 6.59561C14.454 7.82789 13.8806 9.36426 13.84 10.9601C13.82 11.8721 13.98 12.7761 14.318 13.6201L14.098 14.7061L4 24.8081V28.0081H8V25.0081L9 24.0081H12V21.0081L13 20.0081H15.49L17.242 17.9761L18.364 17.6961C19.1728 18.0121 20.0337 18.1736 20.902 18.1721C22.5181 18.1597 24.082 17.5991 25.338 16.5821ZM23.662 11.1181C23.8197 10.9002 23.9318 10.6527 23.9916 10.3905C24.0515 10.1283 24.0578 9.85665 24.0103 9.59192C23.9627 9.32718 23.8622 9.07476 23.7148 8.84975C23.5675 8.62474 23.3762 8.43177 23.1526 8.28238C22.9289 8.133 22.6774 8.03026 22.4131 7.98033C22.1488 7.93039 21.8771 7.93428 21.6144 7.99176C21.3516 8.04925 21.1031 8.15914 20.8838 8.31487C20.6645 8.4706 20.4789 8.66896 20.338 8.8981C20.067 9.33887 19.9774 9.86752 20.088 10.373C20.1985 10.8784 20.5007 11.3214 20.931 11.6087C21.3613 11.8961 21.8862 12.0055 22.3954 11.914C22.9047 11.8226 23.3587 11.5373 23.662 11.1181Z",
-    fill: "black"
-  }
-), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M23.1299 16.0186L31.1387 31.0273L31.0068 31.25H14.9932L14.8604 31.0273L22.8955 16.0186H23.1299Z",
-    fill: "#FFC000",
-    stroke: "black",
-    strokeWidth: "1.5"
-  }
-), /* @__PURE__ */ e.createElement("rect", { x: "22.25", y: "21.2686", width: "1.5", height: "5", rx: "0.75", fill: "black" }), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M24 28.2686C24 27.7163 23.5523 27.2686 23 27.2686C22.4479 27.2687 22 27.7164 22 28.2686C22 28.8207 22.4479 29.2684 23 29.2686C23.5523 29.2686 24 28.8208 24 28.2686Z",
-    fill: "black"
-  }
-)), B = () => /* @__PURE__ */ e.createElement("svg", { width: "38", height: "38", viewBox: "0 0 38 38", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_1_5398)" }, /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M24.9056 7.60146L34.4998 10.1722L31.9299 19.7659L13.7653 30.2532L6.7419 18.0883L24.9056 7.60146Z",
-    stroke: "black",
-    strokeWidth: "1.75"
-  }
-), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M13.0913 19.7635L15.4762 23.8942L14.6279 24.384L12.2431 20.2533L13.0913 19.7635ZM14.3623 19.0297L14.7473 19.6964L11.3769 21.6423L10.992 20.9756L14.3623 19.0297ZM14.8475 18.7496L16.388 17.8602C16.7038 17.6778 17.0025 17.5684 17.2841 17.532C17.5675 17.4944 17.8242 17.5328 18.0542 17.6472C18.2841 17.7616 18.4772 17.954 18.6333 18.2244C18.7611 18.4457 18.833 18.6576 18.8491 18.8602C18.866 19.0598 18.8369 19.2518 18.7619 19.4364C18.6876 19.6179 18.5778 19.7923 18.4322 19.9596L18.2446 20.257L16.9055 21.0301L16.5166 20.3695L17.5124 19.7946C17.6618 19.7083 17.7704 19.6103 17.8381 19.5006C17.9059 19.3909 17.9371 19.2745 17.9317 19.1516C17.9281 19.0275 17.8903 18.9031 17.8183 18.7782C17.7418 18.6458 17.6512 18.5456 17.5463 18.4775C17.4415 18.4095 17.3242 18.3788 17.1944 18.3857C17.0647 18.3925 16.9242 18.4395 16.7729 18.5269L16.0835 18.9249L18.0834 22.3889L17.2323 22.8803L14.8475 18.7496ZM19.5417 21.547L17.5367 20.2496L18.4328 19.7247L20.4294 20.9815L20.4523 21.0212L19.5417 21.547ZM19.4746 16.0781L21.8595 20.2088L21.0112 20.6986L18.6264 16.5679L19.4746 16.0781ZM22.4103 15.3251L23.2638 19.398L22.3588 19.9205L21.5088 14.9037L22.0847 14.5712L22.4103 15.3251ZM25.3207 18.2105L22.2174 15.4365L21.7187 14.7825L22.3003 14.4467L26.2285 17.6864L25.3207 18.2105ZM24.3818 16.7023L24.7668 17.369L22.5851 18.6286L22.2002 17.9619L24.3818 16.7023ZM28.8837 15.2683L29.267 15.9321L27.1874 17.1327L26.8041 16.4689L28.8837 15.2683ZM25.0778 12.8432L27.4626 16.9739L26.6115 17.4652L24.2267 13.3345L25.0778 12.8432Z",
-    fill: "black"
-  }
-), /* @__PURE__ */ e.createElement("circle", { cx: "30.1049", cy: "12.7084", r: "1.12128", transform: "rotate(15 30.1049 12.7084)", fill: "black" })), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M27.6201 19.7998L35.6016 34.7578L35.499 34.9316H19.542L19.4385 34.7578L27.4463 19.7998H27.6201Z",
-    fill: "#FFC000",
-    stroke: "black",
-    strokeWidth: "1.6"
-  }
-), /* @__PURE__ */ e.createElement("rect", { x: "26.7705", y: "25", width: "1.5", height: "5", rx: "0.75", fill: "black" }), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M28.5205 32C28.5205 31.4477 28.0728 31 27.5205 31C26.9684 31.0002 26.5205 31.4478 26.5205 32C26.5205 32.5522 26.9684 32.9998 27.5205 33C28.0728 33 28.5205 32.5523 28.5205 32Z",
-    fill: "black"
-  }
-), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_1_5398" }, /* @__PURE__ */ e.createElement("rect", { width: "30", height: "31.1538", fill: "white", transform: "translate(8.06323) rotate(15)" })))), I = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M27.8295 9.38659C28.8049 12.1653 28.7404 15.1391 27.774 17.7996C26.8014 20.4767 24.9215 22.8356 22.2691 24.367C19.7765 25.8061 16.9908 26.2908 14.3393 25.9323C11.6293 25.5682 9.06228 24.3215 7.08577 22.3155L8.23679 21.1826C9.95578 22.9294 12.1925 24.0142 14.5527 24.333C16.8583 24.6438 19.2821 24.2206 21.457 22.965C23.7719 21.6284 25.4118 19.5739 26.2565 17.2495C27.0643 15.0253 27.1474 12.5486 26.3976 10.2107L24.951 11.0459L25.5942 7.15112L29.2888 8.54145L27.8284 9.38462L27.8295 9.38659Z",
-    fill: "black"
-  }
-), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16.3594 8.08301C17.1842 8.16959 17.8382 8.41741 18.3281 8.8252C18.8135 9.2331 19.1263 9.78023 19.2607 10.4639L17.2939 10.6875C17.1732 10.1497 16.8607 9.78518 16.3594 9.59375V12.2617C17.6035 12.5557 18.4514 12.9408 18.9004 13.4102C19.3516 13.8819 19.5771 14.4863 19.5771 15.2246C19.5771 16.0494 19.2949 16.7425 18.7275 17.3076C18.1601 17.8728 17.3712 18.2233 16.3594 18.3623V19.6387H15.2334V18.3779C14.3448 18.2822 13.6246 17.9934 13.0664 17.5059C12.5081 17.0182 12.155 16.3275 12 15.4365L14.0127 15.2266C14.0947 15.5912 14.2497 15.9036 14.4775 16.168C14.7053 16.4321 14.9555 16.6218 15.2334 16.7402V13.8799C14.2264 13.6247 13.4906 13.2395 13.0234 12.7246C12.554 12.2073 12.3164 11.5801 12.3164 10.8418C12.3165 10.0946 12.5834 9.46575 13.1143 8.95996C13.6452 8.45184 14.3516 8.16053 15.2334 8.08301V7C15.6731 7 15.9197 7 16.3594 7V8.08301ZM16.3574 16.8535H16.3594C16.7467 16.7783 17.0661 16.6149 17.3076 16.3643C17.5537 16.1113 17.6738 15.8147 17.6738 15.4707C17.6738 15.1677 17.5715 14.9033 17.3643 14.6846C17.1615 14.4636 16.8267 14.2943 16.3574 14.1758V16.8535ZM15.2334 9.56836C14.9304 9.66408 14.6911 9.82132 14.5156 10.04C14.3379 10.2588 14.252 10.5004 14.252 10.7646C14.252 11.0062 14.3314 11.2301 14.4932 11.4375C14.655 11.6424 14.9038 11.8113 15.2363 11.9365V9.56836H15.2334Z",
-    fill: "black"
-  }
-), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M2.71127 18.5075L4.18352 17.6575C3.21672 14.9028 3.27173 11.9581 4.21167 9.31563C5.17535 6.60942 7.06671 4.22018 9.74281 2.67513C12.0972 1.31581 14.709 0.807832 17.2232 1.05612C19.8041 1.3106 22.2798 2.36266 24.2693 4.10853L23.7361 4.71636L23.2029 5.32418C23.1532 5.27918 23.1016 5.23531 23.0511 5.19342C21.3484 3.75295 19.2504 2.88549 17.0678 2.66937C14.8802 2.45355 12.6065 2.89529 10.5561 4.07914C8.2194 5.42821 6.56974 7.50687 5.7328 9.85834C4.94555 12.068 4.87307 14.5175 5.61235 16.8326L6.69304 16.2087L6.98491 16.4014L6.40585 19.8979L2.71127 18.5075Z",
-    fill: "black"
-  }
-), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M23.0996 15.7998L31.0811 30.7578L30.9785 30.9316H15.0215L14.918 30.7578L22.9258 15.7998H23.0996Z",
-    fill: "#FFC000",
-    stroke: "black",
-    strokeWidth: "1.6"
-  }
-), /* @__PURE__ */ e.createElement("rect", { x: "22.25", y: "21", width: "1.5", height: "5", rx: "0.75", fill: "black" }), /* @__PURE__ */ e.createElement(
-  "path",
-  {
-    d: "M24 28C24 27.4477 23.5523 27 23 27C22.4479 27.0002 22 27.4478 22 28C22 28.5522 22.4479 28.9998 23 29C23.5523 29 24 28.5523 24 28Z",
-    fill: "black"
-  }
-)), L = {
+import * as L from "react-dom";
+const v = { current: !0 }, x = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif', u = {
   TKL201: {
-    icon: k,
-    title: (t, n) => `Premium feature detected in ${t} v${n}.`,
-    description: "Use Premium components without watermark. Start Free Trial or check the browser console for a list of premium features currently in use.",
+    title: (n, o) => `License key missing for ${n} v${o}.`,
+    description: "A license key is required for both paid and trial usage.",
     buttonText: "Start Free Trial",
     buttonLink: "https://prgress.co/NoLicenseWatermarkKendoReact"
   },
   TKL202: {
-    icon: x,
-    title: (t, n) => `No license found for ${t} v${n}.`,
+    title: (n, o) => `No license found for ${n} v${o}.`,
     description: "To use this product and access updates and support you need to buy and install a valid license.",
     buttonText: "Buy Now",
     buttonLink: "https://prgress.co/4pB2YK7"
   },
   TKL203: {
-    icon: B,
-    title: (t) => `Your trial for ${t} has expired.`,
+    title: (n) => `Your trial for ${n} has expired.`,
     description: "To continue using the product you need to buy a subscription.",
     buttonText: "Buy Now",
     buttonLink: "https://prgress.co/45QUSG7"
   },
   "TKL204:subscription": {
-    icon: I,
-    title: (t) => `Your ${t} subscription has expired.`,
+    title: (n) => `Your ${n} subscription has expired.`,
     description: "To continue using the product you need to renew your subscription.",
     buttonText: "Renew Now",
     buttonLink: "https://prgress.co/4pw28OH"
   },
   "TKL204:perpetual": {
-    icon: x,
-    title: (t, n) => `Your license doesn't cover ${t} v${n}.`,
+    title: (n, o) => `Your license doesn't cover ${n} v${o}.`,
     description: "To access the latest version and updates you need to renew your license.",
     buttonText: "Renew Now",
     buttonLink: "https://prgress.co/4pw28OH"
   },
   default: {
-    title: (t, n) => `License issue for ${t} v${n}.`,
-    description: (t) => t ? `Your Trial license will expire in ${t} day(s).` : "To acquire a commercial license, visit https://prgress.co/3PyHIoH",
+    title: (n, o) => `License issue for ${n} v${o}.`,
+    description: "To acquire a commercial license, visit https://prgress.co/3PyHIoH",
     buttonText: "Buy Now",
     buttonLink: "https://prgress.co/3PyHIoH"
   }
-}, y = (t) => {
-  const { code: n, licenseType: s, productName: r = "", version: c = "", expiration: d } = t || {};
-  let l = "default";
-  n && (`${n}:${s}` in L ? l = `${n}:${s}` : l = n);
-  const i = L[l] || L.default;
+}, I = (n) => {
+  const {
+    code: o,
+    licenseType: f,
+    productName: l = "",
+    version: p = "",
+    notificationTitle: c,
+    notificationBody: d,
+    notificationMessage: a,
+    notificationIcon: r,
+    callToAction: i
+  } = n || {};
+  let t = "default";
+  o && (`${o}:${f}` in u ? t = `${o}:${f}` : o in u && (t = o));
+  const s = u[t] || u.default;
   return {
-    icon: i.icon,
-    title: i.title(r, c),
-    description: typeof i.description == "function" ? i.description(d) : i.description,
-    buttonText: i.buttonText,
-    buttonLink: i.buttonLink
+    icon: r == null ? void 0 : r.content,
+    title: c || s.title(l, p),
+    description: d || s.description,
+    descriptionHtml: a && !d ? a : void 0,
+    buttonText: (i == null ? void 0 : i.message) || s.buttonText,
+    buttonLink: (i == null ? void 0 : i.link) || s.buttonLink
   };
-}, M = (t) => {
-  const [n, s] = e.useState(!0), [r] = e.useState(() => p.current ? (p.current = !1, !0) : !1), [c, d] = e.useState(!1), [l, i] = e.useState(!1), [u, a] = e.useState(!1), [o, A] = e.useState(!1), [C, E] = e.useState(!1);
+}, Q = (n) => {
+  const [o, f] = e.useState(!0), [l] = e.useState(() => v.current ? (v.current = !1, !0) : !1), [p, c] = e.useState(!1), [d, a] = e.useState(!1), [r, i] = e.useState(!1), [t, s] = e.useState(!1), [g, C] = e.useState(!1);
   e.useEffect(() => {
-    d(!0);
-    const f = () => {
-      A(window.innerWidth < 500), E(window.innerWidth >= 768);
+    c(!0);
+    const A = () => {
+      s(window.innerWidth < 500), C(window.innerWidth >= 768);
     };
-    return f(), window.addEventListener("resize", f), () => {
-      window.removeEventListener("resize", f), r && (p.current = !0);
+    return A(), window.addEventListener("resize", A), () => {
+      window.removeEventListener("resize", A), l && (v.current = !0);
     };
-  }, [r]);
-  const g = () => {
-    s(!1);
-  }, { icon: h, title: w, description: b, buttonText: v, buttonLink: m } = y(t.message), P = /* @__PURE__ */ e.createElement(
+  }, [l]);
+  const h = () => {
+    f(!1);
+  }, { icon: P, title: E, description: w, descriptionHtml: m, buttonText: b, buttonLink: H } = I(n.message), B = /* @__PURE__ */ e.createElement(
     "div",
     {
       style: {
         position: "fixed",
-        top: C ? "16px" : "0",
+        top: g ? "16px" : "0",
         left: "50%",
         transform: "translateX(-50%)",
         display: "flex",
-        flexDirection: o ? "column" : "row",
+        flexDirection: t ? "column" : "row",
         justifyContent: "center",
-        alignItems: o ? "flex-start" : "center",
-        borderRadius: C ? "6px" : "0",
+        alignItems: t ? "flex-start" : "center",
+        borderRadius: g ? "6px" : "0",
         borderLeft: "6px solid rgba(255, 192, 0, 1)",
         borderTop: "1px solid #00000029",
         borderRight: "1px solid #00000029",
@@ -203,13 +104,13 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
         color: "#1E1E1E",
         zIndex: 2e3,
         boxShadow: "0px 4px 5px 0px #0000000A, 0px 2px 4px 0px #00000008",
-        maxWidth: C ? "768px" : "none",
+        maxWidth: g ? "768px" : "none",
         width: "100%",
         backgroundColor: "#ffffff",
-        padding: o ? "12px" : "0"
+        padding: t ? "12px" : "0"
       }
     },
-    o && /* @__PURE__ */ e.createElement(
+    t && /* @__PURE__ */ e.createElement(
       "button",
       {
         title: "Close",
@@ -222,14 +123,14 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
           border: "none",
           borderRadius: "4px",
           padding: "4px",
-          backgroundColor: u ? "#3d3d3d14" : "transparent",
+          backgroundColor: r ? "#3d3d3d14" : "transparent",
           transition: "background-color 0.2s ease-in-out",
           outline: "none",
           cursor: "pointer"
         },
-        onMouseLeave: () => a(!1),
-        onMouseEnter: () => a(!0),
-        onClick: g
+        onMouseLeave: () => i(!1),
+        onMouseEnter: () => i(!0),
+        onClick: h
       },
       /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
         "path",
@@ -239,16 +140,16 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
         }
       ))
     ),
-    h && /* @__PURE__ */ e.createElement(
+    P && /* @__PURE__ */ e.createElement(
       "span",
       {
         style: {
           display: "flex",
-          alignSelf: o ? "flex-start" : "center",
-          padding: o ? "0 0 12px 0" : "9px 12px"
+          alignSelf: t ? "flex-start" : "center",
+          padding: t ? "0 0 12px 0" : "9px 12px"
         }
       },
-      /* @__PURE__ */ e.createElement(h, null)
+      /* @__PURE__ */ e.createElement("span", { dangerouslySetInnerHTML: { __html: P } })
     ),
     /* @__PURE__ */ e.createElement(
       "div",
@@ -257,17 +158,16 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
           display: "flex",
           flexDirection: "column",
           gap: "4px",
-          padding: o ? "0 0 12px 0" : "12px",
-          flex: o ? "none" : "1"
+          padding: t ? "0 0 12px 0" : "12px",
+          flex: t ? "none" : "1"
         }
       },
       /* @__PURE__ */ e.createElement(
         "span",
         {
           style: {
-            fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif',
+            fontFamily: x,
             fontWeight: "700",
-            fontStyle: "Bold",
             fontSize: "14px",
             lineHeight: "142%",
             letterSpacing: "0px",
@@ -275,22 +175,22 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
             textAlign: "left"
           }
         },
-        w
+        E
       ),
       /* @__PURE__ */ e.createElement(
         "span",
         {
           style: {
-            fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif',
+            fontFamily: x,
             fontWeight: 400,
             fontSize: "14px",
             lineHeight: "20px",
             letterSpacing: "0px",
             verticalAlign: "middle",
             textAlign: "left"
-          }
-        },
-        b
+          },
+          dangerouslySetInnerHTML: { __html: m || w }
+        }
       )
     ),
     /* @__PURE__ */ e.createElement(
@@ -299,23 +199,23 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
         style: {
           display: "flex",
           alignItems: "center",
-          padding: o ? "0" : "9px 12px",
+          padding: t ? "0" : "9px 12px",
           gap: "16px",
-          marginLeft: o ? "0" : "auto",
-          width: o ? "100%" : "auto"
+          marginLeft: t ? "0" : "auto",
+          width: t ? "100%" : "auto"
         }
       },
       /* @__PURE__ */ e.createElement(
         "a",
         {
-          title: v,
+          title: b,
           className: "k-watermark-trial-button",
           style: {
             display: "inline-flex",
             position: "relative",
             border: "none",
             borderRadius: "4px",
-            backgroundColor: l ? "#b90138" : "#eb0249",
+            backgroundColor: d ? "#b90138" : "#eb0249",
             color: "#ffffff",
             transition: "background-color 0.2s ease-in-out",
             outline: "none",
@@ -323,17 +223,17 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
             padding: "4px 8px",
             whiteSpace: "nowrap",
             textDecoration: "none",
-            fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif'
+            fontFamily: x
           },
-          href: m,
+          href: H,
           target: "_blank",
           rel: "noopener noreferrer",
-          onMouseLeave: () => i(!1),
-          onMouseEnter: () => i(!0)
+          onMouseLeave: () => a(!1),
+          onMouseEnter: () => a(!0)
         },
-        v
+        b
       ),
-      !o && /* @__PURE__ */ e.createElement(
+      !t && /* @__PURE__ */ e.createElement(
         "button",
         {
           title: "Close",
@@ -344,14 +244,14 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
             border: "none",
             borderRadius: "4px",
             padding: "4px",
-            backgroundColor: u ? "#3d3d3d14" : "transparent",
+            backgroundColor: r ? "#3d3d3d14" : "transparent",
             transition: "background-color 0.2s ease-in-out",
             outline: "none",
             cursor: "pointer"
           },
-          onMouseLeave: () => a(!1),
-          onMouseEnter: () => a(!0),
-          onClick: g
+          onMouseLeave: () => i(!1),
+          onMouseEnter: () => i(!0),
+          onClick: h
         },
         /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
           "path",
@@ -383,8 +283,8 @@ const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { wi
         )
       }
     }
-  ), c && r && n && H.createPortal(P, document.body));
+  ), p && l && o && L.createPortal(B, document.body));
 };
 export {
-  M as WatermarkOverlay
+  Q as WatermarkOverlay
 };