@progress/kendo-vue-data-tools 5.3.0-dev.202410141143 → 5.3.0-develop.1

package/navigation/constants.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 _="data-keyboardnavlevel",t="data-keyboardnavscope",e="data-keyboardnavheader",a="data-keyboardnavbody",E="data-keyboardnavid",d="data-keyboardnavzone",n="_filter",A=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],b=[...A,"[tabindex]"],r=[...A,"[tabindex]"].map(o=>o+':not([tabindex="-1"])'),i={[t]:!0},D={[e]:!0},s={[a]:!0};exports.FOCUSABLE_ELEMENTS=b;exports.KEYBOARD_NAV_DATA_BODY=a;exports.KEYBOARD_NAV_DATA_HEADER=e;exports.KEYBOARD_NAV_DATA_ID=E;exports.KEYBOARD_NAV_DATA_LEVEL=_;exports.KEYBOARD_NAV_DATA_SCOPE=t;exports.KEYBOARD_NAV_DATA_ZONE=d;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=n;exports.TABBABLE_ELEMENTS=r;exports.tableKeyboardNavigationBodyAttributes=s;exports.tableKeyboardNavigationHeaderAttributes=D;exports.tableKeyboardNavigationScopeAttributes=i;

package/navigation/constants.mjs

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const d = "data-keyboardnavlevel", e = "data-keyboardnavscope", o = "data-keyboardnavheader", n = "data-keyboardnavbody", A = "data-keyboardnavid", b = "data-keyboardnavzone", r = "_filter", t = ["input:not([disabled]):not([type=hidden])", "select:not([disabled])", "textarea:not([disabled])", "button:not([disabled])", "a[href]", "area[href]", "summary", "iframe", "object", "embed", "audio[controls]", "video[controls]", "[contenteditable]"], E = [...t, "[tabindex]"], _ = [...t, "[tabindex]"].map((a) => a + ':not([tabindex="-1"])'), s = {
+  [e]: !0
+}, i = {
+  [o]: !0
+}, c = {
+  [n]: !0
+};
+export {
+  E as FOCUSABLE_ELEMENTS,
+  n as KEYBOARD_NAV_DATA_BODY,
+  o as KEYBOARD_NAV_DATA_HEADER,
+  A as KEYBOARD_NAV_DATA_ID,
+  d as KEYBOARD_NAV_DATA_LEVEL,
+  e as KEYBOARD_NAV_DATA_SCOPE,
+  b as KEYBOARD_NAV_DATA_ZONE,
+  r as KEYBOARD_NAV_FILTER_COL_SUFFIX,
+  _ as TABBABLE_ELEMENTS,
+  c as tableKeyboardNavigationBodyAttributes,
+  i as tableKeyboardNavigationHeaderAttributes,
+  s as tableKeyboardNavigationScopeAttributes
+};

