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

package/appbar/AppBar.mjs

@@ -0,0 +1,72 @@
+/**
+ * @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 e, createVNode as i } from "vue";
+import { validatePackage as p, guid as r, getDefaultSlots as s, focusFirstFocusableChild as d } from "@progress/kendo-vue-common";
+import { packageMetadata as n } from "../package-metadata.mjs";
+const f = /* @__PURE__ */ e({
+  name: "KendoAppBar",
+  props: {
+    id: String,
+    themeColor: {
+      type: String,
+      default: "light"
+    },
+    position: {
+      type: String,
+      default: "top",
+      validator: function(t) {
+        return ["top", "bottom"].includes(t);
+      }
+    },
+    positionMode: {
+      type: String,
+      default: "static",
+      validator: function(t) {
+        return ["static", "sticky", "fixed"].includes(t);
+      }
+    }
+  },
+  created() {
+    p(n), this.calculatedId = r();
+  },
+  computed: {
+    wrapperClass() {
+      const {
+        position: t,
+        positionMode: o,
+        themeColor: a
+      } = this.$props;
+      return {
+        "k-appbar": !0,
+        "k-appbar-top": t === "top",
+        "k-appbar-bottom": t === "bottom",
+        "k-appbar-static": o === "static",
+        "k-appbar-sticky": o === "sticky",
+        "k-appbar-fixed": o === "fixed",
+        [`k-appbar-${a}`]: !!a
+      };
+    }
+  },
+  render() {
+    const t = s(this), {
+      id: o
+    } = this.$props;
+    return i("div", {
+      class: this.wrapperClass,
+      id: o || this.calculatedId
+    }, [t]);
+  },
+  methods: {
+    focus() {
+      this.$el && d(this.$el);
+    }
+  }
+});
+export {
+  f as AppBar
+};

package/appbar/AppBarSection.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=require("vue"),t=require("@progress/kendo-vue-common"),n=e.defineComponent({name:"KendoAppBarSection",render(){const o=t.getDefaultSlots(this);return e.createVNode("div",{class:"k-appbar-section"},[o])},methods:{focus(){this.$el&&t.focusFirstFocusableChild(this.$el)}}});exports.AppBarSection=n;

package/appbar/AppBarSection.mjs

@@ -0,0 +1,26 @@
+/**
+ * @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 t, createVNode as o } from "vue";
+import { getDefaultSlots as r, focusFirstFocusableChild as s } from "@progress/kendo-vue-common";
+const a = /* @__PURE__ */ t({
+  name: "KendoAppBarSection",
+  render() {
+    const e = r(this);
+    return o("div", {
+      class: "k-appbar-section"
+    }, [e]);
+  },
+  methods: {
+    focus() {
+      this.$el && s(this.$el);
+    }
+  }
+});
+export {
+  a as AppBarSection
+};

package/appbar/AppBarSpacer.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=require("vue"),s=require("@progress/kendo-vue-common"),r=e.defineComponent({name:"KendoAppBarSpacer",props:{width:[String,Number]},computed:{spacerClasses(){return{"k-appbar-spacer":!0,"k-appbar-spacer-sized":this.width!==void 0}},spacerStyles(){return{flexBasis:this.width!==void 0?this.width:void 0}}},render(){const t=s.getDefaultSlots(this);return e.createVNode("span",{class:this.spacerClasses,style:this.spacerStyles},[t])},methods:{focus(){this.$el&&s.focusFirstFocusableChild(this.$el)}}});exports.AppBarSpacer=r;

package/appbar/AppBarSpacer.mjs

