@progress/kendo-vue-progressbars 7.0.3-develop.1 → 7.1.0-develop.1
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/dist/cdn/js/kendo-vue-progressbars.js +1 -1
- package/index.d.mts +3 -3
- package/index.d.ts +3 -3
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +4 -4
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-animation"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-animation","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueProgressbars={},e.Vue,e.KendoVueAnimation,e.KendoVueCommon)}(this,(function(e,t,r,s){"use strict";const a=(e,t,r)=>{const s=Math.abs((t-e)/100);return Math.abs((r-e)/s)},i=(e,t,r,s)=>{const a=Math.max(r,.01),i=100/a*100;e&&t&&(e.style.width=s?"100%":`${a}%`,t.style.width=s?"100%":`${i}%`,e.style.height=s?`${a}%`:"100%",t.style.height=s?`${i}%`:"100%")},o={name:"@progress/kendo-vue-progressbars",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636730390,version:"7.0
|
|
15
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-animation"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-animation","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueProgressbars={},e.Vue,e.KendoVueAnimation,e.KendoVueCommon)}(this,(function(e,t,r,s){"use strict";const a=(e,t,r)=>{const s=Math.abs((t-e)/100);return Math.abs((r-e)/s)},i=(e,t,r,s)=>{const a=Math.max(r,.01),i=100/a*100;e&&t&&(e.style.width=s?"100%":`${a}%`,t.style.width=s?"100%":`${i}%`,e.style.height=s?`${a}%`:"100%",t.style.height=s?`${i}%`:"100%")},o={name:"@progress/kendo-vue-progressbars",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636730390,version:"7.1.0-develop.1",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"},n=t.defineComponent({name:"KendoProgressBar",props:{animation:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},label:String,labelRender:[String,Object,Function],labelVisible:{type:Boolean,default:!0},labelPlacement:{type:String,default:void 0,validator:function(e){return["start","center","end"].includes(e)}},dir:{type:String,default:void 0},max:{type:Number,default:100},min:{type:Number,default:0},value:{type:Number,default:0},orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},tabIndex:Number,emptyStyle:Object,emptyClassName:String,progressStyle:Object,progressClassName:String,ariaLabel:String},created(){s.validatePackage(o),this.currentDir=this.$props.dir},mounted(){this._progressStatus=s.getRef(this,"progressStatus"),this._progressStatusWrap=s.getRef(this,"progressStatusWrap"),this.currentDir=void 0!==this.$props.dir?this.$props.dir:s.isRtl(this.$el)?"rtl":"ltr",this.animationFrame=r.animate({duration:this.animationDuration,onStart:this.handleStart,onUpdate:this.handleUpdate,onEnd:this.handleEnd})},unmounted(){r.cancelAnimation(this.animationFrame)},data:()=>({currentDir:void 0}),watch:{value:function(e,t){this.prevValue=t,this.animationFrame=r.animate({duration:this.animationDuration,onStart:this.handleStart,onUpdate:this.handleUpdate,onEnd:this.handleEnd})}},computed:{wrapperClass(){const{disabled:e,reverse:t,orientation:r,value:s}=this.$props,a="vertical"===r;return{"k-progressbar":!0,"k-progressbar-horizontal":!a,"k-progressbar-vertical":a,"k-progressbar-reverse":t,"k-progressbar-indeterminate":null===s,"k-disabled":e}},isVertical(){return"vertical"===this.orientation},animationDuration(){const{animation:e}=this.$props;return"boolean"!=typeof e&&void 0!==e?e.duration:e?400:0}},render(){const{disabled:e,labelVisible:r,labelPlacement:a,max:i,min:o,tabIndex:n,emptyStyle:l,emptyClassName:p,progressStyle:d,progressClassName:u}=this.$props,h=this.$props.value||0,c=null===this.$props.value,m=(e=>{const t=e.toString().split(".");return 1===t.length?`${t[0]}`:`${t[0]}.${t[1].substr(0,3)}`})(h),g={value:h},b=this.$props.labelRender?s.templateRendering.call(this,this.$props.labelRender,s.getListeners.call(this)):void 0,v=t.h("span",{class:"k-progress-status"},m),f=s.getTemplate.call(this,{h:t.h,template:b,defaultRendering:v,additionalProps:g}),y=r?this.$props.label?t.createVNode("span",{class:"k-progress-status"},[this.$props.label]):f:void 0,k=s.classNames("k-progress-status-wrap",{"k-progress-start":"start"===a,"k-progress-center":"center"===a,"k-progress-end":"end"===a||void 0===a});return t.createVNode("div",{class:this.wrapperClass,dir:this.currentDir,tabindex:s.getTabIndex(n,e),role:"progressbar","aria-valuemin":o,"aria-valuemax":i,"aria-valuenow":c?void 0:h,"aria-disabled":e,"aria-label":this.$props.ariaLabel},[t.createVNode("span",{class:k+(p?" "+p:""),style:l},[y]),t.createVNode("div",{class:"k-progressbar-value k-selected",style:d,ref:s.setRef(this,"progressStatus")},[t.createVNode("span",{class:k+(u?" "+u:""),ref:s.setRef(this,"progressStatusWrap")},[y])])])},methods:{focus(){this.$el&&this.$el.focus()},progressStatusElement(){return this._progressStatus},progressStatusWrapElement(){return this._progressStatusWrap},handleStart(){const e=a(this.min,this.max,this.prevValue);i(this._progressStatus,this._progressStatusWrap,e,this.isVertical)},handleUpdate(e){const t=a(this.min,this.max,this.prevValue+(this.value-this.prevValue)*e);i(this._progressStatus,this._progressStatusWrap,t,this.isVertical)},handleEnd(){const e=a(this.min,this.max,this.value);i(this._progressStatus,this._progressStatusWrap,e,this.isVertical)}}}),l=t.defineComponent({name:"KendoChunkProgressBar",props:{chunkCount:{type:Number,default:5},ariaLabel:String,disabled:Boolean,reverse:{type:Boolean,default:!1},max:{type:Number,default:100},min:{type:Number,default:0},value:{type:Number,default:0},tabIndex:Number,emptyStyle:Object,emptyClassName:String,progressStyle:Object,progressClassName:String,orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}}},created(){s.validatePackage(o)},data:()=>({currentDir:void 0}),mounted(){this.currentDir=s.getDir(this.$el,this.$props.dir)},render(){const{chunkCount:e,disabled:r,orientation:a,min:i,max:o,reverse:n,tabIndex:l,emptyStyle:p,emptyClassName:d,progressStyle:u,progressClassName:h}=this.$props,c=this.$props.value,m=null===this.$props.value,g="vertical"===a;return t.createVNode("div",{class:s.classNames("k-progressbar","k-chunk-progressbar",{"k-progressbar-horizontal":!g,"k-progressbar-vertical":g,"k-progressbar-reverse":n,"k-progressbar-indeterminate":m,"k-disabled":r}),dir:this.currentDir,tabindex:s.getTabIndex(l,r),role:"progressbar","aria-label":this.$props.ariaLabel,"aria-valuemin":i,"aria-valuemax":o,"aria-valuenow":m?void 0:c,"aria-disabled":r},[t.createVNode("ul",{class:"k-progressbar-chunks k-reset"},[function(e){let r=[];const a=100/e+"%",n=((e,t,r)=>Math.max((r-e)/(t-e),1e-5))(i,o,c),l=Math.floor(n*e),m=Array(e).fill(!1);for(let e=0;e<l;e++)m[e]=!0;for(let i=0;i<e;++i){const o=m[i],n=o?h:d,l={width:g?void 0:a,height:g?a:void 0,...o?u:p};r.push(t.createVNode("li",{key:i,class:s.classNames("k-progressbar-chunk",{"k-first":0===i,"k-last":i===e-1,"k-selected":o},n),style:l},null))}return r}.call(this,e)])])},methods:{focusElement(){this.$el&&this.$el.focus()}}});e.ChunkProgressBar=l,e.ProgressBar=n}));
|
package/index.d.mts
CHANGED
|
@@ -168,9 +168,9 @@ validator: (value: string) => any;
|
|
|
168
168
|
}>> & Readonly<{}>, {
|
|
169
169
|
reverse: boolean;
|
|
170
170
|
value: number;
|
|
171
|
+
orientation: string;
|
|
171
172
|
max: number;
|
|
172
173
|
min: number;
|
|
173
|
-
orientation: string;
|
|
174
174
|
chunkCount: number;
|
|
175
175
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
176
176
|
|
|
@@ -315,14 +315,14 @@ ariaLabel: PropType<string>;
|
|
|
315
315
|
}>> & Readonly<{}>, {
|
|
316
316
|
reverse: boolean;
|
|
317
317
|
value: number;
|
|
318
|
+
disabled: boolean;
|
|
318
319
|
animation: boolean | ProgressBarAnimation_2;
|
|
320
|
+
orientation: string;
|
|
319
321
|
labelVisible: boolean;
|
|
320
322
|
labelPlacement: any;
|
|
321
|
-
disabled: boolean;
|
|
322
323
|
dir: string;
|
|
323
324
|
max: number;
|
|
324
325
|
min: number;
|
|
325
|
-
orientation: string;
|
|
326
326
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
327
327
|
|
|
328
328
|
/**
|
package/index.d.ts
CHANGED
|
@@ -168,9 +168,9 @@ validator: (value: string) => any;
|
|
|
168
168
|
}>> & Readonly<{}>, {
|
|
169
169
|
reverse: boolean;
|
|
170
170
|
value: number;
|
|
171
|
+
orientation: string;
|
|
171
172
|
max: number;
|
|
172
173
|
min: number;
|
|
173
|
-
orientation: string;
|
|
174
174
|
chunkCount: number;
|
|
175
175
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
176
176
|
|
|
@@ -315,14 +315,14 @@ ariaLabel: PropType<string>;
|
|
|
315
315
|
}>> & Readonly<{}>, {
|
|
316
316
|
reverse: boolean;
|
|
317
317
|
value: number;
|
|
318
|
+
disabled: boolean;
|
|
318
319
|
animation: boolean | ProgressBarAnimation_2;
|
|
320
|
+
orientation: string;
|
|
319
321
|
labelVisible: boolean;
|
|
320
322
|
labelPlacement: any;
|
|
321
|
-
disabled: boolean;
|
|
322
323
|
dir: string;
|
|
323
324
|
max: number;
|
|
324
325
|
min: number;
|
|
325
|
-
orientation: string;
|
|
326
326
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
327
327
|
|
|
328
328
|
/**
|
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-progressbars",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-progressbars",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1766482830,version:"7.1.0-develop.1",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: "7.0
|
|
13
|
+
publishDate: 1766482830,
|
|
14
|
+
version: "7.1.0-develop.1",
|
|
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-progressbars",
|
|
3
|
-
"version": "7.0
|
|
3
|
+
"version": "7.1.0-develop.1",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"sideEffects": false,
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@progress/kendo-licensing": "^1.7.2",
|
|
22
|
-
"@progress/kendo-vue-common": "7.0
|
|
23
|
-
"@progress/kendo-vue-animation": "7.0
|
|
22
|
+
"@progress/kendo-vue-common": "7.1.0-develop.1",
|
|
23
|
+
"@progress/kendo-vue-animation": "7.1.0-develop.1",
|
|
24
24
|
"vue": "^3.0.2"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {},
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"package": {
|
|
41
41
|
"productName": "Kendo UI for Vue",
|
|
42
42
|
"productCode": "KENDOUIVUE",
|
|
43
|
-
"publishDate":
|
|
43
|
+
"publishDate": 1766482830,
|
|
44
44
|
"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"
|
|
45
45
|
}
|
|
46
46
|
},
|