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

package/panelbar/PanelBar.mjs

@@ -0,0 +1,190 @@
+/**
+ * @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 u, createVNode as l, h as p } from "vue";
+import { PanelBarItem as h } from "./PanelBarItem.mjs";
+import { getInitialState as m, getFirstId as f, renderChildren as y, flatChildren as k, isArrayEqual as x, flatVisibleChildren as g } from "./util.mjs";
+import { validatePackage as v, shouldShowValidationUI as I, classNames as P, WatermarkOverlay as S, Keys as n } from "@progress/kendo-vue-common";
+import { packageMetadata as o } from "../package-metadata.mjs";
+import { NavigationAction as s } from "./interfaces/NavigationAction.mjs";
+const $ = /* @__PURE__ */ u({
+  name: "KendoPanelBar",
+  emits: {
+    select: null,
+    keydown: null
+  },
+  props: {
+    animation: {
+      type: Boolean,
+      default: !0
+    },
+    items: Array,
+    dir: String,
+    selected: String,
+    expanded: {
+      type: Array,
+      default: void 0
+    },
+    focused: String,
+    expandMode: {
+      type: String,
+      default: "multiple",
+      validator: function(e) {
+        return ["single", "multiple"].includes(e);
+      }
+    },
+    className: String,
+    keepItemsMounted: Boolean
+  },
+  created() {
+    this.activeDescendant = null, v(o), this.showLicenseWatermark = I(o);
+  },
+  data() {
+    const e = m(this.$props, this.expandMode);
+    return e.currentFocused || (e.currentFocused = f(this.$props)), e;
+  },
+  computed: {
+    selectedItem() {
+      const {
+        selected: e = this.currentSelected
+      } = this.$props;
+      return e;
+    },
+    expandedItems() {
+      return this.$props.expanded !== void 0 ? this.$props.expanded || [] : this.currentExpanded;
+    },
+    computedItems() {
+      const e = {
+        currentExpanded: [],
+        ...this.$data,
+        selected: this.selectedItem
+      }, i = {
+        animation: this.$props.animation,
+        keepItemsMounted: this.$props.keepItemsMounted,
+        state: e,
+        expanded: this.expandedItems,
+        handleSelect: this.handleSelect
+      };
+      return y.call(this, this.items, i);
+    }
+  },
+  provide() {
+    return {
+      dispatchItemSelect: this.handleSelect
+    };
+  },
+  render() {
+    const e = P("k-panelbar", this.$props.className), i = this.showLicenseWatermark ? l(S, null, null) : null;
+    return l("ul", {
+      dir: this.$props.dir,
+      role: "tree",
+      tabindex: 0,
+      onKeydown: this.handleKeyDown,
+      onFocus: this.handleWrapperFocus,
+      onBlur: this.handleWrapperBlur,
+      class: e,
+      "aria-activedescendant": this.activeDescendant
+    }, [this.computedItems.map(function(t) {
+      return p(h, {
+        ...t,
+        item: t
+      });
+    }, this), i]);
+  },
+  methods: {
+    handleSelect(e) {
+      this.onSelect(e), this.onFocus(e);
+    },
+    onSelect(e) {
+      const i = k(this.computedItems);
+      let t, a;
+      if (i.forEach((r) => {
+        r.uniquePrivateKey === (e.uniquePrivateKey || this.currentFocused) && (t = r);
+      }), t) {
+        let r;
+        switch (this.expandMode) {
+          case "single":
+            a = [...t.parentUniquePrivateKey, t.uniquePrivateKey], x(this.expandedItems, a) && (t.parentUniquePrivateKey ? a = [...t.parentUniquePrivateKey] : a = []);
+            break;
+          case "multiple":
+            a = this.expandedItems.slice(), r = a.indexOf(t.uniquePrivateKey), r === -1 ? a.push(t.uniquePrivateKey) : a.splice(r, 1);
+            break;
+          default:
+            a = this.expandedItems.slice();
+            break;
+        }
+        this.currentSelected = t.uniquePrivateKey, this.currentExpanded = a, this.$emit("select", {
+          target: t,
+          expandedItems: a
+        });
+      }
+    },
+    onFocus(e, i = 0) {
+      const t = g(this.computedItems);
+      let a;
+      t.forEach((r, d) => {
+        if (r.uniquePrivateKey === (e.uniquePrivateKey || this.currentFocused)) {
+          let c = d + i < 0 ? 0 : d + i > t.length ? t.length - 1 : d + i;
+          a = t[c];
+        }
+      }), a && (this.activeDescendant = a.id, this.currentFocused = a.uniquePrivateKey);
+    },
+    onNavigate(e, i) {
+      let t;
+      switch (i) {
+        case s.Previous:
+          t = -1, this.onFocus(e, t);
+          break;
+        case s.Next:
+          t = 1, this.onFocus(e, t);
+          break;
+        case s.Toggle:
+          this.onSelect(e);
+          break;
+      }
+    },
+    handleWrapperFocus() {
+      this.wrapperFocused || (this.wrapperFocused = !0);
+    },
+    handleWrapperBlur() {
+      this.wrapperFocused = !1;
+    },
+    handleKeyDown(e) {
+      const i = this._element && getComputedStyle(this._element).direction === "rtl" || !1;
+      if (e.target === e.currentTarget) {
+        const t = e.keyCode;
+        let a;
+        switch (t) {
+          case n.left:
+            a = i ? s.Next : s.Previous;
+            break;
+          case n.up:
+            a = s.Previous;
+            break;
+          case n.right:
+            a = i ? s.Previous : s.Next;
+            break;
+          case n.down:
+            a = s.Next;
+            break;
+          case n.space:
+          case n.enter:
+            a = s.Toggle;
+            break;
+          default:
+            a = null;
+            break;
+        }
+        a !== null && (e.preventDefault(), this.onNavigate(e, a));
+      }
+      this.$emit("keydown", e);
+    }
+  }
+});
+export {
+  $ as PanelBar
+};