@@ -0,0 +1,43 @@
+/**
+ * @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 s, createVNode as t } from "vue";
+import { getDefaultSlots as r, focusFirstFocusableChild as a } from "@progress/kendo-vue-common";
+const d = /* @__PURE__ */ s({
+  name: "KendoAppBarSpacer",
+  props: {
+    width: [String, Number]
+  },
+  computed: {
+    spacerClasses() {
+      return {
+        "k-appbar-spacer": !0,
+        "k-appbar-spacer-sized": this.width !== void 0
+      };
+    },
+    spacerStyles() {
+      return {
+        flexBasis: this.width !== void 0 ? this.width : void 0
+      };
+    }
+  },
+  render() {
+    const e = r(this);
+    return t("span", {
+      class: this.spacerClasses,
+      style: this.spacerStyles
+    }, [e]);
+  },
+  methods: {
+    focus() {
+      this.$el && a(this.$el);
+    }
+  }
+});
+export {
+  d as AppBarSpacer
+};

package/bottomnavigation/BottomNavigation.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 d=require("vue"),c=require("../package-metadata.js"),s=require("@progress/kendo-vue-common"),o=require("./models/utils.js"),u=require("./BottomNavigationItem.js"),h=d.defineComponent({name:"KendoBottomNavigation",emits:{keydown:null,select:null},props:{dir:String,themeColor:{type:String,default:"primary",validator:function(t){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(t)}},fill:{type:String,default:"flat",validator:function(t){return["solid","flat"].includes(t)}},fillMode:{type:String,default:"flat",validator:function(t){return["solid","flat"].includes(t)}},item:[String,Object,Function],items:Array,itemFlow:{type:String,default:"vertical",validator:function(t){return["vertical","horizontal"].includes(t)}},positionMode:{type:String,default:"fixed",validator:function(t){return["sticky","fixed"].includes(t)}},border:{type:Boolean,default:!0},disabled:Boolean,selected:Number},created(){s.validatePackage(c.packageMetadata),this.navId=s.guid()},computed:{navClasses(){const{themeColor:t,fillMode:e,positionMode:r,itemFlow:n,border:i,disabled:a}=this.$props,l=e!==void 0?e:this.$props.fill;return{"k-bottom-nav":!0,[o.POSITION_MODE_CLASSES[r]]:!0,[o.THEME_COLOR_CLASSES[t]]:!0,[o.FILL_CLASSES[l]]:!0,[o.ITEM_FLOW_CLASSES[n]]:!0,"k-bottom-nav-border":i,"k-disabled":a}}},render(){const{id:t,items:e,item:r,disabled:n}=this.$props;return d.createVNode("nav",{class:this.navClasses,id:t||this.navId},[e&&e.map(function(i,a){const l=s.templateRendering.call(this,i.item||r,s.getListeners.call(this));return d.createVNode(u.BottomNavigationItem,{key:a,index:a,style:i.style,class:i.class,id:`${t||this.navId}-${a}`,disabled:n||i.disabled,selected:this.selected===a||i.selected,dataItem:i,item:l,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null)},this)])},methods:{focus(){this.$el&&s.focusFirstFocusableChild(this.$el)},dispatchSelectEvent(t,e){this.items&&(this.items[e].disabled||this.$emit("select",{event:t,itemTarget:this.items[e],itemIndex:e}))},handleSelect(t,e){this.dispatchSelectEvent(t,e)},handleKeyDown(t,e){switch(t.keyCode){case s.Keys.enter:case s.Keys.space:this.dispatchSelectEvent(t,e),t.preventDefault();break}this.$emit("keydown",{event:t,itemTarget:this.items[e],itemIndex:e})}}});exports.BottomNavigation=h;

package/bottomnavigation/BottomNavigation.mjs

@@ -0,0 +1,147 @@
+/**
+ * @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 d, createVNode as l } from "vue";
+import { packageMetadata as c } from "../package-metadata.mjs";
+import { validatePackage as u, guid as m, templateRendering as f, getListeners as h, focusFirstFocusableChild as p, Keys as n } from "@progress/kendo-vue-common";
+import { POSITION_MODE_CLASSES as S, THEME_COLOR_CLASSES as v, FILL_CLASSES as y, ITEM_FLOW_CLASSES as g } from "./models/utils.mjs";
+import { BottomNavigationItem as b } from "./BottomNavigationItem.mjs";
+const $ = /* @__PURE__ */ d({
+  name: "KendoBottomNavigation",
+  emits: {
+    keydown: null,
+    select: null
+  },
+  props: {
+    dir: String,
+    themeColor: {
+      type: String,
+      default: "primary",
+      validator: function(t) {
+        return ["primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse"].includes(t);
+      }
+    },
+    fill: {
+      type: String,
+      default: "flat",
+      validator: function(t) {
+        return ["solid", "flat"].includes(t);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: "flat",
+      validator: function(t) {
+        return ["solid", "flat"].includes(t);
+      }
+    },
+    item: [String, Object, Function],
+    items: Array,
+    itemFlow: {
+      type: String,
+      default: "vertical",
+      validator: function(t) {
+        return ["vertical", "horizontal"].includes(t);
+      }
+    },
+    positionMode: {
+      type: String,
+      default: "fixed",
+      validator: function(t) {
+        return ["sticky", "fixed"].includes(t);
+      }
+    },
+    border: {
+      type: Boolean,
+      default: !0
+    },
+    disabled: Boolean,
+    selected: Number
+  },
+  created() {
+    u(c), this.navId = m();
+  },
+  computed: {
+    navClasses() {
+      const {
+        themeColor: t,
+        fillMode: e,
+        positionMode: a,
+        itemFlow: o,
+        border: i,
+        disabled: s
+      } = this.$props, r = e !== void 0 ? e : this.$props.fill;
+      return {
+        "k-bottom-nav": !0,
+        [S[a]]: !0,
+        [v[t]]: !0,
+        [y[r]]: !0,
+        [g[o]]: !0,
+        "k-bottom-nav-border": i,
+        "k-disabled": s
+      };
+    }
+  },
+  render() {
+    const {
+      id: t,
+      items: e,
+      item: a,
+      disabled: o
+    } = this.$props;
+    return l("nav", {
+      class: this.navClasses,
+      id: t || this.navId
+    }, [e && e.map(function(i, s) {
+      const r = f.call(this, i.item || a, h.call(this));
+      return l(b, {
+        key: s,
+        index: s,
+        style: i.style,
+        class: i.class,
+        id: `${t || this.navId}-${s}`,
+        disabled: o || i.disabled,
+        selected: this.selected === s || i.selected,
+        dataItem: i,
+        item: r,
+        onSelect: this.handleSelect,
+        onKeydown: this.handleKeyDown
+      }, null);
+    }, this)]);
+  },
+  methods: {
+    focus() {
+      this.$el && p(this.$el);
+    },
+    dispatchSelectEvent(t, e) {
+      this.items && (this.items[e].disabled || this.$emit("select", {
+        event: t,
+        itemTarget: this.items[e],
+        itemIndex: e
+      }));
+    },
+    handleSelect(t, e) {
+      this.dispatchSelectEvent(t, e);
+    },
+    handleKeyDown(t, e) {
+      switch (t.keyCode) {
+        case n.enter:
+        case n.space:
+          this.dispatchSelectEvent(t, e), t.preventDefault();
+          break;
+      }
+      this.$emit("keydown", {
+        event: t,
+        itemTarget: this.items[e],
+        itemIndex: e
+      });
+    }
+  }
+});
+export {
+  $ as BottomNavigation
+};

package/bottomnavigation/BottomNavigationItem.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 t=require("vue"),h=require("../package-metadata.js"),n=require("@progress/kendo-vue-common"),b=t.defineComponent({name:"KendoBottomNavigationItem",emits:{keydown:null,select:null},props:{id:String,disabled:Boolean,selected:Boolean,icon:String,item:[String,Object,Function],text:String,dataItem:Object,index:Number,tabIndex:{type:Number,default:0}},created(){n.validatePackage(h.packageMetadata)},computed:{itemClasses(){const{selected:e,disabled:i}=this.$props;return{"k-bottom-nav-item":!0,"k-selected":e,"k-disabled":i}}},render(){const{selected:e,disabled:i,item:l,dataItem:a,id:c,index:m,tabIndex:r}=this.$props,{icon:o,text:d,svgIcon:s}=a,u=n.getTemplate.call(this,{h:t.h,template:l,defaultRendering:null,additionalProps:{itemIndex:m,item:a}});return t.createVNode("span",{class:this.itemClasses,role:"link",id:c,tabindex:r,onClick:this.handleClick,onKeydown:this.handleKeyDown,"aria-current":e,"aria-disabled":i},[this.$props.item?u:[(s||o)&&t.createVNode(n.Icon,{name:o,icon:s,size:"xlarge",class:"k-bottom-nav-item-icon"},null),d&&t.createVNode("span",{class:"k-bottom-nav-item-text",style:{userSelect:"none"}},[d])]])},methods:{handleClick(e){this.index!==void 0&&!this.disabled&&this.$emit("select",e,this.index)},handleKeyDown(e){this.index!==void 0&&!this.disabled&&this.$emit("keydown",e,this.index)}}});exports.BottomNavigationItem=b;

package/bottomnavigation/BottomNavigationItem.mjs

@@ -0,0 +1,101 @@
+/**
+ * @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 h, h as p, createVNode as i } from "vue";
+import { packageMetadata as b } from "../package-metadata.mjs";
+import { validatePackage as u, getTemplate as x, Icon as k } from "@progress/kendo-vue-common";
+const y = /* @__PURE__ */ h({
+  name: "KendoBottomNavigationItem",
+  emits: {
+    keydown: null,
+    select: null
+  },
+  props: {
+    id: String,
+    disabled: Boolean,
+    selected: Boolean,
+    icon: String,
+    item: [String, Object, Function],
+    text: String,
+    dataItem: Object,
+    index: Number,
+    tabIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  created() {
+    u(b);
+  },
+  computed: {
+    itemClasses() {
+      const {
+        selected: e,
+        disabled: t
+      } = this.$props;
+      return {
+        "k-bottom-nav-item": !0,
+        "k-selected": e,
+        "k-disabled": t
+      };
+    }
+  },
+  render() {
+    const {
+      selected: e,
+      disabled: t,
+      item: d,
+      dataItem: n,
+      id: l,
+      index: m,
+      tabIndex: c
+    } = this.$props, {
+      icon: o,
+      text: a,
+      svgIcon: s
+    } = n, r = x.call(this, {
+      h: p,
+      template: d,
+      defaultRendering: null,
+      additionalProps: {
+        itemIndex: m,
+        item: n
+      }
+    });
+    return i("span", {
+      class: this.itemClasses,
+      role: "link",
+      id: l,
+      tabindex: c,
+      onClick: this.handleClick,
+      onKeydown: this.handleKeyDown,
+      "aria-current": e,
+      "aria-disabled": t
+    }, [this.$props.item ? r : [(s || o) && i(k, {
+      name: o,
+      icon: s,
+      size: "xlarge",
+      class: "k-bottom-nav-item-icon"
+    }, null), a && i("span", {
+      class: "k-bottom-nav-item-text",
+      style: {
+        userSelect: "none"
+      }
+    }, [a])]]);
+  },
+  methods: {
+    handleClick(e) {
+      this.index !== void 0 && !this.disabled && this.$emit("select", e, this.index);
+    },
+    handleKeyDown(e) {
+      this.index !== void 0 && !this.disabled && this.$emit("keydown", e, this.index);
+    }
+  }
+});
+export {
+  y as BottomNavigationItem
+};

package/bottomnavigation/models/utils.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 t={primary:"k-bottom-nav-primary",secondary:"k-bottom-nav-secondary",tertiary:"k-bottom-nav-tertiary",info:"k-bottom-nav-info",success:"k-bottom-nav-success",warning:"k-bottom-nav-warning",error:"k-bottom-nav-error",dark:"k-bottom-nav-dark",light:"k-bottom-nav-light",inverse:"k-bottom-nav-inverse"},o={flat:"k-bottom-nav-flat",solid:"k-bottom-nav-solid"},a={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},n={fixed:"k-pos-fixed",sticky:"k-pos-sticky"};exports.FILL_CLASSES=o;exports.ITEM_FLOW_CLASSES=a;exports.POSITION_MODE_CLASSES=n;exports.THEME_COLOR_CLASSES=t;

package/bottomnavigation/models/utils.mjs

@@ -0,0 +1,34 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const o = {
+  primary: "k-bottom-nav-primary",
+  secondary: "k-bottom-nav-secondary",
+  tertiary: "k-bottom-nav-tertiary",
+  info: "k-bottom-nav-info",
+  success: "k-bottom-nav-success",
+  warning: "k-bottom-nav-warning",
+  error: "k-bottom-nav-error",
+  dark: "k-bottom-nav-dark",
+  light: "k-bottom-nav-light",
+  inverse: "k-bottom-nav-inverse"
+}, t = {
+  flat: "k-bottom-nav-flat",
+  solid: "k-bottom-nav-solid"
+}, a = {
+  vertical: "k-bottom-nav-item-flow-vertical",
+  horizontal: "k-bottom-nav-item-flow-horizontal"
+}, n = {
+  fixed: "k-pos-fixed",
+  sticky: "k-pos-sticky"
+};
+export {
+  t as FILL_CLASSES,
+  a as ITEM_FLOW_CLASSES,
+  n as POSITION_MODE_CLASSES,
+  o as THEME_COLOR_CLASSES
+};

package/card/Avatar.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"),d=require("./interfaces/Enums.js"),s=require("../package-metadata.js"),t=require("@progress/kendo-vue-common"),l=o.defineComponent({name:"KendoAvatar",props:{type:{type:String,default:d.avatarType.TEXT,validator:function(e){return["text","image","icon"].includes(e)}},border:Boolean,rounded:{type:String,default:"medium",validator:function(e){return["small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return["solid","outline"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse","inherit"].includes(e)}}},created(){t.validatePackage(s.packageMetadata)},computed:{wrapperClass(){const{border:e,type:u,size:a,rounded:n,fillMode:r,themeColor:i}=this.$props;return{"k-avatar-bordered":e,"k-avatar":!0,[`k-avatar-${t.kendoThemeMaps.sizeMap[a]||a}`]:a,[`k-rounded-${t.kendoThemeMaps.roundedMap[n]||n}`]:n,[`k-avatar-${r}`]:r,[`k-avatar-${r}-${i}`]:!!(r&&i)}},innerClass(){return{[`k-avatar-${this.$props.type}`]:this.$props.type}}},render(){const e=t.getDefaultSlots(this);return o.createVNode("div",{class:this.wrapperClass},[o.createVNode("span",{class:this.innerClass},[e])])}});exports.Avatar=l;

package/card/Avatar.mjs

@@ -0,0 +1,91 @@
+/**
+ * @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 d, createVNode as o } from "vue";
+import { avatarType as l } from "./interfaces/Enums.mjs";
+import { packageMetadata as s } from "../package-metadata.mjs";
+import { validatePackage as u, kendoThemeMaps as n, getDefaultSlots as p } from "@progress/kendo-vue-common";
+const g = /* @__PURE__ */ d({
+  name: "KendoAvatar",
+  props: {
+    type: {
+      type: String,
+      default: l.TEXT,
+      validator: function(e) {
+        return ["text", "image", "icon"].includes(e);
+      }
+    },
+    border: Boolean,
+    rounded: {
+      type: String,
+      default: "medium",
+      validator: function(e) {
+        return ["small", "medium", "large", "full"].includes(e);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: "solid",
+      validator: function(e) {
+        return ["solid", "outline"].includes(e);
+      }
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: function(e) {
+        return ["small", "medium", "large"].includes(e);
+      }
+    },
+    themeColor: {
+      type: String,
+      default: "primary",
+      validator: function(e) {
+        return ["primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse", "inherit"].includes(e);
+      }
+    }
+  },
+  created() {
+    u(s);
+  },
+  computed: {
+    wrapperClass() {
+      const {
+        border: e,
+        type: m,
+        size: t,
+        rounded: a,
+        fillMode: r,
+        themeColor: i
+      } = this.$props;
+      return {
+        "k-avatar-bordered": e,
+        "k-avatar": !0,
+        [`k-avatar-${n.sizeMap[t] || t}`]: t,
+        [`k-rounded-${n.roundedMap[a] || a}`]: a,
+        [`k-avatar-${r}`]: r,
+        [`k-avatar-${r}-${i}`]: !!(r && i)
+      };
+    },
+    innerClass() {
+      return {
+        [`k-avatar-${this.$props.type}`]: this.$props.type
+      };
+    }
+  },
+  render() {
+    const e = p(this);
+    return o("div", {
+      class: this.wrapperClass
+    }, [o("span", {
+      class: this.innerClass
+    }, [e])]);
+  }
+});
+export {
+  g as Avatar
+};

package/card/Card.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 t=require("vue"),r=require("./interfaces/Enums.js"),n=require("../package-metadata.js"),a=require("@progress/kendo-vue-common"),i=t.defineComponent({name:"KendoCard",props:{dir:String,type:{type:String,default:r.cardType.DEFAULT,validator:function(e){return["default","primary","info","success","warning","error"].includes(e)}},orientation:{type:String,default:r.cardOrientation.VERTICAL,validator:function(e){return["horizontal","vertical"].includes(e)}}},created(){a.validatePackage(n.packageMetadata)},computed:{wrapperClass(){const e=this.$props.orientation!==r.cardOrientation.HORIZONTAL?"vertical":"horizontal";return{"k-card":!0,[`k-card-${this.$props.type}`]:this.$props.type!==r.cardType.DEFAULT,[`k-card-${e}`]:!0}}},render(){const e=a.getDefaultSlots(this);return t.createVNode("div",{dir:this.$props.dir,class:this.wrapperClass},[e])}});exports.Card=i;

package/card/Card.mjs

@@ -0,0 +1,54 @@
+/**
+ * @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 a, createVNode as o } from "vue";
+import { cardType as t, cardOrientation as e } from "./interfaces/Enums.mjs";
+import { packageMetadata as i } from "../package-metadata.mjs";
+import { validatePackage as n, getDefaultSlots as p } from "@progress/kendo-vue-common";
+const u = /* @__PURE__ */ a({
+  name: "KendoCard",
+  props: {
+    dir: String,
+    type: {
+      type: String,
+      default: t.DEFAULT,
+      validator: function(r) {
+        return ["default", "primary", "info", "success", "warning", "error"].includes(r);
+      }
+    },
+    orientation: {
+      type: String,
+      default: e.VERTICAL,
+      validator: function(r) {
+        return ["horizontal", "vertical"].includes(r);
+      }
+    }
+  },
+  created() {
+    n(i);
+  },
+  computed: {
+    wrapperClass() {
+      const r = this.$props.orientation !== e.HORIZONTAL ? "vertical" : "horizontal";
+      return {
+        "k-card": !0,
+        [`k-card-${this.$props.type}`]: this.$props.type !== t.DEFAULT,
+        [`k-card-${r}`]: !0
+      };
+    }
+  },
+  render() {
+    const r = p(this);
+    return o("div", {
+      dir: this.$props.dir,
+      class: this.wrapperClass
+    }, [r]);
+  }
+});
+export {
+  u as Card
+};

package/card/CardActions.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 r=require("vue"),n=require("@progress/kendo-vue-common"),e=require("./interfaces/Enums.js"),o=r.defineComponent({name:"KendoCardActions",props:{layout:{type:String,default:e.cardActionsLayout.START,validator:function(t){return["stretched","start","center","end"].includes(t)}},orientation:{type:String,default:e.cardOrientation.HORIZONTAL,validator:function(t){return["horizontal","vertical"].includes(t)}}},computed:{wrapperClass(){return{"k-card-actions":!0,"k-actions":!0,[`k-actions-${this.$props.layout}`]:!0,[`k-actions-${this.$props.orientation!==e.cardOrientation.HORIZONTAL?"vertical":"horizontal"}`]:!0}}},render(){const t=n.getDefaultSlots(this);return r.createVNode("div",{class:this.wrapperClass},[t])}});exports.CardActions=o;