@progress/kendo-vue-common 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/hasRelativeStackingContext.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./canUseDOM.js"),a=o=>{if(!c.canUseDOM)return!1;const e=o?o.ownerDocument:document;if(!e||!e.body)return!1;const i=10,n=e.createElement("div");n.style.transform="matrix(10, 0, 0, 10, 0, 0)";const t=e.createElement("div");t.appendChild(e.createTextNode("child")),t.style.position="fixed",t.style.top=i+"px",n.appendChild(t),e.body.appendChild(n);const r=t.getBoundingClientRect().top!==i;return e.body.removeChild(n),r};exports.hasRelativeStackingContext=a;

package/hasRelativeStackingContext.mjs

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { canUseDOM as d } from "./canUseDOM.mjs";
+const s = (o) => {
+  if (!d)
+    return !1;
+  const e = o ? o.ownerDocument : document;
+  if (!e || !e.body)
+    return !1;
+  const i = 10, n = e.createElement("div");
+  n.style.transform = "matrix(10, 0, 0, 10, 0, 0)";
+  const t = e.createElement("div");
+  t.appendChild(e.createTextNode("child")), t.style.position = "fixed", t.style.top = i + "px", n.appendChild(t), e.body.appendChild(n);
+  const r = t.getBoundingClientRect().top !== i;
+  return e.body.removeChild(n), r;
+};
+export {
+  s as hasRelativeStackingContext
+};

package/icons/FontIcon.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("./constants.js"),l=o.defineComponent({name:"KendoFontIcon",emits:{click:null},props:{name:String,themeColor:{type:String},size:{type:String},flip:{type:String},id:String,ariaLabel:String,title:String,tabIndex:Number},computed:{fontClassNames(){const{name:t,flip:e,size:n,themeColor:i}=this.$props;return{"k-icon":!0,"k-font-icon":!0,["k-i-"+t]:t,["k-color-"+i]:i,"k-flip-h":e==="horizontal"||e==="both","k-flip-v":e==="vertical"||e==="both",[r.SIZE_CLASSES[n]]:n}}},render(){const{id:t,title:e,tabIndex:n,ariaLabel:i}=this.$props;return o.createVNode("span",{class:this.fontClassNames,id:t,title:e,"aria-label":i,tabindex:n,role:"presentation",onClick:this.handleClick},null)},methods:{handleClick(t){this.$emit("click",t)}}});exports.FontIcon=l;

package/icons/FontIcon.mjs

@@ -0,0 +1,75 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as o, createVNode as r } from "vue";
+import { SIZE_CLASSES as l } from "./constants.mjs";
+const p = /* @__PURE__ */ o({
+  name: "KendoFontIcon",
+  emits: {
+    click: null
+  },
+  props: {
+    name: String,
+    themeColor: {
+      type: String
+    },
+    size: {
+      type: String
+    },
+    flip: {
+      type: String
+    },
+    id: String,
+    ariaLabel: String,
+    title: String,
+    tabIndex: Number
+  },
+  computed: {
+    fontClassNames() {
+      const {
+        name: t,
+        flip: e,
+        size: i,
+        themeColor: n
+      } = this.$props;
+      return {
+        "k-icon": !0,
+        "k-font-icon": !0,
+        ["k-i-" + t]: t,
+        ["k-color-" + n]: n,
+        "k-flip-h": e === "horizontal" || e === "both",
+        "k-flip-v": e === "vertical" || e === "both",
+        [l[i]]: i
+      };
+    }
+  },
+  render() {
+    const {
+      id: t,
+      title: e,
+      tabIndex: i,
+      ariaLabel: n
+    } = this.$props;
+    return r("span", {
+      class: this.fontClassNames,
+      id: t,
+      title: e,
+      "aria-label": n,
+      tabindex: i,
+      role: "presentation",
+      onClick: this.handleClick
+    }, null);
+  },
+  methods: {
+    handleClick(t) {
+      this.$emit("click", t);
+    }
+  }
+});
+export {
+  p as FontIcon
+};

