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

package/drawer/Drawer.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("vue"),g=require("./DrawerNavigation.js"),t=require("@progress/kendo-vue-common"),m=require("../package-metadata.js"),f=c.defineComponent({name:"KendoDrawer",emits:{select:null,overlayclick:null},props:{animation:{type:[Object,Boolean],default:!0},expanded:{type:Boolean,default:!1},dir:{type:String,default:"ltr"},item:[String,Object,Function],navigationHeader:[String,Object,Function],navigationFooter:[String,Object,Function],navigationContent:[String,Object,Function],mode:{type:String,default:"overlay",validator:function(e){return["overlay","push"].includes(e)}},position:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}},items:{type:Array,default:[]},mini:{type:Boolean,default:!1},tabIndex:Number,width:{type:Number,default:240},miniWidth:{type:Number,default:50}},created(){t.validatePackage(m.packageMetadata),this.showLicenseWatermark=t.shouldShowValidationUI(m.packageMetadata)},data(){const{expanded:e,mode:i,position:r,animation:s,mini:l,width:n,miniWidth:a,items:d,item:o}=this.$props;return{currentDir:"ltr",drawer:{expanded:e,mode:i,dir:this.currentDir,position:r,animation:s,mini:l,width:n,miniWidth:a,items:d,item:o},showLicenseWatermark:!1}},mounted(){this.currentDir=t.getDir(this.$el,this.$props.dir)},updated(){const{expanded:e,mode:i,position:r,animation:s,mini:l,width:n,miniWidth:a,items:d,item:o}=this.$props;this.drawer.expanded=e,this.drawer.mode=i,this.drawer.dir=this.currentDir,this.drawer.position=r,this.drawer.animation=s,this.drawer.mini=l,this.drawer.width=n,this.drawer.miniWidth=a,this.drawer.items=d,this.drawer.item=o},provide(){return{kendoDrawer:this.drawer}},computed:{drawerClassNames(){const{expanded:e,mode:i,mini:r}=this.$props;return{"k-drawer-container":!0,"k-drawer-expanded":e,"k-drawer-overlay":i==="overlay","k-drawer-push":i==="push","k-drawer-mini":r}}},render(){const e=t.getDefaultSlots(this),{items:i,tabIndex:r,mode:s,expanded:l,item:n,navigationHeader:a,navigationFooter:d,navigationContent:o}=this.$props,h=n?t.templateRendering.call(this,n,t.getListeners.call(this)):void 0,u=a?t.templateRendering.call(this,a,t.getListeners.call(this)):void 0,p=d?t.templateRendering.call(this,d,t.getListeners.call(this)):void 0,w=o?t.templateRendering.call(this,o,t.getListeners.call(this)):void 0;return c.createVNode("div",{class:this.drawerClassNames,dir:this.currentDir,tabindex:r},[s==="overlay"&&l&&c.createVNode("div",{class:"k-overlay",onClick:this.onOverlayClick},null),i&&c.createVNode(g.DrawerNavigation,{onSelect:this.handleSelect,item:h,header:u,footer:p,content:w,showLicenseWatermark:this.showLicenseWatermark},null),e])},methods:{focus(){this.$el&&this.$el.focus()},handleSelect(e,i){this.$props.items&&this.$emit("select",{itemTarget:e,itemIndex:i,component:this})},onOverlayClick(e){this.$emit("overlayclick",e)}}});exports.Drawer=f;

package/drawer/Drawer.mjs