package/panelbar/PanelBarItem.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"),o=require("@progress/kendo-vue-common"),k=require("@progress/kendo-svg-icons"),q=require("@progress/kendo-vue-animation");function E(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const w=e.defineComponent({name:"KendoPanelBarGroup",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],content:Object},data(){return{show:this.$props.expanded}},render(){const{item:t,items:s,uniquePrivateKey:p,disabled:c,expanded:r,animation:i,keepItemsMounted:u}=this.$props,h={display:"block"},n=o.getTemplate.call(this,{h:e.h,template:this.$props.content,defaultRendering:null,additionalProps:{...this.$props,show:this.show}}),d=!c&&r,l=d||u?s?e.createVNode("ul",{role:"group",class:"k-panelbar-group",style:{display:u?this.$data.show?"block":"none":"block"}},[s.map(function(a){return e.h(g,{...a,item:t})},this)]):this.$props.content?e.createVNode("div",{class:"k-panelbar-content"},[n]):null:null;return(i===void 0||i)&&!c?e.createVNode(q.Reveal,{appear:d,transitionEnterDuration:200,transitionExitDuration:200,key:p+"_animation",style:h,onEntering:this.handleEntering,onExited:this.handleExited},E(l)?l:{default:()=>[l]}):l},methods:{handleEntering(){this.keepItemsMounted&&(this.show=!0)},handleExited(){this.keepItemsMounted&&(this.show=!1)}}}),g=e.defineComponent({name:"KendoPanelBarItem",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,selected:Boolean,level:Number,title:{type:[String,Object,Function],default:function(){return"Untitled"}},id:[String,Number],focused:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],parentUniquePrivateKey:Array,parentExpanded:Boolean,headerClassName:String,iconClass:String,imageUrl:String,icon:String,svgIcon:Object,content:Object,header:Object},inject:{dispatchItemSelect:{default:null}},render(){const{id:t,item:s,icon:p,svgIcon:c,items:r,content:i,title:u,uniquePrivateKey:h,disabled:n,selected:d,focused:l,expanded:a,className:I,level:b,headerClassName:N,animation:f,keepItemsMounted:y}=this.$props,m=!!r||i,v=o.classNames("k-panelbar-item",{"k-panelbar-header":b===0,"k-panelbar-item":b!==0,"k-expanded":a&&m,"k-disabled":n},`k-level-${b}`,I),B=o.classNames("k-link",{"k-selected":!n&&d,"k-focus":l},N),S=o.classNames("k-panelbar-toggle",{"k-panelbar-collapse":a&&m,"k-panelbar-expand":!a&&m}),C=a?"chevron-up":"chevron-down",P=a?k.chevronUpIcon:k.chevronDownIcon,x=function(){return this.imageUrl?e.createVNode("img",{role:"presentation",class:"k-panelbar-item-icon k-image",src:this.imageUrl},null):p||c?e.createVNode(o.Icon,{name:p,class:"k-panelbar-item-icon",icon:c},null):this.iconClass?e.createVNode(o.Icon,{class:"k-panelbar-item-icon "+this.iconClass},null):null}.call(this),V=!n&&(r||i)?e.createVNode(o.Icon,{name:C,icon:P,class:S},null):null,$=r||i?e.createVNode(w,{items:r,item:s,content:i,uniquePrivateKey:h,disabled:n,expanded:a,animation:f,keepItemsMounted:y},null):null,j=o.getTemplate.call(this,{h:e.h,template:this.$props.header,defaultRendering:null,additionalProps:{...this.$props}});return e.createVNode("li",{id:t,class:v,role:"treeitem","aria-disabled":n,"aria-hidden":!n&&!a,"aria-selected":!n&&d,"aria-expanded":!n&&a&&m},[e.createVNode("span",{class:B,onClick:this.handleItemClick},[x,this.$props.header?j:e.createVNode("span",{class:"k-panelbar-item-text"},[u]),V]),$])},methods:{handleItemClick(){const{disabled:t,id:s}=this.$props;t||this.dispatchItemSelect({uniquePrivateKey:this.$props.uniquePrivateKey,id:s,target:this})},childFactory(t){return t}}});exports.PanelBarItem=g;