package/icons/Icon.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),v=require("./FontIcon.js"),b=require("./SvgIcon.js"),y=o.defineComponent({name:"KendoIcon",emits:{click:null},inject:{kendoIcons:{default:{type:"svg",icons:{}}}},props:{name:String,icon:Object,title:String,themeColor:{type:String},size:{type:String},flip:{type:String},id:String,ariaLabel:String,viewBox:{type:String,default:"0 0 24 24"},tabIndex:Number,role:String},render(){const{name:n,icon:e,themeColor:c,size:r,flip:d,id:l,viewBox:a,tabIndex:h,title:I,ariaLabel:k,role:p}=this.$props,i=n&&this.kendoIcons&&this.kendoIcons.icons&&this.kendoIcons.icons[n]||e,m=this.kendoIcons&&this.kendoIcons.type==="svg"&&i!==void 0,g=this.kendoIcons&&this.kendoIcons.size?this.kendoIcons.size:r,S=this.kendoIcons&&this.kendoIcons.flip?this.kendoIcons.flip:d,t=n||(e&&e.name?e.name:void 0),s={themeColor:c,size:g,flip:S,id:l,tabIndex:h,title:I,ariaLabel:k,role:p},u=o.h(v.FontIcon,{...s,name:t,onClick:this.handleClick}),f=o.h(b.SvgIcon,{...s,icon:i,viewBox:a,name:t,onClick:this.handleClick});return m?f:u},methods:{handleClick(n){this.$emit("click",n)}}});exports.Icon=y;

package/icons/Icon.mjs

@@ -0,0 +1,89 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as C, h as s } from "vue";
+import { FontIcon as u } from "./FontIcon.mjs";
+import { SvgIcon as b } from "./SvgIcon.mjs";
+const w = /* @__PURE__ */ C({
+  name: "KendoIcon",
+  emits: {
+    click: null
+  },
+  inject: {
+    kendoIcons: {
+      default: {
+        type: "svg",
+        icons: {}
+      }
+    }
+  },
+  props: {
+    name: String,
+    icon: Object,
+    title: String,
+    themeColor: {
+      type: String
+    },
+    size: {
+      type: String
+    },
+    flip: {
+      type: String
+    },
+    id: String,
+    ariaLabel: String,
+    viewBox: {
+      type: String,
+      default: "0 0 24 24"
+    },
+    tabIndex: Number,
+    role: String
+  },
+  render() {
+    const {
+      name: n,
+      icon: e,
+      themeColor: c,
+      size: r,
+      flip: d,
+      id: l,
+      viewBox: m,
+      tabIndex: h,
+      title: p,
+      ariaLabel: a,
+      role: I
+    } = this.$props, o = n && this.kendoIcons && this.kendoIcons.icons && this.kendoIcons.icons[n] || e, k = this.kendoIcons && this.kendoIcons.type === "svg" && o !== void 0, f = this.kendoIcons && this.kendoIcons.size ? this.kendoIcons.size : r, g = this.kendoIcons && this.kendoIcons.flip ? this.kendoIcons.flip : d, i = n || (e && e.name ? e.name : void 0), t = {
+      themeColor: c,
+      size: f,
+      flip: g,
+      id: l,
+      tabIndex: h,
+      title: p,
+      ariaLabel: a,
+      role: I
+    }, S = s(u, {
+      ...t,
+      name: i,
+      onClick: this.handleClick
+    }), v = s(b, {
+      ...t,
+      icon: o,
+      viewBox: m,
+      name: i,
+      onClick: this.handleClick
+    });
+    return k ? v : S;
+  },
+  methods: {
+    handleClick(n) {
+      this.$emit("click", n);
+    }
+  }
+});
+export {
+  w as Icon
+};

