@progress/kendo-vue-data-tools 6.4.1-develop.2 → 6.4.2-develop.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cells/FilterCell.mjs +11 -11
- package/columnmenu/ColumnMenu.mjs +5 -5
- package/columnmenu/ColumnMenuContent.mjs +3 -3
- package/columnmenu/ColumnMenuFilter.js +1 -1
- package/columnmenu/ColumnMenuFilter.mjs +18 -20
- package/columnmenu/ColumnMenuFilterCell.mjs +3 -3
- package/columnmenu/ColumnMenuItem.mjs +1 -1
- package/columnmenu/ColumnMenuSort.mjs +1 -1
- package/dist/cdn/js/kendo-vue-datatools.js +1 -1
- package/filter/Filter.mjs +3 -3
- package/header/FilterRow.mjs +1 -1
- package/header/Header.mjs +8 -8
- package/header/HeaderRow.mjs +3 -3
- package/header/HeaderSelectionCell.mjs +4 -4
- package/header/HeaderTdElement.mjs +4 -4
- package/header/HeaderThElement.mjs +4 -4
- package/navigation/TableKeyboardNavigation.mjs +10 -10
- package/navigation/utils.mjs +4 -4
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
- package/pager/Pager.js +1 -1
- package/pager/Pager.mjs +17 -21
- package/pager/PagerInfo.mjs +1 -1
- package/pager/PagerInput.mjs +2 -2
- package/pager/PagerPageSizes.mjs +2 -2
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as c, createVNode as t, h as a } from "vue";
|
|
9
|
-
import {
|
|
9
|
+
import { getDefaultSlots as r, getTemplate as d, guid as h } from "@progress/kendo-vue-common";
|
|
10
10
|
import { provideLocalizationService as p } from "@progress/kendo-vue-intl";
|
|
11
11
|
import { selectAllRows as l, messages as u } from "../messages/main.mjs";
|
|
12
12
|
const b = /* @__PURE__ */ c({
|
|
@@ -27,7 +27,7 @@ const b = /* @__PURE__ */ c({
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
created() {
|
|
30
|
-
this.inputId =
|
|
30
|
+
this.inputId = h();
|
|
31
31
|
},
|
|
32
32
|
methods: {
|
|
33
33
|
changeHandle(e) {
|
|
@@ -41,7 +41,7 @@ const b = /* @__PURE__ */ c({
|
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
render() {
|
|
44
|
-
const e =
|
|
44
|
+
const e = r(this), i = this.$props.render, n = p(this).toLanguageString(l, u[l]), s = t("input", {
|
|
45
45
|
key: 0,
|
|
46
46
|
checked: this.$props.selectionValue,
|
|
47
47
|
id: this.inputId,
|
|
@@ -49,7 +49,7 @@ const b = /* @__PURE__ */ c({
|
|
|
49
49
|
class: "k-checkbox k-checkbox-md k-rounded-md",
|
|
50
50
|
"aria-label": n,
|
|
51
51
|
onChange: this.changeHandle
|
|
52
|
-
}, null), o =
|
|
52
|
+
}, null), o = d.call(this, {
|
|
53
53
|
h: a,
|
|
54
54
|
template: i,
|
|
55
55
|
defaultRendering: s,
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as d,
|
|
8
|
+
import { defineComponent as d, createVNode as s, inject as n } from "vue";
|
|
9
9
|
import { noop as l, getDefaultSlots as c } from "@progress/kendo-vue-common";
|
|
10
|
-
import {
|
|
10
|
+
import { KEYBOARD_NAV_DATA_ID as m, KEYBOARD_NAV_DATA_LEVEL as u } from "../navigation/constants.mjs";
|
|
11
11
|
const A = /* @__PURE__ */ d({
|
|
12
12
|
name: "KendoHeaderTdElement",
|
|
13
13
|
emits: {
|
|
@@ -58,8 +58,8 @@ const A = /* @__PURE__ */ d({
|
|
|
58
58
|
onKeydown: this.onKeyDown,
|
|
59
59
|
role: r,
|
|
60
60
|
tabindex: o.tabIndex,
|
|
61
|
-
"data-keyboardnavlevel": o[
|
|
62
|
-
"data-keyboardnavid": o[
|
|
61
|
+
"data-keyboardnavlevel": o[u],
|
|
62
|
+
"data-keyboardnavid": o[m]
|
|
63
63
|
}, [i]);
|
|
64
64
|
},
|
|
65
65
|
methods: {
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as m,
|
|
8
|
+
import { defineComponent as m, createVNode as S, inject as n } from "vue";
|
|
9
9
|
import { noop as b, getDefaultSlots as h } from "@progress/kendo-vue-common";
|
|
10
|
-
import {
|
|
10
|
+
import { KEYBOARD_NAV_DATA_ID as g, KEYBOARD_NAV_DATA_LEVEL as v } from "../navigation/constants.mjs";
|
|
11
11
|
const N = /* @__PURE__ */ m({
|
|
12
12
|
name: "KendoHeaderThElement",
|
|
13
13
|
emits: {
|
|
@@ -81,8 +81,8 @@ const N = /* @__PURE__ */ m({
|
|
|
81
81
|
onKeydown: this.onKeyDown,
|
|
82
82
|
role: c,
|
|
83
83
|
tabindex: t.tabIndex,
|
|
84
|
-
"data-keyboardnavlevel": t[
|
|
85
|
-
"data-keyboardnavid": t[
|
|
84
|
+
"data-keyboardnavlevel": t[v],
|
|
85
|
+
"data-keyboardnavid": t[g]
|
|
86
86
|
}, [u]);
|
|
87
87
|
},
|
|
88
88
|
methods: {
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
8
|
+
import { getDefaultSlots as E, Keys as l, guid as y } from "@progress/kendo-vue-common";
|
|
9
|
+
import { KEYBOARD_NAV_DATA_ID as k, KEYBOARD_NAV_DATA_LEVEL as N } from "./constants.mjs";
|
|
10
|
+
import { getHeaderElement as A, getBodyElement as F, getNavigatableId as D, tableKeyboardNavigationTools as o, findId as I, findNextIdByRowIndex as S, findNextIdByCellIndex as K } from "./utils.mjs";
|
|
11
11
|
import { defineComponent as M } from "vue";
|
|
12
12
|
const _ = /* @__PURE__ */ M({
|
|
13
13
|
name: "KendoTableKeyboardNavigationProvider",
|
|
@@ -49,7 +49,7 @@ const _ = /* @__PURE__ */ M({
|
|
|
49
49
|
}, this.navigation = {
|
|
50
50
|
activeElementIsFocused: !1,
|
|
51
51
|
prevNavigationIndexes: void 0,
|
|
52
|
-
idPrefix: n ||
|
|
52
|
+
idPrefix: n || y(),
|
|
53
53
|
navigationMatrix: [],
|
|
54
54
|
lastHeaderIndex: -1
|
|
55
55
|
});
|
|
@@ -58,8 +58,8 @@ const _ = /* @__PURE__ */ M({
|
|
|
58
58
|
getKeyboardNavigationAttributes(e) {
|
|
59
59
|
return !e || this.$props.navigatable === !1 ? {} : {
|
|
60
60
|
tabIndex: this.kbContext.activeId && this.kbContext.activeId === e ? 0 : -1,
|
|
61
|
-
[
|
|
62
|
-
[
|
|
61
|
+
[N]: this.kbContext.level,
|
|
62
|
+
[k]: e
|
|
63
63
|
};
|
|
64
64
|
},
|
|
65
65
|
onComponentDidMount(e) {
|
|
@@ -159,7 +159,7 @@ const _ = /* @__PURE__ */ M({
|
|
|
159
159
|
} else
|
|
160
160
|
u = I(f, g);
|
|
161
161
|
if (u) {
|
|
162
|
-
const [x, c] = u, [r, h] = v ?
|
|
162
|
+
const [x, c] = u, [r, h] = v ? S(x, c, g, f, d) : K(x, c, g, f, d);
|
|
163
163
|
if (r) {
|
|
164
164
|
const p = o.getActiveElement(m, r);
|
|
165
165
|
o.focusElement({
|
|
@@ -183,13 +183,13 @@ const _ = /* @__PURE__ */ M({
|
|
|
183
183
|
} = e;
|
|
184
184
|
if (!n || !i)
|
|
185
185
|
return;
|
|
186
|
-
const t = [], s =
|
|
186
|
+
const t = [], s = A(i), a = F(i);
|
|
187
187
|
if (!s || !a)
|
|
188
188
|
return;
|
|
189
189
|
const g = Array.from(s.children), b = Array.from(a.children);
|
|
190
190
|
[...g, ...b].forEach((m, f) => {
|
|
191
191
|
Array.from(m.children).forEach((d) => {
|
|
192
|
-
const v =
|
|
192
|
+
const v = D(d);
|
|
193
193
|
if (!v)
|
|
194
194
|
return;
|
|
195
195
|
const u = d.rowSpan || 1, x = d.colSpan || 1;
|
|
@@ -211,7 +211,7 @@ const _ = /* @__PURE__ */ M({
|
|
|
211
211
|
* @hidden
|
|
212
212
|
*/
|
|
213
213
|
render() {
|
|
214
|
-
return
|
|
214
|
+
return E(this)[0];
|
|
215
215
|
}
|
|
216
216
|
});
|
|
217
217
|
export {
|
package/navigation/utils.mjs
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
8
|
+
import { KEYBOARD_NAV_FILTER_COL_SUFFIX as E, KEYBOARD_NAV_DATA_ID as a, FOCUSABLE_ELEMENTS as i, KEYBOARD_NAV_DATA_LEVEL as u, TABBABLE_ELEMENTS as f, KEYBOARD_NAV_DATA_BODY as g, KEYBOARD_NAV_DATA_HEADER as d, KEYBOARD_NAV_DATA_SCOPE as _ } from "./constants.mjs";
|
|
9
9
|
const b = (e, t, r = "cell") => `${t}_${e}_${r}`, N = (e) => {
|
|
10
10
|
if (e)
|
|
11
11
|
return parseInt(e.getAttribute(u) || "", 10);
|
|
@@ -14,8 +14,8 @@ const b = (e, t, r = "cell") => `${t}_${e}_${r}`, N = (e) => {
|
|
|
14
14
|
return;
|
|
15
15
|
const t = e.getAttribute(a);
|
|
16
16
|
return t || void 0;
|
|
17
|
-
}, 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(`[${
|
|
18
|
-
let r = t.focusable ? i :
|
|
17
|
+
}, 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(`[${_}]`), B = (e) => e.querySelector(`[${d}]`), D = (e) => e.querySelector(`[${g}]`), y = (e, t = { focusable: !1 }) => {
|
|
18
|
+
let r = t.focusable ? i : f;
|
|
19
19
|
return Array.from(e.querySelectorAll(r.join(",")));
|
|
20
20
|
}, S = (e, t = { level: 0 }) => {
|
|
21
21
|
if (!e)
|
|
@@ -59,7 +59,7 @@ const b = (e, t, r = "cell") => `${t}_${e}_${r}`, N = (e) => {
|
|
|
59
59
|
if (e[r][n] === t)
|
|
60
60
|
return [r, n];
|
|
61
61
|
}
|
|
62
|
-
}, h = (e) => e ? e.navigationMatrix.length : 0, F = (e) => e ? `${e}${
|
|
62
|
+
}, h = (e) => e ? e.navigationMatrix.length : 0, F = (e) => e ? `${e}${E}` : "", K = {
|
|
63
63
|
generateNavigatableId: b,
|
|
64
64
|
getNavigatableId: A,
|
|
65
65
|
getNavigatableLevel: N,
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-data-tools",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-data-tools",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1750421788,version:"6.4.2-develop.3",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
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "Kendo UI for Vue",
|
|
11
11
|
productCode: "KENDOUIVUE",
|
|
12
12
|
productCodes: ["KENDOUIVUE"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "6.4.
|
|
13
|
+
publishDate: 1750421788,
|
|
14
|
+
version: "6.4.2-develop.3",
|
|
15
15
|
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"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-data-tools",
|
|
3
|
-
"version": "6.4.
|
|
3
|
+
"version": "6.4.2-develop.3",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -20,14 +20,14 @@
|
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@progress/kendo-data-query": "^1.7.0",
|
|
22
22
|
"@progress/kendo-licensing": "^1.4.0",
|
|
23
|
-
"@progress/kendo-vue-animation": "6.4.
|
|
24
|
-
"@progress/kendo-vue-buttons": "6.4.
|
|
25
|
-
"@progress/kendo-vue-common": "6.4.
|
|
26
|
-
"@progress/kendo-vue-dateinputs": "6.4.
|
|
27
|
-
"@progress/kendo-vue-dropdowns": "6.4.
|
|
28
|
-
"@progress/kendo-vue-inputs": "6.4.
|
|
29
|
-
"@progress/kendo-vue-intl": "6.4.
|
|
30
|
-
"@progress/kendo-vue-popup": "6.4.
|
|
23
|
+
"@progress/kendo-vue-animation": "6.4.2-develop.3",
|
|
24
|
+
"@progress/kendo-vue-buttons": "6.4.2-develop.3",
|
|
25
|
+
"@progress/kendo-vue-common": "6.4.2-develop.3",
|
|
26
|
+
"@progress/kendo-vue-dateinputs": "6.4.2-develop.3",
|
|
27
|
+
"@progress/kendo-vue-dropdowns": "6.4.2-develop.3",
|
|
28
|
+
"@progress/kendo-vue-inputs": "6.4.2-develop.3",
|
|
29
|
+
"@progress/kendo-vue-intl": "6.4.2-develop.3",
|
|
30
|
+
"@progress/kendo-vue-popup": "6.4.2-develop.3",
|
|
31
31
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
32
32
|
"vue": "^3.0.2"
|
|
33
33
|
},
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"package": {
|
|
49
49
|
"productName": "Kendo UI for Vue",
|
|
50
50
|
"productCode": "KENDOUIVUE",
|
|
51
|
-
"publishDate":
|
|
51
|
+
"publishDate": 1750421788,
|
|
52
52
|
"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"
|
|
53
53
|
}
|
|
54
54
|
},
|
package/pager/Pager.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=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"),g=require("@progress/kendo-svg-icons"),K="k-pager-numbers-wrap",O="k-pager-sizes",j="k-pager-info",E=s.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,a){e>0&&e<=this.totalPages&&this.$emit("pagechange",{skip:(e-1)*this.currentTake,take:this.currentTake},a)},triggerPageChange(e,a){l.hasListener.call(this,"pagesizechange")?this.$emit("pagesizechange",e,a):this.$emit("pagechange",e,a)},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 c;return Array.from(((c=this.$el)==null?void 0:c.children)||[]).map(o=>o instanceof HTMLElement?{class:o.className,width:o.offsetWidth}:0)},fitChildrenInParent(e,a){let c=[],o=0,u=a;const i=e.offsetWidth,P=20;for(let r=0;r<a.length;r++){const m=r===0?8:0,h=e.children[r],n=r===0?a[r].width:(h==null?void 0:h.offsetWidth)||a[r].width;o+=n,o<i-P-m?c.push(a[r].class):u[r].width=n}return this.itemsWidths=u,c}},setup(){const e=s.inject("kendoIntlService",{}),a=s.inject("kendoLocalizationService",{});return{kendoIntlService:e,kendoLocalizationService:a}},render(){var T,M;const{skip:e,take:a,total:c,pageSizes:o,buttonCount:u,messagesMap:i,info:P,type:r,previousNext:m,pageSizeValue:h}=this.$props,n={pageSizes:o,buttonCount:u,info:P,previousNext:m,type:r,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"?s.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):s.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=s.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?g.caretAltToRightIcon:g.caretAltToLeftIcon,onPagechange:this.changePage},null),b=s.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?g.caretAltRightIcon:g.caretAltLeftIcon,onPagechange:this.changePage},null),I=s.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?g.caretAltLeftIcon:g.caretAltRightIcon,onPagechange:this.changePage},null),y=s.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?g.caretAltToLeftIcon:g.caretAltToRightIcon,onPagechange:this.changePage},null));const L=n.pageSizes&&s.createVNode(B.PagerPageSizes,{onPagechange:this.triggerPageChange,pageSize:this.currentTake,pageSizes:n.pageSizes,value:n.pageSizeValue,messagesMap:i,size:this.size},null),F=n.info&&s.createVNode(V.PagerInfo,{totalPages:this.$props.total,skip:this.$props.skip,currentPage:this.currentTake,messagesMap:i},null);let x=l.getTemplate.call(this,{h:s.h,template:$,additionalProps:{...this.$props,current:this.currentPage},additionalListeners:{pagechange:this.triggerPageChange}});const w=this.transformDimension(this.$props.width);return f?s.createVNode("div",{class:this.wrapperClass,style:{width:w},role:"application","aria-roledescription":"pager"},[x]):s.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},[s.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
CHANGED
|
@@ -5,15 +5,15 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as D,
|
|
8
|
+
import { defineComponent as D, createVNode as a, h as _, inject as N } from "vue";
|
|
9
9
|
import { PagerNumericButtons as U } from "./PagerNumericButtons.mjs";
|
|
10
10
|
import { PagerInput as H } from "./PagerInput.mjs";
|
|
11
11
|
import { PagerPageSizes as Z } from "./PagerPageSizes.mjs";
|
|
12
12
|
import { PagerInfo as q } from "./PagerInfo.mjs";
|
|
13
13
|
import { PagerNavigationButton as c } from "./PagerNavigationButton.mjs";
|
|
14
|
-
import { pagerFirstPage as P,
|
|
14
|
+
import { pagerFirstPage as P, pagerPreviousPage as z, pagerNextPage as S, pagerLastPage as v, messages as p } from "../messages/main.mjs";
|
|
15
15
|
import { provideLocalizationService as G } from "@progress/kendo-vue-intl";
|
|
16
|
-
import {
|
|
16
|
+
import { templateRendering as J, getListeners as Q, getTemplate as V, hasListener as X, kendoThemeMaps as Y, canUseDOM as ee, isRtl as te } from "@progress/kendo-vue-common";
|
|
17
17
|
import { caretAltToRightIcon as F, caretAltToLeftIcon as x, caretAltRightIcon as W, caretAltLeftIcon as A } from "@progress/kendo-svg-icons";
|
|
18
18
|
const se = "k-pager-numbers-wrap", ie = "k-pager-sizes", ae = "k-pager-info", me = /* @__PURE__ */ D({
|
|
19
19
|
name: "KendoPager",
|
|
@@ -72,7 +72,7 @@ const se = "k-pager-numbers-wrap", ie = "k-pager-sizes", ae = "k-pager-info", me
|
|
|
72
72
|
};
|
|
73
73
|
},
|
|
74
74
|
mounted() {
|
|
75
|
-
|
|
75
|
+
ee && window.ResizeObserver && (this.observerResize = new window.ResizeObserver(this.onWindowResize), this.observerResize.observe(this.$el)), this.currentRtl = te(this.$el);
|
|
76
76
|
const e = this.collectPagerChildrenWidths();
|
|
77
77
|
this.itemsWidths = e, this.onWindowResize();
|
|
78
78
|
},
|
|
@@ -95,7 +95,7 @@ const se = "k-pager-numbers-wrap", ie = "k-pager-sizes", ae = "k-pager-info", me
|
|
|
95
95
|
} = this.$props;
|
|
96
96
|
return {
|
|
97
97
|
"k-pager": !0,
|
|
98
|
-
[`k-pager-${
|
|
98
|
+
[`k-pager-${Y.sizeMap[e] || e}`]: e
|
|
99
99
|
};
|
|
100
100
|
},
|
|
101
101
|
totalPages() {
|
|
@@ -132,20 +132,20 @@ const se = "k-pager-numbers-wrap", ie = "k-pager-sizes", ae = "k-pager-info", me
|
|
|
132
132
|
return typeof e == "string" && e.endsWith("px") ? e : e + "px";
|
|
133
133
|
},
|
|
134
134
|
collectPagerChildrenWidths() {
|
|
135
|
-
var
|
|
136
|
-
return Array.from(((
|
|
137
|
-
class:
|
|
138
|
-
width:
|
|
135
|
+
var o;
|
|
136
|
+
return Array.from(((o = this.$el) == null ? void 0 : o.children) || []).map((n) => n instanceof HTMLElement ? {
|
|
137
|
+
class: n.className,
|
|
138
|
+
width: n.offsetWidth
|
|
139
139
|
} : 0);
|
|
140
140
|
},
|
|
141
141
|
fitChildrenInParent(e, t) {
|
|
142
|
-
let
|
|
142
|
+
let o = [], n = 0, l = t;
|
|
143
143
|
const s = e.offsetWidth, u = 20;
|
|
144
144
|
for (let i = 0; i < t.length; i++) {
|
|
145
145
|
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;
|
|
146
|
-
|
|
146
|
+
n += r, n < s - u - d ? o.push(t[i].class) : l[i].width = r;
|
|
147
147
|
}
|
|
148
|
-
return this.itemsWidths = l,
|
|
148
|
+
return this.itemsWidths = l, o;
|
|
149
149
|
}
|
|
150
150
|
},
|
|
151
151
|
setup() {
|
|
@@ -160,8 +160,8 @@ const se = "k-pager-numbers-wrap", ie = "k-pager-sizes", ae = "k-pager-info", me
|
|
|
160
160
|
const {
|
|
161
161
|
skip: e,
|
|
162
162
|
take: t,
|
|
163
|
-
total:
|
|
164
|
-
pageSizes:
|
|
163
|
+
total: o,
|
|
164
|
+
pageSizes: n,
|
|
165
165
|
buttonCount: l,
|
|
166
166
|
messagesMap: s,
|
|
167
167
|
info: u,
|
|
@@ -169,18 +169,14 @@ const se = "k-pager-numbers-wrap", ie = "k-pager-sizes", ae = "k-pager-info", me
|
|
|
169
169
|
previousNext: d,
|
|
170
170
|
pageSizeValue: g
|
|
171
171
|
} = this.$props, r = {
|
|
172
|
-
pageSizes:
|
|
172
|
+
pageSizes: n,
|
|
173
173
|
buttonCount: l,
|
|
174
174
|
info: u,
|
|
175
175
|
previousNext: d,
|
|
176
176
|
type: i,
|
|
177
|
-
skip: e,
|
|
178
|
-
take: t,
|
|
179
|
-
total: n,
|
|
180
|
-
messagesMap: s,
|
|
181
177
|
pageSizeValue: g,
|
|
182
178
|
...this.$props.settings
|
|
183
|
-
}, m = this.$props.pagerRender || this.$props.settings.pagerRender, K = m ?
|
|
179
|
+
}, m = this.$props.pagerRender || this.$props.settings.pagerRender, K = m ? J.call(this, m, Q.call(this)) : null, h = G(this), k = s ? s(P) : {
|
|
184
180
|
messageKey: P,
|
|
185
181
|
defaultMessage: p[P]
|
|
186
182
|
}, R = s ? s(z) : {
|
|
@@ -255,7 +251,7 @@ const se = "k-pager-numbers-wrap", ie = "k-pager-sizes", ae = "k-pager-info", me
|
|
|
255
251
|
currentPage: this.currentTake,
|
|
256
252
|
messagesMap: s
|
|
257
253
|
}, null);
|
|
258
|
-
let j =
|
|
254
|
+
let j = V.call(this, {
|
|
259
255
|
h: _,
|
|
260
256
|
template: K,
|
|
261
257
|
additionalProps: {
|
package/pager/PagerInfo.mjs
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as i,
|
|
8
|
+
import { defineComponent as i, createVNode as n, inject as a } from "vue";
|
|
9
9
|
import { provideIntlService as r, provideLocalizationService as p } from "@progress/kendo-vue-intl";
|
|
10
10
|
import { pagerInfo as t, messages as c } from "../messages/main.mjs";
|
|
11
11
|
const d = /* @__PURE__ */ i({
|
package/pager/PagerInput.mjs
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as m,
|
|
9
|
-
import { pagerPage as n,
|
|
8
|
+
import { defineComponent as m, createVNode as a, inject as l } from "vue";
|
|
9
|
+
import { pagerPage as n, pagerOf as r, pagerTotalPages as i, pagerPageInputAriaLabel as o, messages as t } from "../messages/main.mjs";
|
|
10
10
|
import { provideIntlService as d, provideLocalizationService as h } from "@progress/kendo-vue-intl";
|
|
11
11
|
import { NumericTextBox as f } from "@progress/kendo-vue-inputs";
|
|
12
12
|
const P = /* @__PURE__ */ m({
|
package/pager/PagerPageSizes.mjs
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as m,
|
|
9
|
-
import { pagerItemPerPage as i,
|
|
8
|
+
import { defineComponent as m, createVNode as r, inject as u } from "vue";
|
|
9
|
+
import { pagerItemPerPage as i, pagerPageSelection as t, messages as p } from "../messages/main.mjs";
|
|
10
10
|
import { provideLocalizationService as d } from "@progress/kendo-vue-intl";
|
|
11
11
|
import { DropDownList as S } from "@progress/kendo-vue-dropdowns";
|
|
12
12
|
const v = /* @__PURE__ */ m({
|