package/panelbar/PanelBarItem.mjs

@@ -0,0 +1,217 @@
+/**
+ * @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 f, createVNode as t, h as g, isVNode as O } from "vue";
+import { classNames as b, Icon as k, getTemplate as I } from "@progress/kendo-vue-common";
+import { chevronUpIcon as q, chevronDownIcon as M } from "@progress/kendo-svg-icons";
+import { Reveal as U } from "@progress/kendo-vue-animation";
+function A(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+}
+const R = /* @__PURE__ */ f({
+  name: "KendoPanelBarGroup",
+  props: {
+    item: Object,
+    items: Array,
+    animation: Boolean,
+    expanded: Boolean,
+    disabled: Boolean,
+    keepItemsMounted: Boolean,
+    uniquePrivateKey: [String, Number],
+    content: Object
+  },
+  data() {
+    return {
+      show: this.$props.expanded
+    };
+  },
+  render() {
+    const {
+      item: e,
+      items: o,
+      uniquePrivateKey: d,
+      disabled: r,
+      expanded: s,
+      animation: i,
+      keepItemsMounted: p
+    } = this.$props, u = {
+      display: "block"
+    }, n = I.call(this, {
+      h: g,
+      template: this.$props.content,
+      defaultRendering: null,
+      additionalProps: {
+        ...this.$props,
+        show: this.show
+      }
+    }), c = !r && s, l = c || p ? o ? t("ul", {
+      role: "group",
+      class: "k-panelbar-group",
+      style: {
+        display: p ? this.$data.show ? "block" : "none" : "block"
+      }
+    }, [o.map(function(a) {
+      return g(D, {
+        ...a,
+        item: e
+      });
+    }, this)]) : this.$props.content ? t("div", {
+      class: "k-panelbar-content"
+    }, [n]) : null : null;
+    return (i === void 0 || i) && !r ? t(U, {
+      appear: c,
+      transitionEnterDuration: 200,
+      transitionExitDuration: 200,
+      key: d + "_animation",
+      style: u,
+      onEntering: this.handleEntering,
+      onExited: this.handleExited
+    }, A(l) ? l : {
+      default: () => [l]
+    }) : l;
+  },
+  methods: {
+    handleEntering() {
+      this.keepItemsMounted && (this.show = !0);
+    },
+    handleExited() {
+      this.keepItemsMounted && (this.show = !1);
+    }
+  }
+}), D = /* @__PURE__ */ f({
+  name: "KendoPanelBarItem",
+  props: {
+    item: Object,
+    items: Array,
+    animation: Boolean,
+    expanded: Boolean,
+    disabled: Boolean,
+    selected: Boolean,
+    level: Number,
+    title: {
+      type: [String, Object, Function],
+      default: function() {
+        return "Untitled";
+      }
+    },
+    id: [String, Number],
+    focused: Boolean,
+    keepItemsMounted: Boolean,
+    uniquePrivateKey: [String, Number],
+    parentUniquePrivateKey: Array,
+    parentExpanded: Boolean,
+    headerClassName: String,
+    iconClass: String,
+    imageUrl: String,
+    icon: String,
+    svgIcon: Object,
+    content: Object,
+    header: Object
+  },
+  inject: {
+    dispatchItemSelect: {
+      default: null
+    }
+  },
+  render() {
+    const {
+      id: e,
+      item: o,
+      icon: d,
+      svgIcon: r,
+      items: s,
+      content: i,
+      title: p,
+      uniquePrivateKey: u,
+      disabled: n,
+      selected: c,
+      focused: l,
+      expanded: a,
+      className: y,
+      level: h,
+      headerClassName: v,
+      animation: B,
+      keepItemsMounted: x
+    } = this.$props, m = !!s || i, C = b("k-panelbar-item", {
+      "k-panelbar-header": h === 0,
+      "k-panelbar-item": h !== 0,
+      "k-expanded": a && m,
+      "k-disabled": n
+    }, `k-level-${h}`, y), N = b("k-link", {
+      "k-selected": !n && c,
+      "k-focus": l
+    }, v), P = b("k-panelbar-toggle", {
+      "k-panelbar-collapse": a && m,
+      "k-panelbar-expand": !a && m
+    }), S = a ? "chevron-up" : "chevron-down", $ = a ? q : M, j = function() {
+      return this.imageUrl ? t("img", {
+        role: "presentation",
+        class: "k-panelbar-item-icon k-image",
+        src: this.imageUrl
+      }, null) : d || r ? t(k, {
+        name: d,
+        class: "k-panelbar-item-icon",
+        icon: r
+      }, null) : this.iconClass ? t(k, {
+        class: "k-panelbar-item-icon " + this.iconClass
+      }, null) : null;
+    }.call(this), E = !n && (s || i) ? t(k, {
+      name: S,
+      icon: $,
+      class: P
+    }, null) : null, w = s || i ? t(R, {
+      items: s,
+      item: o,
+      content: i,
+      uniquePrivateKey: u,
+      disabled: n,
+      expanded: a,
+      animation: B,
+      keepItemsMounted: x
+    }, null) : null, K = I.call(this, {
+      h: g,
+      template: this.$props.header,
+      defaultRendering: null,
+      additionalProps: {
+        ...this.$props
+      }
+    });
+    return t("li", {
+      id: e,
+      class: C,
+      role: "treeitem",
+      "aria-disabled": n,
+      "aria-hidden": !n && !a,
+      "aria-selected": !n && c,
+      "aria-expanded": !n && a && m
+    }, [t("span", {
+      class: N,
+      onClick: this.handleItemClick
+    }, [j, this.$props.header ? K : t("span", {
+      class: "k-panelbar-item-text"
+    }, [p]), E]), w]);
+  },
+  methods: {
+    handleItemClick() {
+      const {
+        disabled: e,
+        id: o
+      } = this.$props;
+      e || this.dispatchItemSelect({
+        uniquePrivateKey: this.$props.uniquePrivateKey,
+        id: o,
+        target: this
+      });
+    },
+    childFactory(e) {
+      return e;
+    }
+  }
+});
+export {
+  D as PanelBarItem
+};