package/navigation/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./constants.js"),i=(e,t,n="cell")=>`${t}_${e}_${n}`,c=e=>{if(e)return parseInt(e.getAttribute(r.KEYBOARD_NAV_DATA_LEVEL)||"",10)},A=e=>{if(!e)return;const t=e.getAttribute(r.KEYBOARD_NAV_DATA_ID);return t||void 0},E=e=>e?!!e.getAttribute(r.KEYBOARD_NAV_DATA_ID):!1,u=(e,t={level:0})=>e.querySelector(`[${r.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),g=e=>e.parentElement&&e.parentElement.closest(`[${r.KEYBOARD_NAV_DATA_LEVEL}]`),d=(e,t)=>e.querySelector(`[${r.KEYBOARD_NAV_DATA_ID}='${t}']`),_=e=>e.parentElement&&e.parentElement.closest(`[${r.KEYBOARD_NAV_DATA_SCOPE}]`),N=e=>e.querySelector(`[${r.KEYBOARD_NAV_DATA_HEADER}]`),f=e=>e.querySelector(`[${r.KEYBOARD_NAV_DATA_BODY}]`),b=(e,t={focusable:!1})=>{let n=t.focusable?r.FOCUSABLE_ELEMENTS:r.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(n.join(",")))},v=(e,t={level:0})=>{if(!e)return[];let n=r.FOCUSABLE_ELEMENTS.map(l=>l+`[${r.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(n))},I=(e={level:0})=>{let t=r.FOCUSABLE_ELEMENTS.map(n=>n+`[${r.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return n=>n.matches(t)},D=e=>{const{elementForFocus:t,event:n,kbContext:l,prevElement:o}=e;l&&t&&t.focus&&(n.preventDefault(),t.focus(),E(t)&&(t.setAttribute("tabIndex","0"),l.activeId=A(t)),o&&E(o)&&o.setAttribute("tabIndex","-1"))},B=e=>e?e.idPrefix:"",m=(e,t,n,l,o)=>{if(!n)return[];let a=e+(o?-1:1);for(;a>=0&&a<l.length;){const s=l[a][t];if(s!==n)return[s,[a,t]];a=a+(o?-1:1)}return[]},L=(e,t,n,l,o)=>{if(!n)return[];let a=t+(o?-1:1);for(;a>=0&&a<l[e].length;){const s=l[e][a];if(s!==n)return[s,[e,a]];a=a+(o?-1:1)}return[]},T=(e,t)=>{if(t){for(let n=0;n<e.length;n++)for(let l=0;l<e[n].length;l++)if(e[n][l]===t)return[n,l]}},O=e=>e?e.navigationMatrix.length:0,S=e=>e?`${e}${r.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",y={generateNavigatableId:i,getNavigatableId:A,getNavigatableLevel:c,getNavigatableElement:u,getClosestNavigatableElement:g,getActiveElement:d,getClosestScope:_,getHeaderElement:N,getBodyElement:f,getFocusableElements:b,getNavigatableElements:v,filterNavigatableElements:I,focusElement:D,getIdPrefix:B,isNavigatable:E,findNextIdByRowIndex:m,findNextIdByCellIndex:L,findId:T,getNextNavigationIndex:O,getFilterColumnId:S};exports.filterNavigatableElements=I;exports.findId=T;exports.findNextIdByCellIndex=L;exports.findNextIdByRowIndex=m;exports.focusElement=D;exports.generateNavigatableId=i;exports.getActiveElement=d;exports.getBodyElement=f;exports.getClosestNavigatableElement=g;exports.getClosestScope=_;exports.getFilterColumnId=S;exports.getFocusableElements=b;exports.getHeaderElement=N;exports.getIdPrefix=B;exports.getNavigatableElement=u;exports.getNavigatableElements=v;exports.getNavigatableId=A;exports.getNavigatableLevel=c;exports.getNextNavigationIndex=O;exports.isNavigatable=E;exports.tableKeyboardNavigationTools=y;

package/navigation/utils.mjs