@@ -0,0 +1,182 @@
+/**
+ * @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 v, createVNode as c } from "vue";
+import { DrawerNavigation as g } from "./DrawerNavigation.mjs";
+import { validatePackage as y, shouldShowValidationUI as k, getDir as x, getDefaultSlots as S, templateRendering as l, getListeners as m } from "@progress/kendo-vue-common";
+import { packageMetadata as h } from "../package-metadata.mjs";
+const C = /* @__PURE__ */ v({
+  name: "KendoDrawer",
+  emits: {
+    select: null,
+    overlayclick: null
+  },
+  props: {
+    animation: {
+      type: [Object, Boolean],
+      default: !0
+    },
+    expanded: {
+      type: Boolean,
+      default: !1
+    },
+    dir: {
+      type: String,
+      default: "ltr"
+    },
+    item: [String, Object, Function],
+    navigationHeader: [String, Object, Function],
+    navigationFooter: [String, Object, Function],
+    navigationContent: [String, Object, Function],
+    mode: {
+      type: String,
+      default: "overlay",
+      validator: function(e) {
+        return ["overlay", "push"].includes(e);
+      }
+    },
+    position: {
+      type: String,
+      default: "start",
+      validator: function(e) {
+        return ["start", "end"].includes(e);
+      }
+    },
+    items: {
+      type: Array,
+      default: []
+    },
+    mini: {
+      type: Boolean,
+      default: !1
+    },
+    tabIndex: Number,
+    width: {
+      type: Number,
+      default: 240
+    },
+    miniWidth: {
+      type: Number,
+      default: 50
+    }
+  },
+  created() {
+    y(h), this.showLicenseWatermark = k(h);
+  },
+  data() {
+    const {
+      expanded: e,
+      mode: t,
+      position: i,
+      animation: d,
+      mini: s,
+      width: r,
+      miniWidth: n,
+      items: a,
+      item: o
+    } = this.$props;
+    return {
+      currentDir: "ltr",
+      drawer: {
+        expanded: e,
+        mode: t,
+        dir: this.currentDir,
+        position: i,
+        animation: d,
+        mini: s,
+        width: r,
+        miniWidth: n,
+        items: a,
+        item: o
+      },
+      showLicenseWatermark: !1
+    };
+  },
+  mounted() {
+    this.currentDir = x(this.$el, this.$props.dir);
+  },
+  updated() {
+    const {
+      expanded: e,
+      mode: t,
+      position: i,
+      animation: d,
+      mini: s,
+      width: r,
+      miniWidth: n,
+      items: a,
+      item: o
+    } = this.$props;
+    this.drawer.expanded = e, this.drawer.mode = t, this.drawer.dir = this.currentDir, this.drawer.position = i, this.drawer.animation = d, this.drawer.mini = s, this.drawer.width = r, this.drawer.miniWidth = n, this.drawer.items = a, this.drawer.item = o;
+  },
+  provide() {
+    return {
+      kendoDrawer: this.drawer
+    };
+  },
+  computed: {
+    drawerClassNames() {
+      const {
+        expanded: e,
+        mode: t,
+        mini: i
+      } = this.$props;
+      return {
+        "k-drawer-container": !0,
+        "k-drawer-expanded": e,
+        "k-drawer-overlay": t === "overlay",
+        "k-drawer-push": t === "push",
+        "k-drawer-mini": i
+      };
+    }
+  },
+  render() {
+    const e = S(this), {
+      items: t,
+      tabIndex: i,
+      mode: d,
+      expanded: s,
+      item: r,
+      navigationHeader: n,
+      navigationFooter: a,
+      navigationContent: o
+    } = this.$props, u = r ? l.call(this, r, m.call(this)) : void 0, p = n ? l.call(this, n, m.call(this)) : void 0, w = a ? l.call(this, a, m.call(this)) : void 0, f = o ? l.call(this, o, m.call(this)) : void 0;
+    return c("div", {
+      class: this.drawerClassNames,
+      dir: this.currentDir,
+      tabindex: i
+    }, [d === "overlay" && s && c("div", {
+      class: "k-overlay",
+      onClick: this.onOverlayClick
+    }, null), t && c(g, {
+      onSelect: this.handleSelect,
+      item: u,
+      header: p,
+      footer: w,
+      content: f,
+      showLicenseWatermark: this.showLicenseWatermark
+    }, null), e]);
+  },
+  methods: {
+    focus() {
+      this.$el && this.$el.focus();
+    },
+    handleSelect(e, t) {
+      this.$props.items && this.$emit("select", {
+        itemTarget: e,
+        itemIndex: t,
+        component: this
+      });
+    },
+    onOverlayClick(e) {
+      this.$emit("overlayclick", e);
+    }
+  }
+});
+export {
+  C as Drawer
+};