package/panelbar/interfaces/NavigationAction.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"});var r=(e=>(e[e.Toggle=0]="Toggle",e[e.Next=1]="Next",e[e.Previous=2]="Previous",e))(r||{});exports.NavigationAction=r;

package/panelbar/interfaces/NavigationAction.mjs

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+var r = /* @__PURE__ */ ((e) => (e[e.Toggle = 0] = "Toggle", e[e.Next = 1] = "Next", e[e.Previous = 2] = "Previous", e))(r || {});
+export {
+  r as NavigationAction
+};

package/panelbar/util.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 f=require("@progress/kendo-vue-common"),g=function(t,{animation:n=!0,keepItemsMounted:e=!1,state:i,expanded:d,handleSelect:r,parentExpanded:c=!0,level:u=0,parentPrivateKey:o=[]}){return t.map(function(s,S){let p,a=l(s,o,S);const F=f.templateRendering.call(this,s.content,f.getListeners.call(this)),h=f.templateRendering.call(this,s.header,f.getListeners.call(this));if(s.items){const q={animation:n,keepItemsMounted:e,state:i,expanded:d,handleSelect:r,parentExpanded:(d||[]).indexOf(a)>-1,level:u+1,parentPrivateKey:[...o,a]};p=g.call(this,s.items,q)}return{...s,animation:s.animation!==void 0?s.animation:n,keepItemsMounted:e,id:s.id||`k-panelbar-item-default-${a}`,uniquePrivateKey:a,parentUniquePrivateKey:o,parentExpanded:c,level:u,expanded:(d||[]).indexOf(a)>-1,focused:i.currentFocused===a&&i.wrapperFocused,selected:i.currentSelected===a,items:p,content:F,header:h}},this)},I=t=>{const n=t.items[0];return n?l(n,[],0):""},E=(t,n,e={currentExpanded:t.expanded||[],currentSelected:t.selected||"",currentFocused:t.focused||"",wrapperFocused:!1},i=!0,d=[])=>(t.items.forEach((r,c)=>{let u=l(r,d,c);!r.disabled&&i&&(r.selected&&(e.currentSelected=u),r.focused&&(e.currentFocused=u),r.expanded&&(n==="multiple"?e.currentExpanded.push(u):n==="single"&&(e.currentExpanded=[u])),r.items&&(e=E(r,n,e,!!r.expanded,[...d,u])))}),e),l=(t,n,e)=>t&&t&&t.id?t.id:n.length?n[n.length-1]+`.${e}`:`.${e}`;function m(t,n=[]){return(t||[]).forEach(e=>{e.disabled||(n.push(e),e.expanded&&e.children&&m(e.children,n))}),n}function x(t,n=[]){return t.forEach(e=>{e&&e&&!e.disabled&&(n.push(e),e.items&&x(e.items,n))}),n}function b(t,n=[]){return t.forEach(e=>{e&&(e.expanded||e.parentExpanded)&&(n.push(e),e.items&&b(e.items,n))}),n}const C=t=>t!=null,y=(t,n)=>t.length!==n.length?!1:t.every((e,i)=>e===n[i]);exports.flatChildren=x;exports.flatVisibleChildren=b;exports.flatVisibleItems=m;exports.getFirstId=I;exports.getInitialState=E;exports.isArrayEqual=y;exports.isPresent=C;exports.renderChildren=g;

