@progress/kendo-vue-common
Version:
Kendo UI for Vue Common Utilities package
288 lines (287 loc) • 17.5 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { defineComponent as v, createVNode as n, Teleport as c, isVNode as x } from "vue";
function b(e) {
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !x(e);
}
let f = !0;
const p = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif', h = {
TKL201: {
title: (e, t) => `License key missing for ${e} v${t}.`,
description: "A license key is required for both paid and trial usage.",
descriptionHtml: 'A license key is required for both paid and trial usage. Learn <a href="https://www.telerik.com/kendo-vue-ui/components/my-license" target="_blank" rel="noopener noreferrer">how to set up a license key</a>.',
buttonText: "Start Free Trial",
buttonLink: "?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
},
TKL202: {
title: (e, t) => `No license found for ${e} v${t}.`,
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: {
title: (e) => `Your trial for ${e} has expired.`,
description: "To continue using the product you need to buy a subscription.",
buttonText: "Buy Now",
buttonLink: "https://prgress.co/45QUSG7"
},
"TKL204:subscription": {
title: (e) => `Your ${e} 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": {
title: (e, t) => `Your license doesn't cover ${e} v${t}.`,
description: "To access the latest version and updates you need to renew your license.",
buttonText: "Renew Now",
buttonLink: "https://prgress.co/4pw28OH"
},
default: {
title: (e, t) => `License issue for ${e} v${t}.`,
description: "To acquire a commercial license, visit https://prgress.co/3PyHIoH",
buttonText: "Buy Now",
buttonLink: "https://prgress.co/3PyHIoH"
}
}, w = (e) => {
const {
code: t,
licenseType: s,
productName: r = "",
version: l = "",
notificationTitle: d,
notificationBody: g,
notificationMessage: A,
notificationIcon: a,
callToAction: o
} = e || {};
let u = "default";
t && (`${t}:${s}` in h ? u = `${t}:${s}` : t in h && (u = t));
const i = h[u];
return {
icon: a == null ? void 0 : a.content,
title: d || i.title(r, l),
description: i.description,
descriptionHtml: g || A || i.descriptionHtml,
buttonText: (o == null ? void 0 : o.message) || i.buttonText,
buttonLink: (o == null ? void 0 : o.link) || i.buttonLink
};
}, P = /* @__PURE__ */ v({
name: "KendoWatermarkOverlay",
props: {
message: {
type: Object,
default: null
}
},
mounted() {
this.isClient = !0, f && (this.bannerMounted = !0, f = !1), this.updateViewport(), globalThis.window !== void 0 && globalThis.window.addEventListener("resize", this.updateViewport);
},
beforeUnmount() {
globalThis.window !== void 0 && globalThis.window.removeEventListener("resize", this.updateViewport), this.bannerMounted && (f = !0);
},
data() {
return {
watermarkStyles: {
position: "absolute",
width: "100%",
height: "100%",
top: 0,
left: 0,
right: 0,
bottom: 0,
opacity: 0.12,
"z-index": 101,
"pointer-events": "none",
"background-image": "url('data:image/png;base64,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')"
},
showBanner: !0,
bannerMounted: !1,
isClient: !1,
isCTAButtonHovered: !1,
isCloseButtonHovered: !1,
isMobile: !1,
isDesktop: !1
};
},
methods: {
updateViewport() {
globalThis.window !== void 0 && (this.isMobile = globalThis.window.innerWidth < 500, this.isDesktop = globalThis.window.innerWidth >= 768);
},
onCloseBannerClick() {
this.showBanner = !1;
},
setCTAButtonHovered(e) {
this.isCTAButtonHovered = e;
},
setCloseButtonHovered(e) {
this.isCloseButtonHovered = e;
},
renderBannerIcon(e) {
return e ? n("span", {
innerHTML: e
}, null) : null;
},
renderCloseButton(e) {
return n("button", {
title: "Close",
class: "k-watermark-close-button",
style: {
position: e ? "absolute" : "relative",
top: e ? "12px" : void 0,
right: e ? "12px" : void 0,
display: "inline-flex",
border: "none",
borderRadius: "4px",
padding: "4px",
backgroundColor: this.isCloseButtonHovered ? "#3d3d3d14" : "transparent",
transition: "background-color 0.2s ease-in-out",
outline: "none",
cursor: "pointer"
},
onMouseleave: () => {
this.setCloseButtonHovered(!1);
},
onMouseenter: () => {
this.setCloseButtonHovered(!0);
},
onClick: this.onCloseBannerClick
}, [n("svg", {
width: "20",
height: "20",
viewBox: "0 0 16 16",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, [n("path", {
d: "M11.9309 3.1838C12.1754 2.93933 12.5712 2.93937 12.8157 3.1838C13.0601 3.4283 13.0601 3.82407 12.8157 4.06857L8.885 7.99923L12.8166 11.9309C13.0611 12.1754 13.0611 12.5721 12.8166 12.8166C12.5721 13.0611 12.1754 13.0611 11.9309 12.8166L7.99925 8.88497L4.06859 12.8166C3.8241 13.0611 3.42732 13.0611 3.18285 12.8166C2.93862 12.5721 2.93851 12.1753 3.18285 11.9309L7.11449 7.99923L3.18382 4.06857C2.93947 3.82413 2.93955 3.42829 3.18382 3.1838C3.42831 2.9393 3.82508 2.9393 4.06957 3.1838L7.99925 7.11349L11.9309 3.1838Z",
fill: "#212529"
}, null)])]);
},
renderBannerElement() {
const {
icon: e,
title: t,
description: s,
descriptionHtml: r,
buttonText: l,
buttonLink: d
} = w(this.$props.message || void 0);
return n("div", {
style: {
position: "fixed",
top: this.isDesktop ? "16px" : "0",
left: "50%",
transform: "translateX(-50%)",
display: "flex",
flexDirection: this.isMobile ? "column" : "row",
justifyContent: "center",
alignItems: this.isMobile ? "flex-start" : "center",
borderRadius: this.isDesktop ? "6px" : "0",
borderLeft: "6px solid rgba(255, 192, 0, 1)",
borderTop: "1px solid #00000029",
borderRight: "1px solid #00000029",
borderBottom: "1px solid #00000029",
fontSize: "14px",
fontWeight: 400,
lineHeight: "20px",
color: "#1E1E1E",
zIndex: 2e3,
boxShadow: "0px 4px 5px 0px #0000000A, 0px 2px 4px 0px #00000008",
maxWidth: this.isDesktop ? "768px" : "none",
width: "100%",
backgroundColor: "#ffffff",
padding: this.isMobile ? "12px" : "0"
}
}, [this.isMobile && this.renderCloseButton(!0), e && n("span", {
style: {
display: "flex",
alignSelf: this.isMobile ? "flex-start" : "center",
padding: this.isMobile ? "0 0 12px 0" : "9px 12px"
}
}, [this.renderBannerIcon(e)]), n("div", {
style: {
display: "flex",
flexDirection: "column",
gap: "4px",
padding: this.isMobile ? "0 0 12px 0" : "12px",
flex: this.isMobile ? "none" : "1"
}
}, [n("span", {
style: {
fontFamily: p,
fontWeight: "700",
fontSize: "14px",
lineHeight: "142%",
letterSpacing: "0px",
verticalAlign: "middle",
textAlign: "left"
}
}, [t]), n("span", {
style: {
fontFamily: p,
fontWeight: 400,
fontSize: "14px",
lineHeight: "20px",
letterSpacing: "0px",
verticalAlign: "middle",
textAlign: "left"
},
innerHTML: r
}, [r ? void 0 : s])]), n("div", {
style: {
display: "flex",
alignItems: "center",
padding: this.isMobile ? "0" : "9px 12px",
gap: "16px",
marginLeft: this.isMobile ? "0" : "auto",
width: this.isMobile ? "100%" : "auto"
}
}, [n("a", {
title: l,
class: "k-watermark-trial-button",
style: {
display: "inline-flex",
position: "relative",
border: "none",
borderRadius: "4px",
backgroundColor: this.isCTAButtonHovered ? "#b90138" : "#eb0249",
color: "#ffffff",
transition: "background-color 0.2s ease-in-out",
outline: "none",
cursor: "pointer",
padding: "4px 8px",
whiteSpace: "nowrap",
textDecoration: "none",
fontFamily: p
},
href: d,
target: "_blank",
rel: "noopener noreferrer",
onMouseleave: () => {
this.setCTAButtonHovered(!1);
},
onMouseenter: () => {
this.setCTAButtonHovered(!0);
}
}, [l]), !this.isMobile && this.renderCloseButton(!1)])]);
}
},
render() {
let e;
return [n("div", {
style: this.watermarkStyles
}, null), this.isClient && this.bannerMounted && this.showBanner ? n(c, {
to: "body"
}, b(e = this.renderBannerElement()) ? e : {
default: () => [e]
}) : null];
}
});
export {
P as WatermarkOverlay
};