@@ -0,0 +1,106 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { KEYBOARD_NAV_DATA_LEVEL as u, KEYBOARD_NAV_DATA_ID as a, KEYBOARD_NAV_DATA_SCOPE as E, KEYBOARD_NAV_DATA_HEADER as f, KEYBOARD_NAV_DATA_BODY as g, FOCUSABLE_ELEMENTS as i, TABBABLE_ELEMENTS as d, KEYBOARD_NAV_FILTER_COL_SUFFIX as _ } from "./constants.mjs";
+const b = (e, t, r = "cell") => `${t}_${e}_${r}`, N = (e) => {
+  if (e)
+    return parseInt(e.getAttribute(u) || "", 10);
+}, A = (e) => {
+  if (!e)
+    return;
+  const t = e.getAttribute(a);
+  return t || void 0;
+}, c = (e) => e ? !!e.getAttribute(a) : !1, I = (e, t = { level: 0 }) => e.querySelector(`[${u}='${t.level}']`), v = (e) => e.parentElement && e.parentElement.closest(`[${u}]`), $ = (e, t) => e.querySelector(`[${a}='${t}']`), m = (e) => e.parentElement && e.parentElement.closest(`[${E}]`), B = (e) => e.querySelector(`[${f}]`), D = (e) => e.querySelector(`[${g}]`), y = (e, t = { focusable: !1 }) => {
+  let r = t.focusable ? i : d;
+  return Array.from(e.querySelectorAll(r.join(",")));
+}, S = (e, t = { level: 0 }) => {
+  if (!e)
+    return [];
+  let r = i.map((n) => n + `[${u}='${t.level}']`).join(",");
+  return Array.from(e.querySelectorAll(r));
+}, p = (e = { level: 0 }) => {
+  let t = i.map(
+    (r) => r + `[${u}='${e.level}']`
+  ).join(",");
+  return (r) => r.matches(t);
+}, x = (e) => {
+  const { elementForFocus: t, event: r, kbContext: n, prevElement: o } = e;
+  n && t && t.focus && (r.preventDefault(), t.focus(), c(t) && (t.setAttribute("tabIndex", "0"), n.activeId = A(t)), o && c(o) && o.setAttribute("tabIndex", "-1"));
+}, O = (e) => e ? e.idPrefix : "", T = (e, t, r, n, o) => {
+  if (!r)
+    return [];
+  let l = e + (o ? -1 : 1);
+  for (; l >= 0 && l < n.length; ) {
+    const s = n[l][t];
+    if (s !== r)
+      return [s, [l, t]];
+    l = l + (o ? -1 : 1);
+  }
+  return [];
+}, C = (e, t, r, n, o) => {
+  if (!r)
+    return [];
+  let l = t + (o ? -1 : 1);
+  for (; l >= 0 && l < n[e].length; ) {
+    const s = n[e][l];
+    if (s !== r)
+      return [s, [e, l]];
+    l = l + (o ? -1 : 1);
+  }
+  return [];
+}, L = (e, t) => {
+  if (t) {
+    for (let r = 0; r < e.length; r++)
+      for (let n = 0; n < e[r].length; n++)
+        if (e[r][n] === t)
+          return [r, n];
+  }
+}, h = (e) => e ? e.navigationMatrix.length : 0, F = (e) => e ? `${e}${_}` : "", K = {
+  generateNavigatableId: b,
+  getNavigatableId: A,
+  getNavigatableLevel: N,
+  getNavigatableElement: I,
+  getClosestNavigatableElement: v,
+  getActiveElement: $,
+  getClosestScope: m,
+  getHeaderElement: B,
+  getBodyElement: D,
+  getFocusableElements: y,
+  getNavigatableElements: S,
+  filterNavigatableElements: p,
+  focusElement: x,
+  getIdPrefix: O,
+  isNavigatable: c,
+  findNextIdByRowIndex: T,
+  findNextIdByCellIndex: C,
+  findId: L,
+  getNextNavigationIndex: h,
+  getFilterColumnId: F
+};
+export {
+  p as filterNavigatableElements,
+  L as findId,
+  C as findNextIdByCellIndex,
+  T as findNextIdByRowIndex,
+  x as focusElement,
+  b as generateNavigatableId,
+  $ as getActiveElement,
+  D as getBodyElement,
+  v as getClosestNavigatableElement,
+  m as getClosestScope,
+  F as getFilterColumnId,
+  y as getFocusableElements,
+  B as getHeaderElement,
+  O as getIdPrefix,
+  I as getNavigatableElement,
+  S as getNavigatableElements,
+  A as getNavigatableId,
+  N as getNavigatableLevel,
+  h as getNextNavigationIndex,
+  c as isNavigatable,
+  K as tableKeyboardNavigationTools
+};

package/package-metadata.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={name:"@progress/kendo-vue-data-tools",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1632380454,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const e = {
+  name: "@progress/kendo-vue-data-tools",
+  productName: "Kendo UI for Vue",
+  productCodes: ["KENDOUIVUE", "KENDOUICOMPLETE"],
+  publishDate: 1731077742,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
+};
+export {
+  e as packageMetadata
+};

package/package.json

@@ -1,79 +1,44 @@
 {
   "name": "@progress/kendo-vue-data-tools",
-  "description": "Kendo UI for Vue Data Tools package",
-  "version": "5.3.0-dev.202410141143",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-vue.git"
-  },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
+  "version": "5.3.0-develop.1",
+  "description": "TODO",
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-vue-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
   "exports": {
-    "node": "./dist/esm/main.js",
-    "import": "./dist/es/main.js",
-    "require": "./dist/npm/main.js",
-    "default": "./dist/npm/main.js"
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "scripts": {
-    "build-package": "gulp build-package",
-    "start": "gulp start --notsc",
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/datatools/.*",
-    "e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.config.e2e.js packages/datatools"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.4",
+    "@progress/kendo-vue-common": "5.3.0-develop.1",
+    "vue": "^3.0.2"
   },
-  "homepage": "https://www.telerik.com/kendo-vue-ui/",
+  "dependencies": {},
   "keywords": [
     "Kendo UI",
     "Vue",
     "Progress",
-    "Data Tools",
-    "KendoVue",
-    "vuejs",
+    "Datatools",
     "UI",
     "components",
     "Vue component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-data-query": "^1.7.0",
-    "@progress/kendo-drawing": "^1.20.1",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-svg-icons": "^3.0.0",
-    "@progress/kendo-vue-animation": "^5.0.0",
-    "@progress/kendo-vue-buttons": "^5.0.0",
-    "@progress/kendo-vue-dateinputs": "^5.0.0",
-    "@progress/kendo-vue-dropdowns": "^5.0.0",
-    "@progress/kendo-vue-inputs": "^5.0.0",
-    "@progress/kendo-vue-intl": "^5.0.0",
-    "@progress/kendo-vue-popup": "^5.0.0",
-    "vue": "^2.6.12 || ^3.0.2"
-  },
-  "dependencies": {
-    "@progress/kendo-vue-common": "5.3.0-dev.202410141143"
-  },
-  "devDependencies": {
-    "@progress/kendo-data-query": "^1.0.0",
-    "@progress/kendo-date-math": "^1.4.1",
-    "@progress/kendo-drawing": "^1.8.0",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-svg-icons": "^2.0.0",
-    "@progress/kendo-vue-animation": "5.3.0-dev.202410141143",
-    "@progress/kendo-vue-buttons": "5.3.0-dev.202410141143",
-    "@progress/kendo-vue-dateinputs": "5.3.0-dev.202410141143",
-    "@progress/kendo-vue-dropdowns": "5.3.0-dev.202410141143",
-    "@progress/kendo-vue-grid": "5.3.0-dev.202410141143",
-    "@progress/kendo-vue-inputs": "5.3.0-dev.202410141143",
-    "@progress/kendo-vue-intl": "5.3.0-dev.202410141143",
-    "@progress/kendo-vue-popup": "5.3.0-dev.202410141143"
-  },
   "@progress": {
-    "friendlyName": "Data Tools",
+    "friendlyName": "Datatools",
     "framework": "Kendo UI for Vue"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
   }
-}
+}