package/panelbar/util.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 { templateRendering as l, getListeners as E } from "@progress/kendo-vue-common";
+const S = function(t, {
+  animation: n = !0,
+  keepItemsMounted: e = !1,
+  state: u,
+  expanded: a,
+  handleSelect: r,
+  parentExpanded: d = !0,
+  level: f = 0,
+  parentPrivateKey: c = []
+}) {
+  return t.map(function(s, g) {
+    let p, i = o(s, c, g);
+    const x = l.call(this, s.content, E.call(this)), m = l.call(this, s.header, E.call(this));
+    if (s.items) {
+      const F = {
+        animation: n,
+        keepItemsMounted: e,
+        state: u,
+        expanded: a,
+        handleSelect: r,
+        parentExpanded: (a || []).indexOf(i) > -1,
+        level: f + 1,
+        parentPrivateKey: [...c, i]
+      };
+      p = S.call(this, s.items, F);
+    }
+    return {
+      ...s,
+      animation: s.animation !== void 0 ? s.animation : n,
+      keepItemsMounted: e,
+      id: s.id || `k-panelbar-item-default-${i}`,
+      uniquePrivateKey: i,
+      parentUniquePrivateKey: c,
+      parentExpanded: d,
+      level: f,
+      expanded: (a || []).indexOf(i) > -1,
+      focused: u.currentFocused === i && u.wrapperFocused,
+      selected: u.currentSelected === i,
+      items: p,
+      content: x,
+      header: m
+    };
+  }, this);
+}, I = (t) => {
+  const n = t.items[0];
+  return n ? o(n, [], 0) : "";
+}, b = (t, n, e = {
+  currentExpanded: t.expanded || [],
+  currentSelected: t.selected || "",
+  currentFocused: t.focused || "",
+  wrapperFocused: !1
+}, u = !0, a = []) => (t.items.forEach((r, d) => {
+  let f = o(r, a, d);
+  !r.disabled && u && (r.selected && (e.currentSelected = f), r.focused && (e.currentFocused = f), r.expanded && (n === "multiple" ? e.currentExpanded.push(f) : n === "single" && (e.currentExpanded = [f])), r.items && (e = b(r, n, e, !!r.expanded, [...a, f])));
+}), e), o = (t, n, e) => t && t && t.id ? t.id : n.length ? n[n.length - 1] + `.${e}` : `.${e}`;
+function q(t, n = []) {
+  return (t || []).forEach((e) => {
+    e.disabled || (n.push(e), e.expanded && e.children && q(e.children, n));
+  }), n;
+}
+function $(t, n = []) {
+  return t.forEach((e) => {
+    e && e && !e.disabled && (n.push(e), e.items && $(e.items, n));
+  }), n;
+}
+function h(t, n = []) {
+  return t.forEach((e) => {
+    e && (e.expanded || e.parentExpanded) && (n.push(e), e.items && h(e.items, n));
+  }), n;
+}
+const O = (t) => t != null, v = (t, n) => t.length !== n.length ? !1 : t.every((e, u) => e === n[u]);
+export {
+  $ as flatChildren,
+  h as flatVisibleChildren,
+  q as flatVisibleItems,
+  I as getFirstId,
+  b as getInitialState,
+  v as isArrayEqual,
+  O as isPresent,
+  S as renderChildren
+};