package/icons/SvgIcon.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),S=require("./constants.js"),u=require("../defaultSlots.js"),v=s.defineComponent({name:"KendoSvgIcon",emits:{click:null},props:{name:String,icon:Object,themeColor:{type:String},size:{type:String},flip:{type:String},id:String,ariaLabel:String,title:String,viewBox:{type:String,default:"0 0 24 24"},tabIndex:Number,svgClassName:String,svgStyle:Object},computed:{wrapperClass(){const{name:t,flip:i,size:e,themeColor:n}=this.$props;return{"k-icon":!0,"k-svg-icon":!0,["k-color-"+n]:n,["k-svg-i-"+t]:t,"k-flip-h":i==="horizontal"||i==="both","k-flip-v":i==="vertical"||i==="both",[S.SIZE_CLASSES[e]]:e}}},render(){const t=u.getDefaultSlots(this),{svgClassName:i,icon:e,id:n,tabIndex:o,svgStyle:r,viewBox:l,title:a,ariaLabel:c}=this.$props,d=e?e.content:void 0,g={id:n,title:a,"aria-hidden":!0,tabIndex:o,ariaLabel:c,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:e?e.viewBox:l},p=s.h("svg",{...g,innerHTML:d,class:i,style:r},e?[]:[t]);return s.createVNode("span",{class:this.wrapperClass,onClick:this.handleClick,"aria-hidden":!0},[p])},methods:{handleClick(t){this.$emit("click",t)}}});exports.SvgIcon=v;

package/icons/SvgIcon.mjs

@@ -0,0 +1,97 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as g, h as m, createVNode as h } from "vue";
+import { SIZE_CLASSES as S } from "./constants.mjs";
+import { getDefaultSlots as v } from "../defaultSlots.mjs";
+const k = /* @__PURE__ */ g({
+  name: "KendoSvgIcon",
+  emits: {
+    click: null
+  },
+  props: {
+    name: String,
+    icon: Object,
+    themeColor: {
+      type: String
+    },
+    size: {
+      type: String
+    },
+    flip: {
+      type: String
+    },
+    id: String,
+    ariaLabel: String,
+    title: String,
+    viewBox: {
+      type: String,
+      default: "0 0 24 24"
+    },
+    tabIndex: Number,
+    svgClassName: String,
+    svgStyle: Object
+  },
+  computed: {
+    wrapperClass() {
+      const {
+        name: e,
+        flip: i,
+        size: t,
+        themeColor: n
+      } = this.$props;
+      return {
+        "k-icon": !0,
+        "k-svg-icon": !0,
+        ["k-color-" + n]: n,
+        ["k-svg-i-" + e]: e,
+        "k-flip-h": i === "horizontal" || i === "both",
+        "k-flip-v": i === "vertical" || i === "both",
+        [S[t]]: t
+      };
+    }
+  },
+  render() {
+    const e = v(this), {
+      svgClassName: i,
+      icon: t,
+      id: n,
+      tabIndex: o,
+      svgStyle: r,
+      viewBox: s,
+      title: a,
+      ariaLabel: l
+    } = this.$props, c = t ? t.content : void 0, p = {
+      id: n,
+      title: a,
+      "aria-hidden": !0,
+      tabIndex: o,
+      ariaLabel: l,
+      focusable: "false",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: t ? t.viewBox : s
+    }, d = m("svg", {
+      ...p,
+      innerHTML: c,
+      class: i,
+      style: r
+    }, t ? [] : [e]);
+    return h("span", {
+      class: this.wrapperClass,
+      onClick: this.handleClick,
+      "aria-hidden": !0
+    }, [d]);
+  },
+  methods: {
+    handleClick(e) {
+      this.$emit("click", e);
+    }
+  }
+});
+export {
+  k as SvgIcon
+};

package/icons/constants.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l={default:"",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl",xxlarge:"k-icon-xxl",xxxlarge:"k-icon-xxxl"};exports.SIZE_CLASSES=l;

package/icons/constants.mjs

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const x = {
+  default: "",
+  xsmall: "k-icon-xs",
+  small: "k-icon-sm",
+  medium: "k-icon-md",
+  large: "k-icon-lg",
+  xlarge: "k-icon-xl",
+  xxlarge: "k-icon-xxl",
+  xxxlarge: "k-icon-xxxl"
+};
+export {
+  x as SIZE_CLASSES
+};

package/icons/getIconName.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=function(t){return t&&t.indexOf("k-i-")!==-1?t.split("k-i-")[1]:t};exports.getIconName=e;

package/icons/getIconName.mjs

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const n = function(t) {
+  return t && t.indexOf("k-i-") !== -1 ? t.split("k-i-")[1] : t;
+};
+export {
+  n as getIconName
+};