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

package/rows/TreeListRow.mjs

@@ -0,0 +1,124 @@
+/**
+ * @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 u, h } from "vue";
+import { getDefaultSlots as c, getTemplate as m } from "@progress/kendo-vue-common";
+const k = /* @__PURE__ */ d({
+  name: "KendoTreeListRow",
+  inheritAttrs: !1,
+  emits: {
+    click: null,
+    dblclick: null,
+    contextmenu: null,
+    focus: null,
+    blur: null,
+    mousedown: null,
+    mouseup: null
+  },
+  props: {
+    level: Array,
+    className: String,
+    expanded: Boolean,
+    rowIndex: Number,
+    levels: Array,
+    ariaSetSize: Number,
+    ariaPosInSet: Number,
+    isSelected: Boolean,
+    dataItem: Object,
+    isAltRow: Boolean,
+    onClick: Function,
+    selectedField: String,
+    rowHeight: Number,
+    ariaRowIndex: Number,
+    render: [String, Function, Object]
+  },
+  computed: {
+    wrapperClass() {
+      const {
+        isSelected: e,
+        isAltRow: t,
+        className: l
+      } = this.$props;
+      return {
+        "k-table-row": !0,
+        "k-table-alt-row": t,
+        "k-master-row": !0,
+        "k-selected": e,
+        "k-alt": t,
+        "k-group-footer": this.dataItem && this.dataItem.footer,
+        [l]: l
+      };
+    }
+  },
+  methods: {
+    handleClick(e) {
+      this.$emit("click", e);
+    },
+    handleDoubleClick(e) {
+      this.$emit("dblclick", e);
+    },
+    handleContextMenu(e) {
+      this.$emit("contextmenu", e);
+    },
+    handleFocus(e) {
+      this.$emit("focus", e);
+    },
+    handleBlur(e) {
+      this.$emit("blur", e);
+    },
+    handleMousedown(e) {
+      this.$emit("mousedown", e);
+    },
+    handleMouseup(e) {
+      this.$emit("mouseup", e);
+    }
+  },
+  render() {
+    const e = c(this), {
+      rowHeight: t,
+      expanded: l,
+      ariaRowIndex: o,
+      level: n,
+      ariaSetSize: i,
+      ariaPosInSet: s,
+      rowIndex: a
+    } = this.$props, r = u("tr", {
+      onClick: this.handleClick,
+      onDblclick: this.handleDoubleClick,
+      onContextmenu: this.handleContextMenu,
+      onFocus: this.handleFocus,
+      onBlur: this.handleBlur,
+      onMousedown: this.handleMousedown,
+      onMouseup: this.handleMouseup,
+      class: this.wrapperClass,
+      style: t !== void 0 ? {
+        height: t + "px"
+      } : this.$attrs.style,
+      "aria-expanded": l,
+      role: "row",
+      "aria-rowindex": o,
+      "aria-level": n.length,
+      "aria-posinset": s,
+      "aria-setsize": i,
+      "data-grid-row-index": a
+    }, [e]);
+    return m.call(this, {
+      h,
+      template: this.$props.render,
+      defaultRendering: r,
+      additionalProps: this.$props,
+      additionalListeners: {
+        click: this.handleClick
+      },
+      defaultSlots: e,
+      swapDefaultSlots: !0
+    });
+  }
+});
+export {
+  k as TreeListRow
+};

package/utils/data-operations.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("./main.js"),T=require("@progress/kendo-vue-data-tools"),u=require("@progress/kendo-vue-common");function v(t,e,n){return T.orderBy(t,e,n)}function D(t,e,n){return T.filterBy(t,e,n)}const i=(t,e,n)=>u.mapTree(t,e,n),d=(t,e,n,o)=>u.mapTreeItem(t,e,n,o);function y(t,e,n){let o=[];const r=[];for(let a=t.length-1;a>=0;a--){const c=t[a];o.push({root:c,data:e(c),level:[a],levelCount:t.length})}for(;o.length>0;){let a=o.pop();if(r.push({dataItem:a.root,level:[...a.level],...n(a.root),levelCount:a.levelCount}),a.data.length)for(let c=a.data.length-1;c>=0;c--){const l=a.data[c];o.push({root:l,data:e(l),level:[...a.level,c],levelCount:a.data.length})}}return r}const B=(t,e,n)=>{const o=s=>!!f.getNestedValue(e,s),r=s=>!!f.getNestedValue(n,s),a=s=>{const h=[];return o(s)&&r(s)&&h.push(...f.getNestedValue(n,s)),h},c=(s,h,p)=>{h.push({...s,level:p}),a(s).forEach(g=>c(g,h,p+1))},l=[];return t.forEach(s=>c(s,l,0)),l},C=(t,e,n,o)=>{let r={},a=[],c;return t.forEach(l=>r[e(l)]={...l}),t.forEach(l=>{c=r[n(l)],c?(c[o]=c[o]||[],c[o].push(r[e(l)])):a.push(r[e(l)])}),a},P=(t,e,n)=>u.extendDataItem(t,e,n),x=(t,e,n)=>[...i([{[e]:[...t]}],e,r=>I(r,n,e))[0][e]],I=(t,e,n)=>{const o=t[n]||[],r=o.findIndex(e);if(r!==-1){const a=[...o];return a.splice(r,1),{...t,[n]:a}}return t},V=(t,e,n,o)=>i(t,e,r=>n(r)?{...r,[e]:o(r[e]||[])}:r),m=(t,e,n)=>u.getItemPath(t,e,n),k=(t,e,n,o)=>{const r=[...t],a=m(r,e,o),c=a.pop(),l=a.pop(),s=e[e.length-1];if(n){const p=m(r,n,o).pop();(l?l[o]:r).splice(s,1),p[o]=p[o]||[],p[o].push(c)}else(l?l[o]:r).splice(s,1),r.push(c);return r};exports.createDataTree=C;exports.extendDataItem=P;exports.filterBy=D;exports.flatData=y;exports.getItemPath=m;exports.mapTree=i;exports.mapTreeItem=d;exports.modifySubItems=V;exports.moveTreeItem=k;exports.orderBy=v;exports.removeItems=x;exports.treeToFlat=B;

