@progress/kendo-react-grid 13.2.0-develop.7 → 13.2.0-develop.8

package/drag/ColumnResize.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../utils/index.js"),m=1,w=20;class W{constructor(a){this.columns=[],this.columnsState=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=n=>{this.isRtl=n},this.initWidths=()=>{var c;const n=((c=this.colGroupMain)==null?void 0:c.children)||[],l=u.getFlatColumnsState(this.columnsState),r=this.columns.filter(e=>{var s;return!((s=e.children)!=null&&s.length)});for(let e=0;e<n.length;e++){const s=n[e],t=r[e];let i="";const h=l.find(o=>o.id===r[e].id);h&&(i=this.applyWidthConstraints(h,t)),s.width=i,this.colGroupHeader&&(this.colGroupHeader.children[e].width=i),this.colGroupFooter&&(this.colGroupFooter.children[e].width=i)}},this.dragHandler=(n,l,r,c)=>{const e=n.originalEvent;c||(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation());const s=r.closest("th");if(!s||!s)return;const t=s.clientWidth;let i=t;if(this.isRtl?i+=r.getBoundingClientRect().right-r.offsetWidth/2-n.clientX:i+=n.clientX-r.getBoundingClientRect().left-r.offsetWidth/2,!c&&Math.abs(i-t)<1)return;this.fixateInitialWidths(s.parentElement.clientWidth),this.setWidths(l,Math.floor(i)/t);const h=this.columns.filter(o=>!o.children.length).findIndex(o=>o.id===l.id);this.onResize(h,t,i,e,c,this.columnsState,l.id)},this.dblClickHandler=(n,l)=>{const r=this.columns.filter(d=>l.indexOf(d.id)>-1),c=u.getFlatColumnsState(this.columnsState);if(!this.colGroupMain||!r.length)return;const e={},s=r;for(;s.length>0;){const d=s.pop();if(!d)break;d.children.length?s.push(...d.children):e[d.id]=d}const t=this.columns.filter(d=>!d.children.length),i=[];t.forEach((d,p)=>{e[d.id]&&i.push(p)});const h=[this.colGroupMain.parentElement],o=[this.colGroupMain];this.colGroupHeader&&(h.push(this.colGroupHeader.parentElement),o.push(this.colGroupHeader)),this.colGroupFooter&&(h.push(this.colGroupFooter.parentElement),o.push(this.colGroupFooter)),h.forEach(d=>d.classList.add("k-autofitting"));const f=[];o.forEach(d=>{i.forEach(p=>{d.children[p]&&(d.children[p].width="",f[p]=Math.max(f[p]||0,d.children[p].offsetWidth+m))})}),o.forEach(d=>{i.forEach(p=>{if(d.children[p]){d.children[p].width=f[p]+"px";const g=c.find(G=>G.id===t[p].id);g&&(g.width=f[p])}})}),h.forEach(d=>d.classList.remove("k-autofitting")),this.onResize(i[0],0,0,n,!0,this.columnsState,l[0])},this.updateColElements=n=>{const l=this.columns.filter(c=>!c.hidden&&!c.children.length);let r=1e-10;for(let c=0;c<n.length;c++){const e=n[c],s=l.findIndex(f=>f.id===e.id),t=parseFloat((e.width||0).toString()),i=Math.floor(t);r+=t-i;const h=i+Math.floor(r);r-=Math.floor(r);const o=l.find(f=>f.id===e.id);if(!o)return;if(this.colGroupMain&&this.colGroupMain.children[s]){const f=parseInt(this.colGroupMain.children[s].width,10);this.colGroupMain.children[s].width=h+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,o,f-h)}if(this.colGroupHeader&&this.colGroupHeader.children[s]){const f=parseInt(this.colGroupHeader.children[s].width,10);this.colGroupHeader.children[s].width=h+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,o,f-h)}if(this.colGroupFooter&&this.colGroupFooter.children[s]){const f=parseInt(this.colGroupFooter.children[s].width,10);this.colGroupFooter.children[s].width=h+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,o,f-h)}}},this.onResize=a}applyWidthConstraints(a,n,l=1){if(!a.width)return a.width||"";const r=a.width.toString();if(r.includes("%")){const s=parseFloat(r)*l,t=Math.max(0,Math.min(100,s));return a.width=t+"%",a.width}else{let e=parseFloat(r)*l;const s=n.minResizableWidth===void 0?10:n.minResizableWidth,t=n==null?void 0:n.minWidth,i=t!==void 0?Math.max(s,t):s,h=n==null?void 0:n.maxWidth;return e<i&&(e=i),h!==void 0&&e>h&&(e=h),a.width=e,e}}fixateInitialWidths(a){var s;let n=0;const l=((s=this.colGroupMain)==null?void 0:s.children)||[];for(let t=0;t<l.length;t++)l[t].width?a-=l[t].clientWidth:n++;if(n===0)return;const r=Math.floor(a/n),c=u.getFlatColumnsState(this.columnsState),e=this.columns.filter(t=>!t.children.length);for(let t=0;t<l.length;t++){const i=l[t],h=i.width?i.clientWidth:r;i.width=h;const o=c.find(f=>f.id===e[t].id);o&&(o.width=h.toString()),this.colGroupHeader&&(this.colGroupHeader.children[t].width=h),this.colGroupFooter&&(this.colGroupFooter.children[t].width=h)}}setWidths(a,n){const l=u.getFlatColumnsState(this.columnsState),r=this.columns.findIndex(t=>t.id===a.id),c=[];let e=a.children.filter(t=>!t.hidden).length;for(let t=r+1;t<this.columns.length&&!(e<=0);t++){const i=this.columns[t];i.children.length?e+=i.children.filter(h=>!h.hidden).length:c.push(i),e--}c.length===0&&c.push(a);const s=[];c.forEach(t=>{const i=l.find(h=>h.id===t.id);i&&(this.applyWidthConstraints(i,t,n),s.push(i))}),this.updateColElements(s)}updateNextLockedCol(a,n,l){const r=n.index,c=this.colGroupMain.parentElement.closest(".k-grid"),e=c==null?void 0:c.clientWidth,s=this.columns.filter(t=>t.locked).map(t=>parseInt(t.width+"",10)).reduce((t,i)=>t+i,0);!n.locked||e<=s+w||this.columns.forEach(t=>{if(t!=null&&t.locked&&l){const i=a==null?void 0:a.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');i==null||i.forEach(h=>{const o=h.style;this.isRtl?(t.index>r&&o&&o.right&&(o.right=parseInt(o.right,10)-l+"px"),t.index<r&&o&&o.left&&(o.left=parseInt(o.left,10)-l+"px")):(t.index>r&&o&&o.left&&(o.left=parseInt(o.left,10)-l+"px"),t.index<r&&o&&o.right&&(o.right=parseInt(o.right,10)-l+"px"))})}})}}exports.ColumnResize=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../utils/index.js"),m=1,w=20;class W{constructor(a){this.columns=[],this.columnsState=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=n=>{this.isRtl=n},this.initWidths=()=>{var c;const n=((c=this.colGroupMain)==null?void 0:c.children)||[],l=u.getFlatColumnsState(this.columnsState),r=this.columns.filter(e=>{var o;return!((o=e.children)!=null&&o.length)});for(let e=0;e<n.length;e++){const o=n[e],t=r[e];let i="";const h=l.find(s=>s.id===r[e].id);h&&(i=this.applyWidthConstraints(h,t)),o.width=i,this.colGroupHeader&&(this.colGroupHeader.children[e].width=i),this.colGroupFooter&&(this.colGroupFooter.children[e].width=i)}},this.dragHandler=(n,l,r,c)=>{const e=n.originalEvent;c||(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation());const o=r.closest("th");if(!o||!o)return;const t=o.clientWidth;let i=t;if(this.isRtl?i+=r.getBoundingClientRect().right-r.offsetWidth/2-n.clientX:i+=n.clientX-r.getBoundingClientRect().left-r.offsetWidth/2,!c&&Math.abs(i-t)<1)return;this.fixateInitialWidths(o.parentElement.clientWidth),this.setWidths(l,Math.floor(i)/t);const h=this.columns.filter(s=>!s.children.length).findIndex(s=>s.id===l.id);this.onResize(h,t,i,e,c,this.columnsState,l.id)},this.dblClickHandler=(n,l)=>{const r=this.columns.filter(d=>l.indexOf(d.id)>-1),c=u.getFlatColumnsState(this.columnsState);if(!this.colGroupMain||!r.length)return;const e={},o=r;for(;o.length>0;){const d=o.pop();if(!d)break;d.children.length?o.push(...d.children):e[d.id]=d}const t=this.columns.filter(d=>!d.children.length),i=[];t.forEach((d,p)=>{e[d.id]&&i.push(p)});const h=[this.colGroupMain.parentElement],s=[this.colGroupMain];this.colGroupHeader&&(h.push(this.colGroupHeader.parentElement),s.push(this.colGroupHeader)),this.colGroupFooter&&(h.push(this.colGroupFooter.parentElement),s.push(this.colGroupFooter)),h.forEach(d=>d.classList.add("k-autofitting"));const f=[];s.forEach(d=>{i.forEach(p=>{d.children[p]&&(d.children[p].width="",f[p]=Math.max(f[p]||0,d.children[p].offsetWidth+m))})}),s.forEach(d=>{i.forEach(p=>{if(d.children[p]){d.children[p].width=f[p]+"px";const g=c.find(G=>G.id===t[p].id);g&&(g.width=f[p])}})}),h.forEach(d=>d.classList.remove("k-autofitting")),this.onResize(i[0],0,0,n,!0,this.columnsState,l[0])},this.updateColElements=n=>{const l=this.columns.filter(c=>!c.hidden&&!c.children.length);let r=1e-10;for(let c=0;c<n.length;c++){const e=n[c],o=l.findIndex(f=>f.id===e.id),t=parseFloat((e.width||0).toString()),i=Math.floor(t);r+=t-i;const h=i+Math.floor(r);r-=Math.floor(r);const s=l.find(f=>f.id===e.id);if(!s)return;if(this.colGroupMain&&this.colGroupMain.children[o]){const f=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=h+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,s,f-h)}if(this.colGroupHeader&&this.colGroupHeader.children[o]){const f=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=h+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,s,f-h)}if(this.colGroupFooter&&this.colGroupFooter.children[o]){const f=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=h+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,s,f-h)}}},this.onResize=a}applyWidthConstraints(a,n,l=1){if(!a.width)return a.width||"";const r=a.width.toString();if(r.includes("%")){const f=parseFloat(r)*l,d=Math.max(0,Math.min(100,f));return a.width=d+"%",a.width}let e=parseFloat(r)*l;const o=n.minResizableWidth===void 0?10:n.minResizableWidth,t=n==null?void 0:n.minWidth,i=t!==void 0?Math.max(o,t):o,h=n==null?void 0:n.maxWidth;return e<i&&(e=i),h!==void 0&&e>h&&(e=h),a.width=e,e}fixateInitialWidths(a){var o;let n=0;const l=((o=this.colGroupMain)==null?void 0:o.children)||[];for(let t=0;t<l.length;t++)l[t].width?a-=l[t].clientWidth:n++;if(n===0)return;const r=Math.floor(a/n),c=u.getFlatColumnsState(this.columnsState),e=this.columns.filter(t=>!t.children.length);for(let t=0;t<l.length;t++){const i=l[t],h=i.width?i.clientWidth:r;i.width=h;const s=c.find(f=>f.id===e[t].id);s&&(s.width=h.toString()),this.colGroupHeader&&(this.colGroupHeader.children[t].width=h),this.colGroupFooter&&(this.colGroupFooter.children[t].width=h)}}setWidths(a,n){const l=u.getFlatColumnsState(this.columnsState),r=this.columns.findIndex(t=>t.id===a.id),c=[];let e=a.children.filter(t=>!t.hidden).length;for(let t=r+1;t<this.columns.length&&!(e<=0);t++){const i=this.columns[t];i.children.length?e+=i.children.filter(h=>!h.hidden).length:c.push(i),e--}c.length===0&&c.push(a);const o=[];c.forEach(t=>{const i=l.find(h=>h.id===t.id);i&&(this.applyWidthConstraints(i,t,n),o.push(i))}),this.updateColElements(o)}updateNextLockedCol(a,n,l){const r=n.index,c=this.colGroupMain.parentElement.closest(".k-grid"),e=c==null?void 0:c.clientWidth,o=this.columns.filter(t=>t.locked).map(t=>parseInt(t.width+"",10)).reduce((t,i)=>t+i,0);!n.locked||e<=o+w||this.columns.forEach(t=>{if(t!=null&&t.locked&&l){const i=a==null?void 0:a.querySelectorAll('[aria-colindex="'+t.ariaColumnIndex+'"]');i==null||i.forEach(h=>{const s=h.style;this.isRtl?(t.index>r&&s&&s.right&&(s.right=parseInt(s.right,10)-l+"px"),t.index<r&&s&&s.left&&(s.left=parseInt(s.left,10)-l+"px")):(t.index>r&&s&&s.left&&(s.left=parseInt(s.left,10)-l+"px"),t.index<r&&s&&s.right&&(s.right=parseInt(s.right,10)-l+"px"))})}})}}exports.ColumnResize=W;