package/drawer/DrawerContent.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"),n=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoDrawerContent",render(){const t=n.getDefaultSlots(this);return e.createVNode("div",{class:"k-drawer-content"},[t])}});exports.DrawerContent=o;

package/drawer/DrawerContent.mjs

@@ -0,0 +1,21 @@
+/**
+ * @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 } from "@progress/kendo-vue-common";
+const d = /* @__PURE__ */ t({
+  name: "KendoDrawerContent",
+  render() {
+    const e = r(this);
+    return o("div", {
+      class: "k-drawer-content"
+    }, [e]);
+  }
+});
+export {
+  d as DrawerContent
+};

package/drawer/DrawerItem.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("@progress/kendo-vue-common"),b=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),g=t.defineComponent({name:"KendoDrawerItem",emits:{click:null},props:{index:Number,text:String,icon:String,svgIcon:Object,separator:Boolean,selected:Boolean,disabled:Boolean,targetItem:[Object,Array]},inject:{kendoDrawer:{default:null},kendoLocalizationService:{default:null}},computed:{itemClassNames(){const{disabled:e,selected:a}=this.$props;return{"k-drawer-item":!0,"k-selected":a,"k-disabled":e}}},render(){const e=r.getDefaultSlots(this),{text:a,icon:i,svgIcon:o,separator:l,disabled:n,selected:c,tabIndex:d}=this.$props,{expanded:u,mini:m,item:p}=this.kendoDrawer,h=b.provideLocalizationService(this).toLanguageString(s.separatorAriaMessage,s.messages[s.separatorAriaMessage]);return l?t.createVNode("li",{class:"k-drawer-item k-drawer-separator",role:"separator","aria-label":h},null):t.createVNode("li",{class:this.itemClassNames,role:"menuitem","aria-label":a,"aria-current":c,"aria-disabled":n,onClick:this.handleClick,tabindex:r.getTabIndex(d,n)},[p?e:[(i||o)&&t.createVNode(r.Icon,{name:r.getIconName(i),icon:o},null),!u&&m?null:t.createVNode("span",{class:"k-item-text"},[a])]])},methods:{focus(e){this.$el&&this.$el.focus(e)},handleClick(){if(!this.disabled){const e={element:this.$el,focus:this.focus,props:{...this.$props,...this.$attrs}};this.$emit("click",e,this.$props.index)}}}});exports.DrawerItem=g;

package/drawer/DrawerItem.mjs