package/utils/data-operations.mjs

@@ -0,0 +1,103 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { getNestedValue as f } from "./main.mjs";
+import { orderBy as i, filterBy as v } from "@progress/kendo-vue-data-tools";
+import { mapTree as T, mapTreeItem as x, extendDataItem as B, getItemPath as D } from "@progress/kendo-vue-common";
+function w(e, t, n) {
+  return i(e, t, n);
+}
+function E(e, t, n) {
+  return v(e, t, n);
+}
+const m = (e, t, n) => T(e, t, n), d = (e, t, n, o) => x(e, t, n, o);
+function I(e, t, n) {
+  let o = [];
+  const r = [];
+  for (let a = e.length - 1; a >= 0; a--) {
+    const c = e[a];
+    o.push({
+      root: c,
+      data: t(c),
+      level: [a],
+      levelCount: e.length
+    });
+  }
+  for (; o.length > 0; ) {
+    let a = o.pop();
+    if (r.push({
+      dataItem: a.root,
+      level: [...a.level],
+      ...n(a.root),
+      levelCount: a.levelCount
+    }), a.data.length)
+      for (let c = a.data.length - 1; c >= 0; c--) {
+        const h = a.data[c];
+        o.push({
+          root: h,
+          data: t(h),
+          level: [...a.level, c],
+          levelCount: a.data.length
+        });
+      }
+  }
+  return r;
+}
+const k = (e, t, n) => {
+  const o = (l) => !!f(t, l), r = (l) => !!f(n, l), a = (l) => {
+    const p = [];
+    return o(l) && r(l) && p.push(...f(n, l)), p;
+  }, c = (l, p, s) => {
+    p.push({ ...l, level: s }), a(l).forEach((g) => c(g, p, s + 1));
+  }, h = [];
+  return e.forEach((l) => c(l, h, 0)), h;
+}, N = (e, t, n, o) => {
+  let r = {}, a = [], c;
+  return e.forEach((h) => r[t(h)] = { ...h }), e.forEach((h) => {
+    c = r[n(h)], c ? (c[o] = c[o] || [], c[o].push(r[t(h)])) : a.push(r[t(h)]);
+  }), a;
+}, S = (e, t, n) => B(e, t, n), V = (e, t, n) => [...m(
+  [{ [t]: [...e] }],
+  t,
+  (r) => y(r, n, t)
+)[0][t]], y = (e, t, n) => {
+  const o = e[n] || [], r = o.findIndex(t);
+  if (r !== -1) {
+    const a = [...o];
+    return a.splice(r, 1), {
+      ...e,
+      [n]: a
+    };
+  }
+  return e;
+}, j = (e, t, n, o) => m(
+  e,
+  t,
+  (r) => n(r) ? { ...r, [t]: o(r[t] || []) } : r
+), u = (e, t, n) => D(e, t, n), q = (e, t, n, o) => {
+  const r = [...e], a = u(r, t, o), c = a.pop(), h = a.pop(), l = t[t.length - 1];
+  if (n) {
+    const s = u(r, n, o).pop();
+    (h ? h[o] : r).splice(l, 1), s[o] = s[o] || [], s[o].push(c);
+  } else
+    (h ? h[o] : r).splice(l, 1), r.push(c);
+  return r;
+};
+export {
+  N as createDataTree,
+  S as extendDataItem,
+  E as filterBy,
+  I as flatData,
+  u as getItemPath,
+  m as mapTree,
+  d as mapTreeItem,
+  j as modifySubItems,
+  q as moveTreeItem,
+  w as orderBy,
+  V as removeItems,
+  k as treeToFlat
+};