package/drag/ColumnResize.mjs

@@ -14,54 +14,54 @@ class F {
     }, this.initWidths = () => {
       var c;
       const h = ((c = this.colGroupMain) == null ? void 0 : c.children) || [], l = u(this.columnsState), r = this.columns.filter((e) => {
-        var s;
-        return !((s = e.children) != null && s.length);
+        var o;
+        return !((o = e.children) != null && o.length);
       });
       for (let e = 0; e < h.length; e++) {
-        const s = h[e], t = r[e];
+        const o = h[e], t = r[e];
         let i = "";
-        const n = l.find((o) => o.id === r[e].id);
-        n && (i = this.applyWidthConstraints(n, t)), s.width = i, this.colGroupHeader && (this.colGroupHeader.children[e].width = i), this.colGroupFooter && (this.colGroupFooter.children[e].width = i);
+        const n = l.find((s) => s.id === r[e].id);
+        n && (i = this.applyWidthConstraints(n, t)), o.width = i, this.colGroupHeader && (this.colGroupHeader.children[e].width = i), this.colGroupFooter && (this.colGroupFooter.children[e].width = i);
       }
     }, this.dragHandler = (h, l, r, c) => {
       const e = h.originalEvent;
       c || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
-      const s = r.closest("th");
-      if (!s || !s)
+      const o = r.closest("th");
+      if (!o || !o)
         return;
-      const t = s.clientWidth;
+      const t = o.clientWidth;
       let i = t;
       if (this.isRtl ? i += r.getBoundingClientRect().right - r.offsetWidth / 2 - h.clientX : i += h.clientX - r.getBoundingClientRect().left - r.offsetWidth / 2, !c && Math.abs(i - t) < 1)
         return;
-      this.fixateInitialWidths(s.parentElement.clientWidth), this.setWidths(l, Math.floor(i) / t);
-      const n = this.columns.filter((o) => !o.children.length).findIndex((o) => o.id === l.id);
+      this.fixateInitialWidths(o.parentElement.clientWidth), this.setWidths(l, Math.floor(i) / t);
+      const n = this.columns.filter((s) => !s.children.length).findIndex((s) => s.id === l.id);
       this.onResize(n, t, i, e, c, this.columnsState, l.id);
     }, this.dblClickHandler = (h, l) => {
       const r = this.columns.filter((d) => l.indexOf(d.id) > -1), c = u(this.columnsState);
       if (!this.colGroupMain || !r.length)
         return;
-      const e = {}, s = r;
-      for (; s.length > 0; ) {
-        const d = s.pop();
+      const e = {}, o = r;
+      for (; o.length > 0; ) {
+        const d = o.pop();
         if (!d)
           break;
-        d.children.length ? s.push(...d.children) : e[d.id] = d;
+        d.children.length ? o.push(...d.children) : e[d.id] = d;
       }
       const t = this.columns.filter((d) => !d.children.length), i = [];
       t.forEach((d, p) => {
         e[d.id] && i.push(p);
       });
-      const n = [this.colGroupMain.parentElement], o = [this.colGroupMain];
-      this.colGroupHeader && (n.push(this.colGroupHeader.parentElement), o.push(this.colGroupHeader)), this.colGroupFooter && (n.push(this.colGroupFooter.parentElement), o.push(this.colGroupFooter)), n.forEach((d) => d.classList.add("k-autofitting"));
+      const n = [this.colGroupMain.parentElement], s = [this.colGroupMain];
+      this.colGroupHeader && (n.push(this.colGroupHeader.parentElement), s.push(this.colGroupHeader)), this.colGroupFooter && (n.push(this.colGroupFooter.parentElement), s.push(this.colGroupFooter)), n.forEach((d) => d.classList.add("k-autofitting"));
       const f = [];
-      o.forEach((d) => {
+      s.forEach((d) => {
         i.forEach((p) => {
           d.children[p] && (d.children[p].width = "", f[p] = Math.max(
             f[p] || 0,
             d.children[p].offsetWidth + w
           ));
         });
-      }), o.forEach((d) => {
+      }), s.forEach((d) => {
         i.forEach((p) => {
           if (d.children[p]) {
             d.children[p].width = f[p] + "px";
@@ -74,24 +74,24 @@ class F {
       const l = this.columns.filter((c) => !c.hidden && !c.children.length);
       let r = 1e-10;
       for (let c = 0; c < h.length; c++) {
-        const e = h[c], s = l.findIndex((f) => f.id === e.id), t = parseFloat((e.width || 0).toString()), i = Math.floor(t);
+        const e = h[c], o = l.findIndex((f) => f.id === e.id), t = parseFloat((e.width || 0).toString()), i = Math.floor(t);
         r += t - i;
         const n = i + Math.floor(r);
         r -= Math.floor(r);
-        const o = l.find((f) => f.id === e.id);
-        if (!o)
+        const s = l.find((f) => f.id === e.id);
+        if (!s)
           return;
-        if (this.colGroupMain && this.colGroupMain.children[s]) {
-          const f = parseInt(this.colGroupMain.children[s].width, 10);
-          this.colGroupMain.children[s].width = n + "px", this.updateNextLockedCol(this.colGroupMain.parentElement, o, f - n);
+        if (this.colGroupMain && this.colGroupMain.children[o]) {
+          const f = parseInt(this.colGroupMain.children[o].width, 10);
+          this.colGroupMain.children[o].width = n + "px", this.updateNextLockedCol(this.colGroupMain.parentElement, s, f - n);
         }
-        if (this.colGroupHeader && this.colGroupHeader.children[s]) {
-          const f = parseInt(this.colGroupHeader.children[s].width, 10);
-          this.colGroupHeader.children[s].width = n + "px", this.updateNextLockedCol(this.colGroupHeader.parentElement, o, f - n);
+        if (this.colGroupHeader && this.colGroupHeader.children[o]) {
+          const f = parseInt(this.colGroupHeader.children[o].width, 10);
+          this.colGroupHeader.children[o].width = n + "px", this.updateNextLockedCol(this.colGroupHeader.parentElement, s, f - n);
         }
-        if (this.colGroupFooter && this.colGroupFooter.children[s]) {
-          const f = parseInt(this.colGroupFooter.children[s].width, 10);
-          this.colGroupFooter.children[s].width = n + "px", this.updateNextLockedCol(this.colGroupFooter.parentElement, o, f - n);
+        if (this.colGroupFooter && this.colGroupFooter.children[o]) {
+          const f = parseInt(this.colGroupFooter.children[o].width, 10);
+          this.colGroupFooter.children[o].width = n + "px", this.updateNextLockedCol(this.colGroupFooter.parentElement, s, f - n);
         }
       }
     }, this.onResize = a;
@@ -101,18 +101,17 @@ class F {
       return a.width || "";
     const r = a.width.toString();
     if (r.includes("%")) {
-      const s = parseFloat(r) * l, t = Math.max(0, Math.min(100, s));
-      return a.width = t + "%", a.width;
-    } else {
-      let e = parseFloat(r) * l;
-      const s = h.minResizableWidth === void 0 ? 10 : h.minResizableWidth, t = h == null ? void 0 : h.minWidth, i = t !== void 0 ? Math.max(s, t) : s, n = h == null ? void 0 : h.maxWidth;
-      return e < i && (e = i), n !== void 0 && e > n && (e = n), a.width = e, e;
+      const f = parseFloat(r) * l, d = Math.max(0, Math.min(100, f));
+      return a.width = d + "%", a.width;
     }
+    let e = parseFloat(r) * l;
+    const o = h.minResizableWidth === void 0 ? 10 : h.minResizableWidth, t = h == null ? void 0 : h.minWidth, i = t !== void 0 ? Math.max(o, t) : o, n = h == null ? void 0 : h.maxWidth;
+    return e < i && (e = i), n !== void 0 && e > n && (e = n), a.width = e, e;
   }
   fixateInitialWidths(a) {
-    var s;
+    var o;
     let h = 0;
-    const l = ((s = this.colGroupMain) == null ? void 0 : s.children) || [];
+    const l = ((o = this.colGroupMain) == null ? void 0 : o.children) || [];
     for (let t = 0; t < l.length; t++)
       l[t].width ? a -= l[t].clientWidth : h++;
     if (h === 0)
@@ -121,8 +120,8 @@ class F {
     for (let t = 0; t < l.length; t++) {
       const i = l[t], n = i.width ? i.clientWidth : r;
       i.width = n;
-      const o = c.find((f) => f.id === e[t].id);
-      o && (o.width = n.toString()), this.colGroupHeader && (this.colGroupHeader.children[t].width = n), this.colGroupFooter && (this.colGroupFooter.children[t].width = n);
+      const s = c.find((f) => f.id === e[t].id);
+      s && (s.width = n.toString()), this.colGroupHeader && (this.colGroupHeader.children[t].width = n), this.colGroupFooter && (this.colGroupFooter.children[t].width = n);
     }
   }
   setWidths(a, h) {
@@ -133,20 +132,20 @@ class F {
       i.children.length ? e += i.children.filter((n) => !n.hidden).length : c.push(i), e--;
     }
     c.length === 0 && c.push(a);
-    const s = [];
+    const o = [];
     c.forEach((t) => {
       const i = l.find((n) => n.id === t.id);
-      i && (this.applyWidthConstraints(i, t, h), s.push(i));
-    }), this.updateColElements(s);
+      i && (this.applyWidthConstraints(i, t, h), o.push(i));
+    }), this.updateColElements(o);
   }
   updateNextLockedCol(a, h, l) {
-    const r = h.index, c = this.colGroupMain.parentElement.closest(".k-grid"), e = c == null ? void 0 : c.clientWidth, s = this.columns.filter((t) => t.locked).map((t) => parseInt(t.width + "", 10)).reduce((t, i) => t + i, 0);
-    !h.locked || e <= s + W || this.columns.forEach((t) => {
+    const r = h.index, c = this.colGroupMain.parentElement.closest(".k-grid"), e = c == null ? void 0 : c.clientWidth, o = this.columns.filter((t) => t.locked).map((t) => parseInt(t.width + "", 10)).reduce((t, i) => t + i, 0);
+    !h.locked || e <= o + W || this.columns.forEach((t) => {
       if (t != null && t.locked && l) {
         const i = a == null ? void 0 : a.querySelectorAll('[aria-colindex="' + t.ariaColumnIndex + '"]');
         i == null || i.forEach((n) => {
-          const o = n.style;
-          this.isRtl ? (t.index > r && o && o.right && (o.right = parseInt(o.right, 10) - l + "px"), t.index < r && o && o.left && (o.left = parseInt(o.left, 10) - l + "px")) : (t.index > r && o && o.left && (o.left = parseInt(o.left, 10) - l + "px"), t.index < r && o && o.right && (o.right = parseInt(o.right, 10) - l + "px"));
+          const s = n.style;
+          this.isRtl ? (t.index > r && s && s.right && (s.right = parseInt(s.right, 10) - l + "px"), t.index < r && s && s.left && (s.left = parseInt(s.left, 10) - l + "px")) : (t.index > r && s && s.left && (s.left = parseInt(s.left, 10) - l + "px"), t.index < r && s && s.right && (s.right = parseInt(s.right, 10) - l + "px"));
         });
       }
     });

package/header/HeaderRow.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),_=require("./GridHeaderCell.js"),c=require("@progress/kendo-react-common"),$=require("@progress/kendo-react-data-tools"),S=require("../messages/index.js"),N=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),v=require("./client/GridHeaderCellContainer.js"),B=require("./client/HeaderRowDraggable.js"),F=require("./client/GridHeaderRowContainer.js"),J=require("./client/GridHeaderCellElementContainer.js"),K=require("./client/HeaderCellResizer.js");function Q(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const t=Q(V),U={none:"none",asc:"ascending",desc:"descending"},X=e=>{let i=e.columnsState||[];const a=e.unstyled,o=a&&a.uGrid?a.uGrid:c.uGrid;let w=0,P=-1;const O=r=>{if(!e.sort)return null;const n=c.classNames(o.sortIcon({}));return r>=0&&[t.createElement("span",{key:1,className:n},t.createElement(c.IconWrap,{name:"sort-"+e.sort[r].dir+"-small",icon:e.sort[r].dir==="asc"?N.sortAscSmallIcon:N.sortDescSmallIcon})),e.sort.length>1&&t.createElement("span",{key:2,className:n},t.createElement("span",{className:c.classNames(o.sortOrder({}))},r+1))]},D=r=>r.map(n=>{var M,q,G;const l=e.columns[n],u=i[n],m=(q=(M=l.locked)!=null?M:u==null?void 0:u.locked)!=null?q:!1,h=e.sortable&&l.sortable,C=e.sort?e.sort.findIndex(s=>s.field===l.field):-1,T=C>=0&&e.sort[C].dir||"none",k=l.columnMenu===null?null:l.columnMenu||e.columnMenu,j=l.menuIcon||e.columnMenuIcon,A=c.classNames(c.classNames(o.headerTh({first:l.kFirst,filterable:!!k,locked:m,sorted:e.sort&&e.sort.some(s=>s.field===l.field)})),l.headerClassName);m===!1&&(l.left=0);const L=e.localization.toLanguageString(S.sortAriaLabel,S.messages[S.sortAriaLabel]),z=l.isAccessible?{ariaSort:U[T],role:"columnheader",ariaColumnIndex:l.ariaColumnIndex,ariaSelected:!1,ariaDescription:h?L:""}:{role:"presentation"},E=l.declarationIndex>=0?++P:--w,f={field:l.field,title:l.title,selectionValue:(G=l.headerSelectionValue)!=null?G:e.headerSelectionValue,children:O(C),selectionChange:null,columnMenuWrapperProps:{column:{field:l.field,title:l.title,locked:m,filter:l.filter,id:l.id},sortable:h&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&l.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:k,columnMenuIcon:j}},b={...z,colSpan:l.headerColSpan,rowSpan:l.rowSpan,className:A,columnId:l.id,navigatable:l.navigatable,role:"columnheader"},g=d.clientColumn(l),R={column:g,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:f.columnMenuWrapperProps},y=l.defaultHeaderCell?l.defaultHeaderCell:_.GridHeaderCell,I=[t.createElement(v.GridHeaderCellContainer,{key:1,...R,isClient:d.isClientReference(y)},t.createElement(y,{...f})),t.createElement(K.HeaderCellResizer,{key:2,column:g})],H=d.resolveCells(e.cells,l.cells);if(H&&H.headerCell){const s=H.headerCell,W=d.isClientReference(s);return t.createElement(v.GridHeaderCellContainer,{key:E,...R,thProps:b,isCustom:!0,isClient:W},t.createElement(s,{...f,thProps:b,index:n},I))}return t.createElement(J.GridHeaderCellElementContainer,{key:E,column:g},t.createElement($.HeaderThElement,{...b},I))}),x=e.columns.map(d.clientColumn);return t.createElement(F.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:x},e.columnsMap.map((r,n)=>t.createElement(B.HeaderRowDraggable,{key:n,className:c.classNames(o.simpleTr({})),ariaRowIndex:n+1},D(r))))};exports.HeaderRow=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),_=require("./GridHeaderCell.js"),c=require("@progress/kendo-react-common"),$=require("@progress/kendo-react-data-tools"),S=require("../messages/index.js"),N=require("@progress/kendo-svg-icons"),d=require("../utils/index.js"),v=require("./client/GridHeaderCellContainer.js"),B=require("./client/HeaderRowDraggable.js"),F=require("./client/GridHeaderRowContainer.js"),J=require("./client/GridHeaderCellElementContainer.js"),K=require("./client/HeaderCellResizer.js");function Q(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const l=Q(V),U={none:"none",asc:"ascending",desc:"descending"},X=e=>{const i=e.columnsState||[],a=e.unstyled,o=a&&a.uGrid?a.uGrid:c.uGrid;let w=0,P=-1;const O=r=>{if(!e.sort)return null;const n=c.classNames(o.sortIcon({}));return r>=0&&[l.createElement("span",{key:1,className:n},l.createElement(c.IconWrap,{name:"sort-"+e.sort[r].dir+"-small",icon:e.sort[r].dir==="asc"?N.sortAscSmallIcon:N.sortDescSmallIcon})),e.sort.length>1&&l.createElement("span",{key:2,className:n},l.createElement("span",{className:c.classNames(o.sortOrder({}))},r+1))]},D=r=>r.map(n=>{var M,q,G;const t=e.columns[n],u=i[n],m=(q=(M=t.locked)!=null?M:u==null?void 0:u.locked)!=null?q:!1,h=e.sortable&&t.sortable,C=e.sort?e.sort.findIndex(s=>s.field===t.field):-1,T=C>=0&&e.sort[C].dir||"none",k=t.columnMenu===null?null:t.columnMenu||e.columnMenu,j=t.menuIcon||e.columnMenuIcon,A=c.classNames(c.classNames(o.headerTh({first:t.kFirst,filterable:!!k,locked:m,sorted:e.sort&&e.sort.some(s=>s.field===t.field)})),t.headerClassName);m===!1&&(t.left=0);const L=e.localization.toLanguageString(S.sortAriaLabel,S.messages[S.sortAriaLabel]),z=t.isAccessible?{ariaSort:U[T],role:"columnheader",ariaColumnIndex:t.ariaColumnIndex,ariaSelected:!1,ariaDescription:h?L:""}:{role:"presentation"},E=t.declarationIndex>=0?++P:--w,f={field:t.field,title:t.title,selectionValue:(G=t.headerSelectionValue)!=null?G:e.headerSelectionValue,children:O(C),selectionChange:null,columnMenuWrapperProps:{column:{field:t.field,title:t.title,locked:m,filter:t.filter,id:t.id},sortable:h&&e.sortable,sort:e.sort,filter:e.filter,filterable:e.filterable&&t.filterable,filterOperators:e.filterOperators,navigatable:e.navigatable,group:e.group,groupable:e.groupable,columnMenu:k,columnMenuIcon:j}},b={...z,colSpan:t.headerColSpan,rowSpan:t.rowSpan,className:A,columnId:t.id,navigatable:t.navigatable,role:"columnheader"},g=d.clientColumn(t),R={column:g,sortable:e.sortable,sort:e.sort,columnMenuWrapperProps:f.columnMenuWrapperProps},y=t.defaultHeaderCell?t.defaultHeaderCell:_.GridHeaderCell,I=[l.createElement(v.GridHeaderCellContainer,{key:1,...R,isClient:d.isClientReference(y)},l.createElement(y,{...f})),l.createElement(K.HeaderCellResizer,{key:2,column:g})],H=d.resolveCells(e.cells,t.cells);if(H&&H.headerCell){const s=H.headerCell,W=d.isClientReference(s);return l.createElement(v.GridHeaderCellContainer,{key:E,...R,thProps:b,isCustom:!0,isClient:W},l.createElement(s,{...f,thProps:b,index:n},I))}return l.createElement(J.GridHeaderCellElementContainer,{key:E,column:g},l.createElement($.HeaderThElement,{...b},I))}),x=e.columns.map(d.clientColumn);return l.createElement(F.GridHeaderRowContainer,{sortable:e.sortable,sort:e.sort,navigatable:e.navigatable,groupable:e.groupable,columns:x},e.columnsMap.map((r,n)=>l.createElement(B.HeaderRowDraggable,{key:n,className:c.classNames(o.simpleTr({})),ariaRowIndex:n+1},D(r))))};exports.HeaderRow=X;

package/header/HeaderRow.mjs

@@ -22,8 +22,7 @@ const p = {
   asc: "ascending",
   desc: "descending"
 }, de = (e) => {
-  let R = e.columnsState || [];
-  const s = e.unstyled, c = s && s.uGrid ? s.uGrid : j;
+  const R = e.columnsState || [], s = e.unstyled, c = s && s.uGrid ? s.uGrid : j;
   let w = 0, x = -1;
   const A = (a) => {
     if (!e.sort)

package/index.d.mts

@@ -401,7 +401,7 @@ export declare interface GridAIAssistantCommand {
     /**
      * The highlight descriptor for highlight operations.
      */
-    highlight?: any;
+    highlight?: CompositeHighlightDescriptor;
     /**
      * The select descriptor for selection operations.
      * Used when type is 'GridSelect' to define cell or row selection criteria.
@@ -654,6 +654,103 @@ export declare interface GridAIPromptProps {
     onClose?: () => void;
 }
 
+/**
+ * Represents the result of processing an AI response.
+ * Contains the updated grid state and any messages to display.
+ */
+export declare interface GridAIResponseResult {
+    /**
+     * The updated grid state after processing AI commands.
+     * Spread this into your Grid component props.
+     */
+    state: GridAIState;
+    /**
+     * Array of user-friendly messages describing what changes were made.
+     * Can be displayed to users as feedback.
+     */
+    messages: string[];
+    /**
+     * Indicates whether the AI triggered a PDF export.
+     * Handle this separately as it's an action, not state.
+     */
+    shouldExportPdf: boolean;
+}
+
+/**
+ * Represents the grid state that can be controlled externally.
+ * This interface contains all the stateful properties that can be modified through AI commands.
+ *
+ * @example
+ * ```tsx
+ * const [gridState, setGridState] = useState<GridAIState>({
+ *   sort: [],
+ *   filter: undefined,
+ *   group: [],
+ *   columnsState: initialColumns,
+ *   skip: 0,
+ *   take: 20
+ * });
+ * ```
+ */
+export declare interface GridAIState {
+    /**
+     * The current sort descriptors applied to the grid.
+     * Array of sort objects defining field and direction.
+     */
+    sort?: SortDescriptor[];
+    /**
+     * The current filter descriptor applied to the grid.
+     * Composite filter defining logic and filter array.
+     */
+    filter?: CompositeFilterDescriptor;
+    /**
+     * The current group descriptors applied to the grid.
+     * Array of group objects defining field and aggregates.
+     */
+    group?: GroupDescriptor[];
+    /**
+     * The current column state including visibility, width, order, and lock status.
+     * Array of column state objects.
+     */
+    columnsState?: GridColumnState[];
+    /**
+     * The number of items to skip for pagination.
+     * Zero-based index for the first item to display.
+     */
+    skip?: number;
+    /**
+     * The number of items to take (page size) for pagination.
+     * Number of items to display per page.
+     */
+    take?: number;
+    /**
+     * The highlight descriptor for highlighting cells/rows in the grid.
+     * Object with dataItemKey as keys, values can be boolean (whole row) or number array (specific cells).
+     *
+     * @example
+     * ```tsx
+     * highlight: {
+     *   '1': true,           // Highlight entire row with dataItemKey = 1
+     *   '2': [0, 1, 2]       // Highlight cells at column indices 0, 1, 2 in row with dataItemKey = 2
+     * }
+     * ```
+     */
+    highlight?: any;
+    /**
+     * The select descriptor for selecting cells/rows in the grid.
+     * Object with dataItemKey as keys, values can be boolean (whole row) or number array (specific cells).
+     *
+     * @example
+     * ```tsx
+     * select: {
+     *   '1': true,           // Select entire row with dataItemKey = 1
+     *   '2': [0, 1]          // Select cells at column indices 0 and 1 in row with dataItemKey = 2
+     * }
+     * ```
+     */
+    select?: any;
+}
+
 /**
  * @hidden
  */
@@ -2595,6 +2692,35 @@ export declare interface GridHandle {
      * The 'pdf' prop of the Grid should be set to true or object of setting that will be applied the exported Grid.
      */
     exportAsPdf: () => void;
+    /**
+     * Gets the total number of items in the grid data source.
+     * Used for pagination calculations and AI operations.
+     *
+     * @returns The total count of data items
+     *
+     * @example
+     * ```jsx
+     * const grid = useRef<GridHandle>(null);
+     * const total = grid.current?.getTotal();
+     * console.log(`Total items: ${total}`);
+     * ```
+     */
+    getTotal: () => number;
+    /**
+     * Gets all leaf-level data items in the grid.
+     * Returns actual data rows excluding group headers/footers.
+     * Useful for AI operations and data processing.
+     *
+     * @returns Array of data items
+     *
+     * @example
+     * ```jsx
+     * const grid = useRef<GridHandle>(null);
+     * const dataItems = grid.current?.getLeafDataItems();
+     * console.log(`Leaf items: ${dataItems.length}`);
+     * ```
+     */
+    getLeafDataItems: () => any[];
 }
 
 /**
@@ -4833,6 +4959,62 @@ export declare const GridToolbarSpacer: {
 export declare interface GridToolbarSpacerProps extends ToolbarSpacerProps {
 }
 
+/**
+ * Processes an AI response and returns the updated grid state.
+ * This is a pure function that takes the current state and AI response,
+ * and returns a new state object with all the changes applied.
+ *
+ * @param response - The axios response from the AI service containing commands
+ * @param currentState - The current grid state
+ * @param gridRef - Reference to grid methods (getTotal, getLeafDataItems, exportAsPdf)
+ * @returns Object containing the new state, messages, and export flag
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const [gridState, setGridState] = useState<GridAIState>({
+ *     sort: [],
+ *     filter: undefined,
+ *     group: [],
+ *     columnsState: initialColumns,
+ *     skip: 0,
+ *     take: 20
+ *   });
+ *   const gridRef = useRef<GridHandle>(null);
+ *
+ *   const handleAIRequest = async (prompt: string) => {
+ *     const response = await axios.post('/api/ai/grid', { prompt, columns: gridState.columnsState });
+ *     const result = handleAIResponse(response, gridState, gridRef.current);
+ *
+ *     // Update state with AI changes
+ *     setGridState(result.state);
+ *
+ *     // Handle PDF export if requested
+ *     if (result.shouldExportPdf && gridRef.current) {
+ *       gridRef.current.exportAsPdf();
+ *     }
+ *
+ *     // Show messages to user
+ *     console.log(result.messages);
+ *   };
+ *
+ *   return (
+ *     <Grid
+ *       ref={gridRef}
+ *       data={data}
+ *       {...gridState}
+ *       onSortChange={(e) => setGridState(prev => ({ ...prev, sort: e.sort }))}
+ *       onFilterChange={(e) => setGridState(prev => ({ ...prev, filter: e.filter }))}
+ *       onGroupChange={(e) => setGridState(prev => ({ ...prev, group: e.group }))}
+ *       onColumnsStateChange={(e) => setGridState(prev => ({ ...prev, columnsState: e.columnsState }))}
+ *       onPageChange={(e) => setGridState(prev => ({ ...prev, skip: e.page.skip, take: e.page.take }))}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+export declare function handleAIResponse(response: AxiosResponse<any>, currentState: GridAIState, gridRef: Pick<GridHandle, 'getLeafDataItems' | 'getTotal' | 'exportAsPdf' | 'props'> | null): GridAIResponseResult;
+
 /**
  * @hidden
  */

package/index.d.ts

@@ -401,7 +401,7 @@ export declare interface GridAIAssistantCommand {
     /**
      * The highlight descriptor for highlight operations.
      */
-    highlight?: any;
+    highlight?: CompositeHighlightDescriptor;
     /**
      * The select descriptor for selection operations.
      * Used when type is 'GridSelect' to define cell or row selection criteria.
@@ -654,6 +654,103 @@ export declare interface GridAIPromptProps {
     onClose?: () => void;
 }
 
+/**
+ * Represents the result of processing an AI response.
+ * Contains the updated grid state and any messages to display.
+ */
+export declare interface GridAIResponseResult {
+    /**
+     * The updated grid state after processing AI commands.
+     * Spread this into your Grid component props.
+     */
+    state: GridAIState;
+    /**
+     * Array of user-friendly messages describing what changes were made.
+     * Can be displayed to users as feedback.
+     */
+    messages: string[];
+    /**
+     * Indicates whether the AI triggered a PDF export.
+     * Handle this separately as it's an action, not state.
+     */
+    shouldExportPdf: boolean;
+}
+
+/**
+ * Represents the grid state that can be controlled externally.
+ * This interface contains all the stateful properties that can be modified through AI commands.
+ *
+ * @example
+ * ```tsx
+ * const [gridState, setGridState] = useState<GridAIState>({
+ *   sort: [],
+ *   filter: undefined,
+ *   group: [],
+ *   columnsState: initialColumns,
+ *   skip: 0,
+ *   take: 20
+ * });
+ * ```
+ */
+export declare interface GridAIState {
+    /**
+     * The current sort descriptors applied to the grid.
+     * Array of sort objects defining field and direction.
+     */
+    sort?: SortDescriptor[];
+    /**
+     * The current filter descriptor applied to the grid.
+     * Composite filter defining logic and filter array.
+     */
+    filter?: CompositeFilterDescriptor;
+    /**
+     * The current group descriptors applied to the grid.
+     * Array of group objects defining field and aggregates.
+     */
+    group?: GroupDescriptor[];
+    /**
+     * The current column state including visibility, width, order, and lock status.
+     * Array of column state objects.
+     */
+    columnsState?: GridColumnState[];
+    /**
+     * The number of items to skip for pagination.
+     * Zero-based index for the first item to display.
+     */
+    skip?: number;
+    /**
+     * The number of items to take (page size) for pagination.
+     * Number of items to display per page.
+     */
+    take?: number;
+    /**
+     * The highlight descriptor for highlighting cells/rows in the grid.
+     * Object with dataItemKey as keys, values can be boolean (whole row) or number array (specific cells).
+     *
+     * @example
+     * ```tsx
+     * highlight: {
+     *   '1': true,           // Highlight entire row with dataItemKey = 1
+     *   '2': [0, 1, 2]       // Highlight cells at column indices 0, 1, 2 in row with dataItemKey = 2
+     * }
+     * ```
+     */
+    highlight?: any;
+    /**
+     * The select descriptor for selecting cells/rows in the grid.
+     * Object with dataItemKey as keys, values can be boolean (whole row) or number array (specific cells).
+     *
+     * @example
+     * ```tsx
+     * select: {
+     *   '1': true,           // Select entire row with dataItemKey = 1
+     *   '2': [0, 1]          // Select cells at column indices 0 and 1 in row with dataItemKey = 2
+     * }
+     * ```
+     */
+    select?: any;
+}
+
 /**
  * @hidden
  */
@@ -2595,6 +2692,35 @@ export declare interface GridHandle {
      * The 'pdf' prop of the Grid should be set to true or object of setting that will be applied the exported Grid.
      */
     exportAsPdf: () => void;
+    /**
+     * Gets the total number of items in the grid data source.
+     * Used for pagination calculations and AI operations.
+     *
+     * @returns The total count of data items
+     *
+     * @example
+     * ```jsx
+     * const grid = useRef<GridHandle>(null);
+     * const total = grid.current?.getTotal();
+     * console.log(`Total items: ${total}`);
+     * ```
+     */
+    getTotal: () => number;
+    /**
+     * Gets all leaf-level data items in the grid.
+     * Returns actual data rows excluding group headers/footers.
+     * Useful for AI operations and data processing.
+     *
+     * @returns Array of data items
+     *
+     * @example
+     * ```jsx
+     * const grid = useRef<GridHandle>(null);
+     * const dataItems = grid.current?.getLeafDataItems();
+     * console.log(`Leaf items: ${dataItems.length}`);
+     * ```
+     */
+    getLeafDataItems: () => any[];
 }
 
 /**
@@ -4833,6 +4959,62 @@ export declare const GridToolbarSpacer: {
 export declare interface GridToolbarSpacerProps extends ToolbarSpacerProps {
 }
 
+/**
+ * Processes an AI response and returns the updated grid state.
+ * This is a pure function that takes the current state and AI response,
+ * and returns a new state object with all the changes applied.
+ *
+ * @param response - The axios response from the AI service containing commands
+ * @param currentState - The current grid state
+ * @param gridRef - Reference to grid methods (getTotal, getLeafDataItems, exportAsPdf)
+ * @returns Object containing the new state, messages, and export flag
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const [gridState, setGridState] = useState<GridAIState>({
+ *     sort: [],
+ *     filter: undefined,
+ *     group: [],
+ *     columnsState: initialColumns,
+ *     skip: 0,
+ *     take: 20
+ *   });
+ *   const gridRef = useRef<GridHandle>(null);
+ *
+ *   const handleAIRequest = async (prompt: string) => {
+ *     const response = await axios.post('/api/ai/grid', { prompt, columns: gridState.columnsState });
+ *     const result = handleAIResponse(response, gridState, gridRef.current);
+ *
+ *     // Update state with AI changes
+ *     setGridState(result.state);
+ *
+ *     // Handle PDF export if requested
+ *     if (result.shouldExportPdf && gridRef.current) {
+ *       gridRef.current.exportAsPdf();
+ *     }
+ *
+ *     // Show messages to user
+ *     console.log(result.messages);
+ *   };
+ *
+ *   return (
+ *     <Grid
+ *       ref={gridRef}
+ *       data={data}
+ *       {...gridState}
+ *       onSortChange={(e) => setGridState(prev => ({ ...prev, sort: e.sort }))}
+ *       onFilterChange={(e) => setGridState(prev => ({ ...prev, filter: e.filter }))}
+ *       onGroupChange={(e) => setGridState(prev => ({ ...prev, group: e.group }))}
+ *       onColumnsStateChange={(e) => setGridState(prev => ({ ...prev, columnsState: e.columnsState }))}
+ *       onPageChange={(e) => setGridState(prev => ({ ...prev, skip: e.page.skip, take: e.page.take }))}
+ *     />
+ *   );
+ * };
+ * ```
+ */
+export declare function handleAIResponse(response: AxiosResponse<any>, currentState: GridAIState, gridRef: Pick<GridHandle, 'getLeafDataItems' | 'getTotal' | 'exportAsPdf' | 'props'> | null): GridAIResponseResult;
+
 /**
  * @hidden
  */