@@ -0,0 +1,102 @@
+/**
+ * @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, createVNode as a } from "vue";
+import { getDefaultSlots as b, getTabIndex as f, Icon as k, getIconName as g } from "@progress/kendo-vue-common";
+import { provideLocalizationService as x } from "@progress/kendo-vue-intl";
+import { separatorAriaMessage as o, messages as I } from "../messages/main.mjs";
+const v = /* @__PURE__ */ h({
+  name: "KendoDrawerItem",
+  emits: {
+    click: null
+  },
+  props: {
+    index: Number,
+    text: String,
+    icon: String,
+    svgIcon: Object,
+    separator: Boolean,
+    selected: Boolean,
+    disabled: Boolean,
+    targetItem: [Object, Array]
+  },
+  inject: {
+    kendoDrawer: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  computed: {
+    itemClassNames() {
+      const {
+        disabled: e,
+        selected: t
+      } = this.$props;
+      return {
+        "k-drawer-item": !0,
+        "k-selected": t,
+        "k-disabled": e
+      };
+    }
+  },
+  render() {
+    const e = b(this), {
+      text: t,
+      icon: s,
+      svgIcon: i,
+      separator: l,
+      disabled: r,
+      selected: n,
+      tabIndex: c
+    } = this.$props, {
+      expanded: d,
+      mini: m,
+      item: p
+    } = this.kendoDrawer, u = x(this).toLanguageString(o, I[o]);
+    return l ? a("li", {
+      class: "k-drawer-item k-drawer-separator",
+      role: "separator",
+      "aria-label": u
+    }, null) : a("li", {
+      class: this.itemClassNames,
+      role: "menuitem",
+      "aria-label": t,
+      "aria-current": n,
+      "aria-disabled": r,
+      onClick: this.handleClick,
+      tabindex: f(c, r)
+    }, [p ? e : [(s || i) && a(k, {
+      name: g(s),
+      icon: i
+    }, null), !d && m ? null : a("span", {
+      class: "k-item-text"
+    }, [t])]]);
+  },
+  methods: {
+    focus(e) {
+      this.$el && this.$el.focus(e);
+    },
+    handleClick() {
+      if (!this.disabled) {
+        const e = {
+          element: this.$el,
+          focus: this.focus,
+          props: {
+            ...this.$props,
+            ...this.$attrs
+          }
+        };
+        this.$emit("click", e, this.$props.index);
+      }
+    }
+  }
+});
+export {
+  v as DrawerItem
+};

package/drawer/DrawerNavigation.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"),j=require("./DrawerItem.js"),r=require("@progress/kendo-vue-common"),M=240,R=50,V={type:"slide",duration:200},_={type:"slide",duration:0},E=e.defineComponent({name:"KendoDrawerNavigation",props:{item:[Object],header:[Object],footer:[Object],content:[Object],tabIndex:Number,showLicenseWatermark:Boolean,onSelect:Function},inject:{kendoDrawer:{default:null}},computed:{navigationClassNames(){const{position:a}=this.kendoDrawer;return{"k-widget k-drawer":!0,"k-drawer-start":a==="start","k-drawer-end":a==="end"}}},render(){const a=r.getDefaultSlots(this),{animation:i,expanded:l,mode:c,position:m,mini:o,dir:p,width:u,miniWidth:h,items:w}=this.kendoDrawer,D=this.$props.header,y=this.$props.footer,g=this.$props.content,t=typeof i!="boolean"?i:i===!1?_:V,f=u||M,k=h||R,N={opacity:1,flexBasis:f+"px",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},I={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},T={opacity:o?1:0,flexBasis:o?k+"px":0,WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},b={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},W={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},v={transform:"translateX(0%)",WebkitTransitionDuration:(t&&t.duration)+"ms",transitionDuration:(t&&t.duration)+"ms"},x=this.showLicenseWatermark?e.createVNode(r.WatermarkOverlay,null,null):null,O=l?c==="push"?N:I:c==="push"?T:p==="ltr"&&m==="start"||p==="rtl"&&m==="end"?o?v:b:o?v:W,A=w&&e.createVNode("ul",{class:"k-drawer-items",role:"menubar","aria-orientation":"vertical","aria-expanded":l},[w.map(function(n,d){let s=this.$props.item;s&&!s.type&&!s.render&&(s=r.templateRendering.call(this,this.$props.item,r.getListeners.call(this)));const L=e.createVNode(j.DrawerItem,{key:d,index:d,onClick:this.onDrawerItemSelect,text:n.text,icon:n.icon,svgIcon:n.svgIcon,separator:n.separator,selected:n.selected,targetItem:n.targetItem},null);return r.getTemplate.call(this,{h:e.h,template:s,defaultRendering:L,additionalProps:{...n,index:d},additionalListeners:{click:this.onDrawerItemSelect}})},this),x]),S=r.getTemplate.call(this,{h:e.h,template:D}),$=r.getTemplate.call(this,{h:e.h,template:y}),C=r.getTemplate.call(this,{h:e.h,template:g});return e.createVNode("div",{style:O,class:this.navigationClassNames},[e.createVNode("div",{class:"k-drawer-wrapper",style:!l&&o&&c==="overlay"?{width:k+"px"}:{width:f+"px"}},[S,g?C:A||a,$])])},methods:{focus(a){this.$el&&this.$el.focus(a)},onDrawerItemSelect(a,i){this.$emit("select",a,i)}}});exports.DrawerNavigation=E;

package/drawer/DrawerNavigation.mjs

@@ -0,0 +1,155 @@
+/**
+ * @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 _, createVNode as o, h as s } from "vue";
+import { DrawerItem as j } from "./DrawerItem.mjs";
+import { getDefaultSlots as E, WatermarkOverlay as F, templateRendering as M, getListeners as X, getTemplate as l } from "@progress/kendo-vue-common";
+const P = 240, B = 50, H = {
+  type: "slide",
+  duration: 200
+}, U = {
+  type: "slide",
+  duration: 0
+}, J = /* @__PURE__ */ _({
+  name: "KendoDrawerNavigation",
+  props: {
+    item: [Object],
+    header: [Object],
+    footer: [Object],
+    content: [Object],
+    tabIndex: Number,
+    showLicenseWatermark: Boolean,
+    onSelect: Function
+  },
+  inject: {
+    kendoDrawer: {
+      default: null
+    }
+  },
+  computed: {
+    navigationClassNames() {
+      const {
+        position: e
+      } = this.kendoDrawer;
+      return {
+        "k-widget k-drawer": !0,
+        "k-drawer-start": e === "start",
+        "k-drawer-end": e === "end"
+      };
+    }
+  },
+  render() {
+    const e = E(this), {
+      animation: n,
+      expanded: c,
+      mode: d,
+      position: p,
+      mini: r,
+      dir: u,
+      width: h,
+      miniWidth: w,
+      items: f
+    } = this.kendoDrawer, y = this.$props.header, I = this.$props.footer, k = this.$props.content, t = typeof n != "boolean" ? n : n === !1 ? U : H, g = h || P, D = w || B, N = {
+      opacity: 1,
+      flexBasis: g + "px",
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      /* Safari */
+      transition: "all " + (t && t.duration) + "ms"
+    }, b = {
+      opacity: 1,
+      transform: "translateX(0px)",
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      /* Safari */
+      transition: "all " + (t && t.duration) + "ms"
+    }, x = {
+      opacity: r ? 1 : 0,
+      flexBasis: r ? D + "px" : 0,
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      /* Safari */
+      transition: "all " + (t && t.duration) + "ms"
+    }, T = {
+      opacity: 0,
+      transform: "translateX(-100%)",
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      /* Safari */
+      transition: "all " + (t && t.duration) + "ms"
+    }, W = {
+      opacity: 0,
+      transform: "translateX(100%)",
+      WebkitTransition: "all " + (t && t.duration) + "ms",
+      /* Safari */
+      transition: "all " + (t && t.duration) + "ms"
+    }, v = {
+      transform: "translateX(0%)",
+      WebkitTransitionDuration: (t && t.duration) + "ms",
+      /* Safari */
+      transitionDuration: (t && t.duration) + "ms"
+    }, O = this.showLicenseWatermark ? o(F, null, null) : null, A = c ? d === "push" ? N : b : d === "push" ? x : u === "ltr" && p === "start" || u === "rtl" && p === "end" ? r ? v : T : r ? v : W, $ = f && o("ul", {
+      class: "k-drawer-items",
+      role: "menubar",
+      "aria-orientation": "vertical",
+      "aria-expanded": c
+    }, [f.map(function(a, m) {
+      let i = this.$props.item;
+      i && !i.type && !i.render && (i = M.call(this, this.$props.item, X.call(this)));
+      const R = o(j, {
+        key: m,
+        index: m,
+        onClick: this.onDrawerItemSelect,
+        text: a.text,
+        icon: a.icon,
+        svgIcon: a.svgIcon,
+        separator: a.separator,
+        selected: a.selected,
+        targetItem: a.targetItem
+      }, null);
+      return l.call(this, {
+        h: s,
+        template: i,
+        defaultRendering: R,
+        additionalProps: {
+          ...a,
+          index: m
+        },
+        additionalListeners: {
+          click: this.onDrawerItemSelect
+        }
+      });
+    }, this), O]), L = l.call(this, {
+      h: s,
+      template: y
+    }), S = l.call(this, {
+      h: s,
+      template: I
+    }), C = l.call(this, {
+      h: s,
+      template: k
+    });
+    return o("div", {
+      style: A,
+      class: this.navigationClassNames
+    }, [o("div", {
+      class: "k-drawer-wrapper",
+      style: !c && r && d === "overlay" ? {
+        width: D + "px"
+      } : {
+        width: g + "px"
+      }
+    }, [L, k ? C : $ || e, S])]);
+  },
+  methods: {
+    focus(e) {
+      this.$el && this.$el.focus(e);
+    },
+    onDrawerItemSelect(e, n) {
+      this.$emit("select", e, n);
+    }
+  }
+});
+export {
+  J as DrawerNavigation
+};

package/expansionpanel/ExpansionPanel.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 n=require("vue"),t=require("@progress/kendo-vue-common"),o=require("@progress/kendo-svg-icons"),m=require("../package-metadata.js"),f=n.defineComponent({name:"KendoExpansionPanel",props:{dir:String,id:String,tabIndex:Number,title:String,subtitle:String,titleRender:[String,Object,Function],subtitleRender:[String,Object,Function],expandIcon:String,expandSvgIcon:Object,collapseIcon:String,collapseSvgIcon:Object,expanded:Boolean,disabled:Boolean},created(){t.validatePackage(m.packageMetadata)},computed:{wrapperClass(){const{expanded:e,disabled:a}=this.$props;return{"k-expander":!0,"k-expanded":e,"k-focus":this.focused&&!a,"k-disabled":a}},expandIconName(){const{expanded:e,expandIcon:a,collapseIcon:s}=this.$props;return e?a?t.getIconName(a):"chevron-up":s?t.getIconName(s):"chevron-down"},expandSVGIcon(){const{expanded:e,expandSvgIcon:a,collapseSvgIcon:s}=this.$props;return e?a||o.chevronUpIcon:s||o.chevronDownIcon}},data(){return{focused:!1}},render(){const e=t.getDefaultSlots(this),{expanded:a=!1,disabled:s,title:d,titleRender:i,subtitle:r,subtitleRender:l,ariaControls:c,tabIndex:p,id:u}=this.$props,h=t.templateRendering.call(this,i,t.getListeners.call(this)),g=t.getTemplate.call(this,{h:n.h,template:h,defaultRendering:n.createVNode("div",{class:"k-expander-title"},[d])}),x=t.templateRendering.call(this,l,t.getListeners.call(this)),b=t.getTemplate.call(this,{h:n.h,template:x,defaultRendering:n.createVNode("div",{class:"k-expander-sub-title"},[r])});return n.createVNode("div",{class:this.wrapperClass,onFocusin:this.handleFocus,onFocusout:this.handleBlur,id:u,onKeydown:this.onKeyDown},[n.createVNode("div",{role:"button",ref:"header","aria-controls":c,"aria-expanded":a,"aria-disabled":s,tabindex:t.getTabIndex(p,s),class:"k-expander-header",onClick:this.onClick},[g,n.createVNode("span",{class:"k-spacer"},null),b,n.createVNode("span",{class:"k-expander-indicator"},[n.createVNode(t.Icon,{name:this.expandIconName,icon:this.expandSVGIcon},null)])]),e])},methods:{onClick(e){this.$props.disabled||this.$emit("action",{event:e,expanded:this.expanded})},onKeyDown(e){this.$props.disabled||(e.keyCode===t.Keys.enter||e.keyCode===t.Keys.space)&&e.target===this.$refs.header&&(e.preventDefault(),this.$emit("action",{event:e,expanded:this.expanded}))},handleFocus(){this.$props.disabled||(this.focused=!0)},handleBlur(){this.$props.disabled||(this.focused=!1)}}});exports.ExpansionPanel=f;

package/expansionpanel/ExpansionPanel.mjs

@@ -0,0 +1,138 @@
+/**
+ * @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, h as s, createVNode as a } from "vue";
+import { validatePackage as $, getIconName as o, getDefaultSlots as v, templateRendering as i, getListeners as d, getTemplate as r, getTabIndex as C, Icon as R, Keys as l } from "@progress/kendo-vue-common";
+import { chevronUpIcon as w, chevronDownIcon as y } from "@progress/kendo-svg-icons";
+import { packageMetadata as F } from "../package-metadata.mjs";
+const j = /* @__PURE__ */ S({
+  name: "KendoExpansionPanel",
+  props: {
+    dir: String,
+    id: String,
+    tabIndex: Number,
+    title: String,
+    subtitle: String,
+    titleRender: [String, Object, Function],
+    subtitleRender: [String, Object, Function],
+    expandIcon: String,
+    expandSvgIcon: Object,
+    collapseIcon: String,
+    collapseSvgIcon: Object,
+    expanded: Boolean,
+    disabled: Boolean
+  },
+  created() {
+    $(F);
+  },
+  computed: {
+    wrapperClass() {
+      const {
+        expanded: e,
+        disabled: t
+      } = this.$props;
+      return {
+        "k-expander": !0,
+        "k-expanded": e,
+        "k-focus": this.focused && !t,
+        "k-disabled": t
+      };
+    },
+    expandIconName() {
+      const {
+        expanded: e,
+        expandIcon: t,
+        collapseIcon: n
+      } = this.$props;
+      return e ? t ? o(t) : "chevron-up" : n ? o(n) : "chevron-down";
+    },
+    expandSVGIcon() {
+      const {
+        expanded: e,
+        expandSvgIcon: t,
+        collapseSvgIcon: n
+      } = this.$props;
+      return e ? t || w : n || y;
+    }
+  },
+  data() {
+    return {
+      focused: !1
+    };
+  },
+  render() {
+    const e = v(this), {
+      expanded: t = !1,
+      disabled: n,
+      title: c,
+      titleRender: p,
+      subtitle: h,
+      subtitleRender: u,
+      ariaControls: x,
+      tabIndex: b,
+      id: f
+    } = this.$props, m = i.call(this, p, d.call(this)), g = r.call(this, {
+      h: s,
+      template: m,
+      defaultRendering: a("div", {
+        class: "k-expander-title"
+      }, [c])
+    }), I = i.call(this, u, d.call(this)), k = r.call(this, {
+      h: s,
+      template: I,
+      defaultRendering: a("div", {
+        class: "k-expander-sub-title"
+      }, [h])
+    });
+    return a("div", {
+      class: this.wrapperClass,
+      onFocusin: this.handleFocus,
+      onFocusout: this.handleBlur,
+      id: f,
+      onKeydown: this.onKeyDown
+    }, [a("div", {
+      role: "button",
+      ref: "header",
+      "aria-controls": x,
+      "aria-expanded": t,
+      "aria-disabled": n,
+      tabindex: C(b, n),
+      class: "k-expander-header",
+      onClick: this.onClick
+    }, [g, a("span", {
+      class: "k-spacer"
+    }, null), k, a("span", {
+      class: "k-expander-indicator"
+    }, [a(R, {
+      name: this.expandIconName,
+      icon: this.expandSVGIcon
+    }, null)])]), e]);
+  },
+  methods: {
+    onClick(e) {
+      this.$props.disabled || this.$emit("action", {
+        event: e,
+        expanded: this.expanded
+      });
+    },
+    onKeyDown(e) {
+      this.$props.disabled || (e.keyCode === l.enter || e.keyCode === l.space) && e.target === this.$refs.header && (e.preventDefault(), this.$emit("action", {
+        event: e,
+        expanded: this.expanded
+      }));
+    },
+    handleFocus() {
+      this.$props.disabled || (this.focused = !0);
+    },
+    handleBlur() {
+      this.$props.disabled || (this.focused = !1);
+    }
+  }
+});
+export {
+  j as ExpansionPanel
+};

package/expansionpanel/ExpansionPanelContent.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"),a=require("../package-metadata.js"),n=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoExpansionPanelContent",created(){n.validatePackage(a.packageMetadata)},render(){const t=n.getDefaultSlots(this);return e.createVNode("div",{class:"k-expander-content-wrapper"},[e.createVNode("div",{class:"k-expander-content"},[t])])}});exports.ExpansionPanelContent=o;