package/utils/main.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"});function g(o,e){const r=(o||"").split(".");let n=e;return r.forEach(i=>{n=n?n[i]:void 0}),n}function u(o){return o!==void 0&&(typeof o=="number"||/px$/i.test(String(o)))}function d(o,e,r){const n=Array.from(o.tHead&&o.tHead.rows||[]),i=[e];let h;const a=r||(t=>window.getComputedStyle(t).height||void 0);n.forEach(t=>{let s=a(t);i.push(u(s)?parseFloat(String(s)):t.offsetHeight)});for(let t=0;t<n.length;t++)h=i.slice(0,t+1).reduce((s,l)=>s+l),Array.from(n[t].cells).forEach(s=>s.style.top=h+"px")}const c=1e6;function p(o){const{rows:e,tableViewPortHeight:r,scrollTop:n}=o;if(e.length===0)return[];const i=e[0].height,h=Math.min(Math.round(n/i),e.length),a=Math.round(r/i),t=Math.max(0,h-a),s=Math.min(e.length,h+2*a),l=e.slice(t,s),f=l[l.length-1];return t>0&&l.unshift({dataItem:{},level:[c],offsetTop:0,height:l[0].offsetTop,levelCount:0}),s<e.length-1&&l.push({dataItem:{},level:[c,c],offsetTop:f.offsetTop+f.height,height:(e.length-s)*i,levelCount:0}),l}exports.getNestedValue=g;exports.setHeaderRowsTop=d;exports.tableRowsVirtualization=p;

package/utils/main.mjs

@@ -0,0 +1,53 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+function u(o, e) {
+  const l = (o || "").split(".");
+  let n = e;
+  return l.forEach((i) => {
+    n = n ? n[i] : void 0;
+  }), n;
+}
+function g(o) {
+  return o !== void 0 && (typeof o == "number" || /px$/i.test(String(o)));
+}
+function d(o, e, l) {
+  const n = Array.from(o.tHead && o.tHead.rows || []), i = [e];
+  let r;
+  const c = l || ((t) => window.getComputedStyle(t).height || void 0);
+  n.forEach((t) => {
+    let s = c(t);
+    i.push(g(s) ? parseFloat(String(s)) : t.offsetHeight);
+  });
+  for (let t = 0; t < n.length; t++)
+    r = i.slice(0, t + 1).reduce((s, h) => s + h), Array.from(n[t].cells).forEach((s) => s.style.top = r + "px");
+}
+const a = 1e6;
+function p(o) {
+  const { rows: e, tableViewPortHeight: l, scrollTop: n } = o;
+  if (e.length === 0)
+    return [];
+  const i = e[0].height, r = Math.min(Math.round(n / i), e.length), c = Math.round(l / i), t = Math.max(0, r - c), s = Math.min(e.length, r + 2 * c), h = e.slice(t, s), f = h[h.length - 1];
+  return t > 0 && h.unshift({
+    dataItem: {},
+    level: [a],
+    offsetTop: 0,
+    height: h[0].offsetTop,
+    levelCount: 0
+  }), s < e.length - 1 && h.push({
+    dataItem: {},
+    level: [a, a],
+    offsetTop: f.offsetTop + f.height,
+    height: (e.length - s) * i,
+    levelCount: 0
+  }), h;
+}
+export {
+  u as getNestedValue,
+  d as setHeaderRowsTop,
+  p as tableRowsVirtualization
+};

package/dist/es/ScrollMode.d.ts

@@ -1 +0,0 @@
-export declare type ScrollMode = 'none' | 'scrollable' | 'virtual';

package/dist/es/ScrollMode.js

@@ -1 +0,0 @@
-export {};

package/dist/es/TreeList.d.ts

@@ -1,56 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => TreeListData);
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { ColumnResize, CommonDragLogic, ExtendedColumnProps } from '@progress/kendo-vue-data-tools';
-import { TreeListProps } from './interfaces/TreeListProps';
-import { DataItemWrapper } from './interfaces/DataItemWrapper';
-import { TreeListColumnProps } from './interfaces/TreeListColumnProps';
-/**
- * @hidden
- */
-export interface TreeListMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TreeListData {
-    wrapperScrollLeft: number;
-    wrapperScrollTop: number;
-    updateOnScroll: boolean;
-    tbodyOffsetTop: number;
-    prevData: any[];
-    prevColumns: TreeListColumnProps[] | undefined;
-    flattedData: DataItemWrapper[];
-    extendedColumn: ExtendedColumnProps[];
-    columnsMap: number[][];
-    columnResize: ColumnResize;
-    element: HTMLDivElement | null;
-    dragLogic: CommonDragLogic;
-    _treeListId: string;
-}
-/**
- * @hidden
- */
-export interface TreeListState {
-    v3: boolean;
-}
-/**
- * @hidden
- */
-export interface TreeListComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TreeListAll extends TreeListMethods, TreeListData, TreeListState, TreeListComputed, TreeListProps, Vue2type {
-}
-/**
- * @hidden
- */
-declare let TreeListVue2: ComponentOptions<Vue2type, DefaultData<TreeListData>, DefaultMethods<TreeListAll>, TreeListComputed, RecordPropsDefinition<TreeListProps>>;
-declare const TreeList: DefineComponent<TreeListProps, any, TreeListData, TreeListComputed, TreeListMethods, {}, {}, {}, string, TreeListProps, TreeListProps, {}>;
-export { TreeList, TreeListVue2 };