package/pager/GridPagerSettings.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 a=({buttonCount:e=10,info:t=!0,type:o="numeric",pageSizes:r=!1,previousNext:i=!0,responsive:u=!0,pagerRender:n=void 0,pageSizeValue:l=void 0})=>({buttonCount:e,info:t,pageSizes:r===!0?[5,10,20]:r,previousNext:i,type:o,responsive:u,pagerRender:n,pageSizeValue:l}),c=e=>a(e===!0?{}:e);exports.normalize=c;

package/pager/GridPagerSettings.mjs

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const c = ({
+  buttonCount: e = 10,
+  info: t = !0,
+  type: o = "numeric",
+  pageSizes: r = !1,
+  previousNext: u = !0,
+  responsive: i = !0,
+  pagerRender: n = void 0,
+  pageSizeValue: a = void 0
+}) => ({
+  buttonCount: e,
+  info: t,
+  pageSizes: r === !0 ? [5, 10, 20] : r,
+  previousNext: u,
+  type: o,
+  responsive: i,
+  pagerRender: n,
+  pageSizeValue: a
+}), l = (e) => c(e === !0 ? {} : e);
+export {
+  l as normalize
+};

package/pager/Pager.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 a=require("vue"),A=require("./PagerNumericButtons.js"),W=require("./PagerInput.js"),B=require("./PagerPageSizes.js"),V=require("./PagerInfo.js"),d=require("./PagerNavigationButton.js"),t=require("../messages/main.js"),q=require("@progress/kendo-vue-intl"),l=require("@progress/kendo-vue-common"),c=require("@progress/kendo-svg-icons"),K="k-pager-numbers-wrap",O="k-pager-sizes",j="k-pager-info",E=a.defineComponent({name:"KendoPager",props:{pageSizeValue:[String,Number],total:Number,skip:Number,take:Number,pageSize:Number,settings:[Object,Boolean],buttonCount:{type:Number,default:10},info:{type:Boolean,default:!0},type:{type:String,default:"numeric",validator:function(e){return["numeric","input"].includes(e)}},pageSizes:{type:Array},previousNext:Boolean,messagesMap:Function,responsive:{type:Boolean,default:!0},size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},pagerRender:[String,Function,Object],width:[Number,String],ariaControls:{type:String,default:void 0},onPagesizechange:Function,onPagechange:Function},data(){return{currentRtl:!1,itemsToFit:void 0,itemsWidths:void 0}},mounted(){l.canUseDOM&&window.ResizeObserver&&(this.observerResize=new window.ResizeObserver(this.onWindowResize),this.observerResize.observe(this.$el)),this.currentRtl=l.isRtl(this.$el);const e=this.collectPagerChildrenWidths();this.itemsWidths=e,this.onWindowResize()},unmounted(){var e;(e=this.document)!=null&&e.body&&this.observerResize&&this.observerResize.disconnect()},inject:{kendoLocalizationService:{default:null},kendoIntlService:{default:null}},computed:{wrapperClass(){const{size:e}=this.$props;return{"k-pager":!0,[`k-pager-${l.kendoThemeMaps.sizeMap[e]||e}`]:e}},totalPages(){return Math.ceil((this.$props.total||0)/this.currentTake)},currentPage(){return Math.floor((this.$props.skip||0)/this.currentTake)+1},currentTake(){return this.$props.take||this.$props.pageSize},showPageSizes(){return this.itemsToFit.includes(this.pagerSizesIndex)},showInfo(){return this.itemsToFit.includes(this.pagerInfoIndex)}},methods:{changePage(e,s){e>0&&e<=this.totalPages&&this.$emit("pagechange",{skip:(e-1)*this.currentTake,take:this.currentTake},s)},triggerPageChange(e,s){l.hasListener.call(this,"pagesizechange")?this.$emit("pagesizechange",e,s):this.$emit("pagechange",e,s)},onWindowResize(){const e=this.$el;!e||!this.$props.responsive||this.$props.settings.responsive===!1||(this.itemsToFit=this.fitChildrenInParent(e,this.itemsWidths||[]))},transformDimension(e){return typeof e=="string"&&e.endsWith("px")?e:e+"px"},collectPagerChildrenWidths(){var o;return Array.from(((o=this.$el)==null?void 0:o.children)||[]).map(g=>g instanceof HTMLElement?{class:g.className,width:g.offsetWidth}:0)},fitChildrenInParent(e,s){let o=[],g=0,u=s;const i=e.offsetWidth,P=20;for(let r=0;r<s.length;r++){const m=r===0?8:0,h=e.children[r],n=r===0?s[r].width:(h==null?void 0:h.offsetWidth)||s[r].width;g+=n,g<i-P-m?o.push(s[r].class):u[r].width=n}return this.itemsWidths=u,o}},setup(){const e=a.inject("kendoIntlService",{}),s=a.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:s}},render(){var T,M;const{skip:e,take:s,total:o,pageSizes:g,buttonCount:u,messagesMap:i,info:P,type:r,previousNext:m,pageSizeValue:h}=this.$props,n={pageSizes:g,buttonCount:u,info:P,previousNext:m,type:r,skip:e,take:s,total:o,messagesMap:i,pageSizeValue:h,...this.$props.settings},f=this.$props.pagerRender||this.$props.settings.pagerRender,$=f?l.templateRendering.call(this,f,l.getListeners.call(this)):null,p=q.provideLocalizationService(this),v=i?i(t.pagerFirstPage):{messageKey:t.pagerFirstPage,defaultMessage:t.messages[t.pagerFirstPage]},S=i?i(t.pagerPreviousPage):{messageKey:t.pagerPreviousPage,defaultMessage:t.messages[t.pagerPreviousPage]},k=i?i(t.pagerNextPage):{messageKey:t.pagerNextPage,defaultMessage:t.messages[t.pagerNextPage]},N=i?i(t.pagerLastPage):{messageKey:t.pagerLastPage,defaultMessage:t.messages[t.pagerLastPage]},C=n.type==="numeric"?a.createVNode(A.PagerNumericButtons,{responsiveSize:this.responsive&&this.itemsToFit&&this.itemsToFit.length<2?"small":"large",size:this.size,buttonCount:n.buttonCount||0,totalPages:this.totalPages,currentPage:this.currentPage,onPagechange:this.changePage},null):a.createVNode(W.PagerInput,{currentPage:this.currentPage,totalPages:this.totalPages,onPagechange:this.changePage,messagesMap:i,size:this.size},null);let R,b,I,y;n.previousNext&&(R=a.createVNode(d.PagerNavigationButton,{class:"k-pager-first",size:this.size,disabled:this.currentPage===1,page:1,title:p.toLanguageString(v.messageKey,v.defaultMessage),icon:this.currentRtl?"caret-alt-to-right":"caret-alt-to-left",svgIcon:this.currentRtl?c.caretAltToRightIcon:c.caretAltToLeftIcon,onPagechange:this.changePage},null),b=a.createVNode(d.PagerNavigationButton,{disabled:this.currentPage===1,size:this.size,page:this.currentPage-1,title:p.toLanguageString(S.messageKey,S.defaultMessage),icon:this.currentRtl?"caret-alt-right":"caret-alt-left",svgIcon:this.currentRtl?c.caretAltRightIcon:c.caretAltLeftIcon,onPagechange:this.changePage},null),I=a.createVNode(d.PagerNavigationButton,{disabled:this.currentPage===this.totalPages,size:this.size,page:this.currentPage+1,title:p.toLanguageString(k.messageKey,k.defaultMessage),icon:this.currentRtl?"caret-alt-left":"caret-alt-right",svgIcon:this.currentRtl?c.caretAltLeftIcon:c.caretAltRightIcon,onPagechange:this.changePage},null),y=a.createVNode(d.PagerNavigationButton,{class:"k-pager-last",disabled:this.currentPage===this.totalPages,size:this.size,page:this.totalPages,title:p.toLanguageString(N.messageKey,N.defaultMessage),icon:this.currentRtl?"caret-alt-to-left":"caret-alt-to-right",svgIcon:this.currentRtl?c.caretAltToLeftIcon:c.caretAltToRightIcon,onPagechange:this.changePage},null));const L=n.pageSizes&&a.createVNode(B.PagerPageSizes,{onPagechange:this.triggerPageChange,pageSize:this.currentTake,pageSizes:n.pageSizes,value:n.pageSizeValue,messagesMap:i,size:this.size},null),F=n.info&&a.createVNode(V.PagerInfo,{totalPages:this.$props.total,skip:this.$props.skip,currentPage:this.currentTake,messagesMap:i},null);let x=l.getTemplate.call(this,{h:a.h,template:$,additionalProps:{...this.$props,current:this.currentPage},additionalListeners:{pagechange:this.triggerPageChange}});const w=this.transformDimension(this.$props.width);return f?a.createVNode("div",{class:this.wrapperClass,style:{width:w},role:"application","aria-roledescription":"pager"},[x]):a.createVNode("div",{class:this.wrapperClass,style:{width:w},role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":"Page navigation, page "+this.currentPage+" of "+this.totalPages,"aria-controls":this.$props.ariaControls},[a.createVNode("div",{class:K},[R,b,C,I,y]),!(this.responsive&&this.itemsToFit&&!((T=this.itemsToFit)!=null&&T.find(z=>z.indexOf(O)!==-1)))&&L,!(this.responsive&&this.itemsToFit&&!((M=this.itemsToFit)!=null&&M.find(z=>z.indexOf(j)!==-1)))&&F])}});exports.Pager=E;

package/pager/Pager.mjs

@@ -0,0 +1,294 @@
+/**
+ * @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, inject as N, createVNode as a, h as _ } from "vue";
+import { PagerNumericButtons as U } from "./PagerNumericButtons.mjs";
+import { PagerInput as H } from "./PagerInput.mjs";
+import { PagerPageSizes as Z } from "./PagerPageSizes.mjs";
+import { PagerInfo as q } from "./PagerInfo.mjs";
+import { PagerNavigationButton as c } from "./PagerNavigationButton.mjs";
+import { pagerFirstPage as P, messages as p, pagerPreviousPage as z, pagerNextPage as S, pagerLastPage as v } from "../messages/main.mjs";
+import { provideLocalizationService as G } from "@progress/kendo-vue-intl";
+import { canUseDOM as J, isRtl as Q, kendoThemeMaps as V, hasListener as X, templateRendering as Y, getListeners as ee, getTemplate as te } from "@progress/kendo-vue-common";
+import { caretAltToRightIcon as F, caretAltToLeftIcon as x, caretAltRightIcon as W, caretAltLeftIcon as A } from "@progress/kendo-svg-icons";
+const se = "k-pager-numbers-wrap", ie = "k-pager-sizes", ae = "k-pager-info", me = /* @__PURE__ */ D({
+  name: "KendoPager",
+  props: {
+    pageSizeValue: [String, Number],
+    total: Number,
+    skip: Number,
+    take: Number,
+    pageSize: Number,
+    settings: [Object, Boolean],
+    buttonCount: {
+      type: Number,
+      default: 10
+    },
+    info: {
+      type: Boolean,
+      default: !0
+    },
+    type: {
+      type: String,
+      default: "numeric",
+      validator: function(e) {
+        return ["numeric", "input"].includes(e);
+      }
+    },
+    pageSizes: {
+      type: Array
+    },
+    previousNext: Boolean,
+    messagesMap: Function,
+    responsive: {
+      type: Boolean,
+      default: !0
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: function(e) {
+        return [null, "small", "medium", "large"].includes(e);
+      }
+    },
+    pagerRender: [String, Function, Object],
+    width: [Number, String],
+    ariaControls: {
+      type: String,
+      default: void 0
+    },
+    onPagesizechange: Function,
+    onPagechange: Function
+  },
+  data() {
+    return {
+      currentRtl: !1,
+      itemsToFit: void 0,
+      itemsWidths: void 0
+    };
+  },
+  mounted() {
+    J && window.ResizeObserver && (this.observerResize = new window.ResizeObserver(this.onWindowResize), this.observerResize.observe(this.$el)), this.currentRtl = Q(this.$el);
+    const e = this.collectPagerChildrenWidths();
+    this.itemsWidths = e, this.onWindowResize();
+  },
+  unmounted() {
+    var e;
+    (e = this.document) != null && e.body && this.observerResize && this.observerResize.disconnect();
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    }
+  },
+  computed: {
+    wrapperClass() {
+      const {
+        size: e
+      } = this.$props;
+      return {
+        "k-pager": !0,
+        [`k-pager-${V.sizeMap[e] || e}`]: e
+      };
+    },
+    totalPages() {
+      return Math.ceil((this.$props.total || 0) / this.currentTake);
+    },
+    currentPage() {
+      return Math.floor((this.$props.skip || 0) / this.currentTake) + 1;
+    },
+    currentTake() {
+      return this.$props.take || this.$props.pageSize;
+    },
+    showPageSizes() {
+      return this.itemsToFit.includes(this.pagerSizesIndex);
+    },
+    showInfo() {
+      return this.itemsToFit.includes(this.pagerInfoIndex);
+    }
+  },
+  methods: {
+    changePage(e, t) {
+      e > 0 && e <= this.totalPages && this.$emit("pagechange", {
+        skip: (e - 1) * this.currentTake,
+        take: this.currentTake
+      }, t);
+    },
+    triggerPageChange(e, t) {
+      X.call(this, "pagesizechange") ? this.$emit("pagesizechange", e, t) : this.$emit("pagechange", e, t);
+    },
+    onWindowResize() {
+      const e = this.$el;
+      !e || !this.$props.responsive || this.$props.settings.responsive === !1 || (this.itemsToFit = this.fitChildrenInParent(e, this.itemsWidths || []));
+    },
+    transformDimension(e) {
+      return typeof e == "string" && e.endsWith("px") ? e : e + "px";
+    },
+    collectPagerChildrenWidths() {
+      var n;
+      return Array.from(((n = this.$el) == null ? void 0 : n.children) || []).map((o) => o instanceof HTMLElement ? {
+        class: o.className,
+        width: o.offsetWidth
+      } : 0);
+    },
+    fitChildrenInParent(e, t) {
+      let n = [], o = 0, l = t;
+      const s = e.offsetWidth, u = 20;
+      for (let i = 0; i < t.length; i++) {
+        const d = i === 0 ? 8 : 0, g = e.children[i], r = i === 0 ? t[i].width : (g == null ? void 0 : g.offsetWidth) || t[i].width;
+        o += r, o < s - u - d ? n.push(t[i].class) : l[i].width = r;
+      }
+      return this.itemsWidths = l, n;
+    }
+  },
+  setup() {
+    const e = N("kendoIntlService", {}), t = N("kendoLocalizationService", {});
+    return {
+      kendoIntlService: e,
+      kendoLocalizationService: t
+    };
+  },
+  render() {
+    var I, L;
+    const {
+      skip: e,
+      take: t,
+      total: n,
+      pageSizes: o,
+      buttonCount: l,
+      messagesMap: s,
+      info: u,
+      type: i,
+      previousNext: d,
+      pageSizeValue: g
+    } = this.$props, r = {
+      pageSizes: o,
+      buttonCount: l,
+      info: u,
+      previousNext: d,
+      type: i,
+      skip: e,
+      take: t,
+      total: n,
+      messagesMap: s,
+      pageSizeValue: g,
+      ...this.$props.settings
+    }, m = this.$props.pagerRender || this.$props.settings.pagerRender, K = m ? Y.call(this, m, ee.call(this)) : null, h = G(this), k = s ? s(P) : {
+      messageKey: P,
+      defaultMessage: p[P]
+    }, R = s ? s(z) : {
+      messageKey: z,
+      defaultMessage: p[z]
+    }, b = s ? s(S) : {
+      messageKey: S,
+      defaultMessage: p[S]
+    }, w = s ? s(v) : {
+      messageKey: v,
+      defaultMessage: p[v]
+    }, O = r.type === "numeric" ? a(U, {
+      responsiveSize: this.responsive && this.itemsToFit && this.itemsToFit.length < 2 ? "small" : "large",
+      size: this.size,
+      buttonCount: r.buttonCount || 0,
+      totalPages: this.totalPages,
+      currentPage: this.currentPage,
+      onPagechange: this.changePage
+    }, null) : a(H, {
+      currentPage: this.currentPage,
+      totalPages: this.totalPages,
+      onPagechange: this.changePage,
+      messagesMap: s,
+      size: this.size
+    }, null);
+    let y, M, $, T;
+    r.previousNext && (y = a(c, {
+      class: "k-pager-first",
+      size: this.size,
+      disabled: this.currentPage === 1,
+      page: 1,
+      title: h.toLanguageString(k.messageKey, k.defaultMessage),
+      icon: this.currentRtl ? "caret-alt-to-right" : "caret-alt-to-left",
+      svgIcon: this.currentRtl ? F : x,
+      onPagechange: this.changePage
+    }, null), M = a(c, {
+      disabled: this.currentPage === 1,
+      size: this.size,
+      page: this.currentPage - 1,
+      title: h.toLanguageString(R.messageKey, R.defaultMessage),
+      icon: this.currentRtl ? "caret-alt-right" : "caret-alt-left",
+      svgIcon: this.currentRtl ? W : A,
+      onPagechange: this.changePage
+    }, null), $ = a(c, {
+      disabled: this.currentPage === this.totalPages,
+      size: this.size,
+      page: this.currentPage + 1,
+      title: h.toLanguageString(b.messageKey, b.defaultMessage),
+      icon: this.currentRtl ? "caret-alt-left" : "caret-alt-right",
+      svgIcon: this.currentRtl ? A : W,
+      onPagechange: this.changePage
+    }, null), T = a(c, {
+      class: "k-pager-last",
+      disabled: this.currentPage === this.totalPages,
+      size: this.size,
+      page: this.totalPages,
+      title: h.toLanguageString(w.messageKey, w.defaultMessage),
+      icon: this.currentRtl ? "caret-alt-to-left" : "caret-alt-to-right",
+      svgIcon: this.currentRtl ? x : F,
+      onPagechange: this.changePage
+    }, null));
+    const B = r.pageSizes && a(Z, {
+      onPagechange: this.triggerPageChange,
+      pageSize: this.currentTake,
+      pageSizes: r.pageSizes,
+      value: r.pageSizeValue,
+      messagesMap: s,
+      size: this.size
+    }, null), E = r.info && a(q, {
+      totalPages: this.$props.total,
+      skip: this.$props.skip,
+      currentPage: this.currentTake,
+      messagesMap: s
+    }, null);
+    let j = te.call(this, {
+      h: _,
+      template: K,
+      additionalProps: {
+        ...this.$props,
+        current: this.currentPage
+      },
+      additionalListeners: {
+        pagechange: this.triggerPageChange
+      }
+    });
+    const C = this.transformDimension(this.$props.width);
+    return m ? a("div", {
+      class: this.wrapperClass,
+      style: {
+        width: C
+      },
+      role: "application",
+      "aria-roledescription": "pager"
+    }, [j]) : a("div", {
+      class: this.wrapperClass,
+      style: {
+        width: C
+      },
+      role: "application",
+      "aria-roledescription": "pager",
+      "aria-keyshortcuts": "Enter ArrowRight ArrowLeft",
+      "aria-label": "Page navigation, page " + this.currentPage + " of " + this.totalPages,
+      "aria-controls": this.$props.ariaControls
+    }, [a("div", {
+      class: se
+    }, [y, M, O, $, T]), !(this.responsive && this.itemsToFit && !((I = this.itemsToFit) != null && I.find((f) => f.indexOf(ie) !== -1))) && B, !(this.responsive && this.itemsToFit && !((L = this.itemsToFit) != null && L.find((f) => f.indexOf(ae) !== -1))) && E]);
+  }
+});
+export {
+  me as Pager
+};

package/pager/PagerInfo.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("@progress/kendo-vue-intl"),t=require("../messages/main.js"),r=e.defineComponent({name:"KendoPagerInfo",props:{totalPages:Number,currentPage:Number,skip:Number,messagesMap:Function},inject:{kendoLocalizationService:{default:null},kendoIntlService:{default:null}},setup(){const s=e.inject("kendoIntlService",{}),n=e.inject("kendoLocalizationService",{});return{kendoIntlService:s,kendoLocalizationService:n}},render(){const s=a.provideIntlService(this),n=a.provideLocalizationService(this),o=this.$props.messagesMap?this.$props.messagesMap(t.pagerInfo):{messageKey:t.pagerInfo,defaultMessage:t.messages[t.pagerInfo]};return e.createVNode("span",{class:"k-pager-info"},[s.format(n.toLanguageString(o.messageKey,o.defaultMessage),[Math.min(this.$props.skip+1,this.$props.totalPages),Math.min(this.$props.skip+this.$props.currentPage,this.$props.totalPages),this.$props.totalPages])])}});exports.PagerInfo=r;