package/splitter/Splitter.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 x=require("vue"),y=require("./SplitterPane.js"),E=require("./SplitterBar.js"),z=require("@progress/kendo-vue-common"),T=require("../package-metadata.js"),$={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},k=150,R=x.defineComponent({name:"KendoSplitter",props:{orientation:{type:String,default:"horizontal",validator:function(e){return["vertical","horizontal"].includes(e)}},panes:Array,defaultPanes:Array},mounted(){this.currentRtl=z.isRtl(this.$el)},emits:{change:null},computed:{isControlledState(){return this.$props.panes!==void 0},computedPanes(){return this.isControlledState?this.$props.panes:this.currentPanes}},created(){z.validatePackage(T.packageMetadata)},data(){return{currentRtl:!1,isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,currentPanes:this.$props.defaultPanes||[]}},render(){const e=this.panesOptions(),n=z.classNames("k-widget","k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`);this.validatePanes(e);const i=function(s){return s.map(function(t,r){const a=z.templateRendering.call(this,t.content,z.getListeners.call(this));let o;const c=r*2,l=c+1;if(r+1<s.length){const d=s[r+1];o=x.createVNode(E.SplitterBar,{key:l,index:r,orientation:this.orientation,prev:t,next:d,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardresize:this.onBarKeyboardResize,isRtl:this.currentRtl},null)}return[x.createVNode(y.SplitterPane,{key:c,containsSplitter:t.containsSplitter,size:t.size,min:t.min,max:t.max,resizable:t.resizable,collapsible:t.collapsible,collapsed:t.collapsed,scrollable:t.scrollable,keepMounted:t.keepMounted,content:a},null),o]},this)};return x.createVNode("div",{class:n},[i.call(this,e)])},methods:{validatePanes(e){if(!e.filter(i=>i.size===void 0).length)throw new Error("The Splitter should have at least one pane without a set size.")},mapPaneOptions(e){const n=this.orientation,i=[];for(let s=0;s<e.length;s++){let t=!1;this.isDragging&&this.dragIndex!==void 0&&(t=this.dragIndex===s||this.dragIndex+1===s),i.push({...$,orientation:n,overlay:t,...e[s]})}return i},onBarToggle(e,n){const s=this.panesOptions().map((t,r)=>{const a=t;return r===e?{...a,collapsed:!t.collapsed}:{...a}});this.$emit("change",{newState:s,isLast:!0,nativeEvent:n})},onBarDragResize(e,n,i,s,t){const r=new Date().getTime(),{pageX:a,pageY:o}=e,{prevElement:c,nextElement:l}=this.surroudingPanes(n);if(!c||!l)return;if(s){this.isDragging=!0,this.dragIndex=i,this.startTime=r,this.originalX=a,this.originalY=o,this.originalPrevSize=this.elementSize(c),this.originalNextSize=this.elementSize(l);return}const{originalPrevSize:u,originalNextSize:d,startTime:h,originalX:m,originalY:f}=this.$data;if(!s&&r-h<k){t&&this.resetDragState();return}let p;this.orientation==="vertical"?p=o-f:this.currentRtl?p=m-a:p=a-m,this.resize(i,i+1,u,d,p,t,e),t&&this.resetDragState()},onBarKeyboardResize(e,n,i,s){const{prevElement:t,nextElement:r}=this.surroudingPanes(e),a=this.elementSize(t),o=this.elementSize(r);this.resize(n,n+1,a,o,i,!0,s)},surroudingPanes(e){return{prevElement:e.previousElementSibling,nextElement:e.nextElementSibling}},containerSize(){return this.$el?this.elementSize(this.$el,!0):0},isPercent(e){return/%$/.test(e)},toPixels(e,n){let i=parseInt(e,10);return this.isPercent(e)&&(i=n*i/100),i},panesOptions(){return this.mapPaneOptions(this.computedPanes)},resetDragState(){this.isDragging=!1,this.dragIndex=void 0,this.startTime=0,this.originalX=0,this.originalY=0,this.originalPrevSize=0,this.originalNextSize=0},elementSize(e,n){const i=n?"client":"offset";return this.orientation==="vertical"?e[`${i}Height`]:e[`${i}Width`]},clamp(e,n,i){return Math.min(n,Math.max(e,i))},fixedSize(e){return e&&e.length>0},resize(e,n,i,s,t,r,a){const o=this.panesOptions(),c=o[e],l=o[n],u=i+s,d=this.containerSize(),h=g=>this.toPixels(g,d),m={index:e,initialSize:i,min:h(c.min)||u-h(l.max)||0,max:h(c.max)||u-h(l.min)||u},f={index:n,initialSize:s,min:h(l.min)||u-h(c.max)||0,max:h(l.max)||u-h(c.min)||u},p=(g,P)=>{const S=o[g.index],O=this.clamp(g.min,g.max,g.initialSize+P);return this.isPercent(S.size||"")?100*O/d+"%":O+"px"};let v,b;this.fixedSize(c.size)&&this.fixedSize(l.size)?(v=p(m,t),b=p(f,-t)):l.collapsible||this.fixedSize(l.size)?b=p(f,-t):v=p(m,t);const D=o.map((g,P)=>{const S=g;return P===e?{...S,size:v}:P===n?{...S,size:b}:{...S}});this.panesDuringOnChange=D,this.isControlledState||(this.currentPanes=D),this.$emit("change",{newState:D,isLast:r,nativeEvent:a}),this.panesDuringOnChange=void 0}}});exports.Splitter=R;