@progress/kendo-vue-gauges 8.0.3-develop.2 → 8.0.3-develop.4

package/dist/cdn/js/kendo-vue-gauges.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-intl"),require("@progress/kendo-charts"),require("@progress/kendo-vue-common"),require("@progress/kendo-drawing")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-intl","@progress/kendo-charts","@progress/kendo-vue-common","@progress/kendo-drawing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueGauges={},e.Vue,e.KendoVueIntl,e.KendoCharts,e.KendoVueCommon,e.KendoDrawing)}(this,(function(e,t,s,n,r,i){"use strict";const a=1e3/60,o=(e,t)=>{if(!t.type)return{};switch(t.type){case"set":return u.themeItem(e,t);case"push":return Object.assign(e,t.payload);default:return e}},u={configurationItem:(e,t)=>Object.assign(e,{[t.gaugeKey]:t.payload}),collectionConfigurationItem(e,t){let s=!1;const[n,r]=t.gaugeCollectionIdxKey.split("_"),i=e[n].map(((e,n)=>parseInt(r,10)===n?(s=!0,t.payload):e));return!1===s&&i.splice(parseInt(r,10),0,t.payload),Object.assign(e,{[n]:i})},themeItem(e,t){let s={},n=Object.assign(s,e);const{field:r,value:i}=t.payload,a=r.split(".");let o=a.shift();for(;a.length>0;)s=s[o]=s[o]||{},o=a.shift();return s[o]=i,n}},l={name:"@progress/kendo-vue-gauges",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1639640368,version:"8.0.3-develop.2",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"},c=t.defineComponent({name:"KendoBaseGauge",props:{dir:String,renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},scale:Object,value:Number,pointer:{type:[Object,Array],default:function(){}},gaugeConstructor:[Object,Function],deriveOptionsFromParent:Function,transitions:{type:Boolean,default:void 0},getTarget:Function,onRender:Function},created(){r.validatePackage(l),this.gaugeInstance=null,this.themeStore={},this._prevRenderAs=this.renderAs,this._prevDir=this.dir,this._prevScale=this.scale,this.themeStore=(e=>{let t,s,n=[];const i=i=>{t=e(t,i),r.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout((()=>n.forEach((e=>e()))),a))};return i({}),{getState:()=>t,dispatch:i,subscribe:e=>(n.push(e),()=>n=n.filter((t=>t!==e)))}})(o)},mounted(){((e,t,s)=>{let r={};if("undefined"!=typeof document)try{r=n.gaugeTheme(s)}finally{e.dispatch({type:"push",payload:r}),t()}else e.dispatch({type:"push",payload:r})})(this.themeStore,this.instantiateCoreGauge.bind(this),this.$el),this.themeUnsubscriber=this.themeStore.subscribe(this.refresh.bind(this)),window.addEventListener("resize",this.onWindowResize)},watch:{dir:function(e,t){this._prevDir=t},renderAs:function(e,t){this._prevRenderAs=t},scale:function(e,t){this._prevScale=t}},updated(){const{dir:e,getTarget:t,gaugeConstructor:s,className:n,renderAs:r,scale:i,...a}=this.$props;if(null!==this.gaugeInstance){const t=this._prevDir!==e||this._prevRenderAs!==r||this._prevScale!==i,s=a;t||this.gaugeInstance.noTransitionsRedraw(),t||(r||"svg")!==(this._prevRenderAs||"svg")?this.refresh():Object.keys(a).indexOf("pointer")>-1&&a.pointer?Array.isArray(s.pointer)?this.refreshAllValues(s.pointer.map((e=>e.value))):this.refreshValue((s.pointer||{}).value):this.refreshValue(s.value),this._prevDir!==e&&this.gaugeInstance.setDirection(this.getDirection(e)),this.$emit("render",{sender:this})}},destroyed(){this.themeUnsubscriber(),null!==this.gaugeInstance&&(this.gaugeInstance.destroy(),this.gaugeInstance=null),window.removeEventListener("resize",this.onWindowResize)},setup:function(){return{kendoIntlService:t.inject("kendoIntlService",{})}},render(){const e=r.getDefaultSlots(this),n=Object.assign({},{position:"relative"});return this._intl=s.provideIntlService(this),t.createVNode("div",{style:n},[e])},methods:{instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.$props,s=this.getGaugeOptions();this.gaugeInstance=new t(this.$el,s,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:this._intl,sender:this})},refresh(){if(null!==this.gaugeInstance){const e=this.themeStore.getState(),t=this.getGaugeOptions();this.gaugeInstance.setOptions(t,e)}},refreshValue(e){this.gaugeInstance.value(e)},refreshAllValues(e){this.gaugeInstance.allValues(e)},getDirection(e){return"rtl"===(void 0!==e?e:r.canUseDOM&&window.getComputedStyle(this.$el).direction||"ltr")},getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:s}=this.$props;let n=Object.assign({renderAs:e,transitions:t});return s&&(n=s(n)),n},onWindowResize(){null!==this.gaugeInstance&&(this.gaugeInstance.resize(),this.$emit("render",{sender:this}))}}}),g=t.defineComponent({name:"KendoArcCenter",props:{center:[String,Function,Object]},inject:{arcCenterValue:{default:null},centerStyles:{default:null}},created(){this.element=null},render(){const{center:e}=this.$props,s={zIndex:-1,...this.centerStyles};let n=null;return e?(n=r.getTemplate.call(this,{h:t.h,template:e,defaultRendering:"",additionalProps:{value:this.arcCenterValue.value,color:this.arcCenterValue.color}}),t.createVNode("div",{class:"k-arcgauge-label",style:s},[n])):n}}),d=t.defineComponent({name:"KendoArcGauge",props:{dir:String,renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},gaugeConstructor:[Object,Function],value:{type:Number,default:void 0},color:String,colors:{type:Array,default:void 0},opacity:{type:Number,default:void 0},scale:{type:Object,default:void 0},centerRender:[String,Function,Object],transitions:{type:Boolean,default:void 0}},created(){this.gaugeType=n.ArcGauge},data:()=>({centerStyles:{top:null,left:null},arcCenterValue:{value:"",color:""}}),provide(){return{centerStyles:this.$data.centerStyles,arcCenterValue:this.$data.arcCenterValue}},mounted(){this._baseGauge=this.baseGaugeRef,this.center=this.centerRef,this.positionCenter()},watch:{colors:function(e,t){this.prevColors=t}},updated(){this._baseGauge=this.baseGaugeRef,this.center=this.centerRef},render(){const e=r.getDefaultSlots(this),{centerRender:s,className:n,value:i,transitions:a,scale:o}=this.$props,u=s?r.templateRendering.call(this,s,r.getListeners.call(this)):void 0;return t.createVNode(c,{value:i,scale:o,transitions:a,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this.baseGaugeRef=e},gaugeConstructor:this.gaugeType,getTarget:this.getTarget,class:r.classNames("k-gauge k-arcgauge",n),onRender:this.positionCenter},{default:()=>[e,t.createVNode(g,{center:u,ref:e=>{this.centerRef=e}},null)]})},methods:{positionCenter(){const e=this.center.$el.offsetWidth,t=this.center.$el.offsetHeight,s=this.gaugeInstance(),n=s.centerLabelPosition(e,t);this.centerStyles.left=n.left+"px",this.centerStyles.top=n.top+"px",this.arcCenterValue.value=s.value(),this.arcCenterValue.color=s.currentColor()},gaugeInstance(){return this._baseGauge?this._baseGauge.gaugeInstance:null},surface(){return this._baseGauge?this._baseGauge.surface:null},element(){return this._baseGauge?this._baseGauge.element:null},exportVisual(e){return null!==this.gaugeInstance&&this.$el?i.drawDOM(this.$el,e):Promise.resolve(new i.Group)},getTarget(){return this},deriveOptionsFromParent(e){const{value:t,color:s,colors:n,opacity:r,scale:i}=this.$props;return Object.assign({},e,{value:t,color:s,colors:n,opacity:r,scale:i})}}}),h=t.defineComponent({name:"KendoCircularGauge",extends:d,created(){this.gaugeType=n.CircularGauge,this.arcCenterStyles={}}});const p=t.defineComponent({name:"KendoLinearGauge",props:{dir:String,renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},gaugeConstructor:[Object,Function],pointer:{type:[Object,Array],default:void 0},scale:{type:Object,default:void 0},transitions:{type:Boolean,default:void 0}},mounted(){this._baseGauge=this.baseGaugeRef},updated(){this._baseGauge=this.baseGaugeRef},render(){const e=r.getDefaultSlots(this);return t.createVNode(c,{transitions:this.$props.transitions,scale:this.$props.scale,pointer:this.$props.pointer,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this.baseGaugeRef=e},gaugeConstructor:n.LinearGauge,getTarget:this.getTarget,class:"k-gauge"},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})},methods:{gaugeInstance(){return null!==this._baseGauge?this._baseGauge.gaugeInstance:null},surface(){return null!==this._baseGauge?this._baseGauge.surface:null},element(){return null!==this._baseGauge?this._baseGauge.element:null},exportVisual(e){return null!==this.gaugeInstance()?Promise.resolve(this.gaugeInstance().exportVisual(e)):Promise.resolve(new i.Group)},getTarget(){return this},deriveOptionsFromParent(e){const{pointer:t,scale:s}=this.$props;return Object.assign({},e,{pointer:t,scale:s})}}});const f=t.defineComponent({name:"KendoRadialGauge",props:{dir:String,renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},gaugeConstructor:[Object,Function],pointer:{type:[Object,Array],default:void 0},scale:{type:Object,default:void 0},transitions:{type:Boolean,default:void 0}},mounted(){this._baseGauge=this.baseGaugeRef},updated(){this._baseGauge=this.baseGaugeRef},render(){const e=r.getDefaultSlots(this),{pointer:s,scale:i,transitions:a}=this.$props;return t.createVNode(c,{transitions:a,scale:i,pointer:s,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this.baseGaugeRef=e},gaugeConstructor:n.RadialGauge,getTarget:this.getTarget,class:"k-gauge"},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})},methods:{gaugeInstance(){return null!==this._baseGauge?this._baseGauge.gaugeInstance:null},surface(){return null!==this._baseGauge?this._baseGauge.surface:null},element(){return null!==this._baseGauge?this._baseGauge.element:null},exportVisual(e){return null!==this.gaugeInstance()?Promise.resolve(this.gaugeInstance().exportVisual(e)):Promise.resolve(new i.Group)},getTarget(){return this},deriveOptionsFromParent(e){const{pointer:t,scale:s}=this.$props;return Object.assign({},e,{pointer:t,scale:s})}}});e.ArcGauge=d,e.CircularGauge=h,e.LinearGauge=p,e.RadialGauge=f}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-intl"),require("@progress/kendo-charts"),require("@progress/kendo-vue-common"),require("@progress/kendo-drawing")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-intl","@progress/kendo-charts","@progress/kendo-vue-common","@progress/kendo-drawing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueGauges={},e.Vue,e.KendoVueIntl,e.KendoCharts,e.KendoVueCommon,e.KendoDrawing)}(this,function(e,t,s,n,r,i){"use strict";const a=1e3/60,o=(e,t)=>{if(!t.type)return{};switch(t.type){case"set":return u.themeItem(e,t);case"push":return Object.assign(e,t.payload);default:return e}},u={configurationItem:(e,t)=>Object.assign(e,{[t.gaugeKey]:t.payload}),collectionConfigurationItem(e,t){let s=!1;const[n,r]=t.gaugeCollectionIdxKey.split("_"),i=e[n].map((e,n)=>parseInt(r,10)===n?(s=!0,t.payload):e);return!1===s&&i.splice(parseInt(r,10),0,t.payload),Object.assign(e,{[n]:i})},themeItem(e,t){let s={},n=Object.assign(s,e);const{field:r,value:i}=t.payload,a=r.split(".");let o=a.shift();for(;a.length>0;)s=s[o]=s[o]||{},o=a.shift();return s[o]=i,n}},l={name:"@progress/kendo-vue-gauges",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1639640368,version:"8.0.3-develop.4",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"},c=t.defineComponent({name:"KendoBaseGauge",props:{dir:String,renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},scale:Object,value:Number,pointer:{type:[Object,Array],default:function(){}},gaugeConstructor:[Object,Function],deriveOptionsFromParent:Function,transitions:{type:Boolean,default:void 0},getTarget:Function,onRender:Function},created(){r.validatePackage(l),this.gaugeInstance=null,this.themeStore={},this._prevRenderAs=this.renderAs,this._prevDir=this.dir,this._prevScale=this.scale,this.themeStore=(e=>{let t,s,n=[];const i=i=>{t=e(t,i),r.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout(()=>n.forEach(e=>e()),a))};return i({}),{getState:()=>t,dispatch:i,subscribe:e=>(n.push(e),()=>n=n.filter(t=>t!==e))}})(o)},mounted(){((e,t,s)=>{let r={};if("undefined"!=typeof document)try{r=n.gaugeTheme(s)}finally{e.dispatch({type:"push",payload:r}),t()}else e.dispatch({type:"push",payload:r})})(this.themeStore,this.instantiateCoreGauge.bind(this),this.$el),this.themeUnsubscriber=this.themeStore.subscribe(this.refresh.bind(this)),window.addEventListener("resize",this.onWindowResize)},watch:{dir:function(e,t){this._prevDir=t},renderAs:function(e,t){this._prevRenderAs=t},scale:function(e,t){this._prevScale=t}},updated(){const{dir:e,getTarget:t,gaugeConstructor:s,className:n,renderAs:r,scale:i,...a}=this.$props;if(null!==this.gaugeInstance){const t=this._prevDir!==e||this._prevRenderAs!==r||this._prevScale!==i,s=a;t||this.gaugeInstance.noTransitionsRedraw(),t||(r||"svg")!==(this._prevRenderAs||"svg")?this.refresh():Object.keys(a).indexOf("pointer")>-1&&a.pointer?Array.isArray(s.pointer)?this.refreshAllValues(s.pointer.map(e=>e.value)):this.refreshValue((s.pointer||{}).value):this.refreshValue(s.value),this._prevDir!==e&&this.gaugeInstance.setDirection(this.getDirection(e)),this.$emit("render",{sender:this})}},destroyed(){this.themeUnsubscriber(),null!==this.gaugeInstance&&(this.gaugeInstance.destroy(),this.gaugeInstance=null),window.removeEventListener("resize",this.onWindowResize)},setup:function(){return{kendoIntlService:t.inject("kendoIntlService",{})}},render(){const e=r.getDefaultSlots(this),n=Object.assign({},{position:"relative"});return this._intl=s.provideIntlService(this),t.createVNode("div",{style:n},[e])},methods:{instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.$props,s=this.getGaugeOptions();this.gaugeInstance=new t(this.$el,s,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:this._intl,sender:this})},refresh(){if(null!==this.gaugeInstance){const e=this.themeStore.getState(),t=this.getGaugeOptions();this.gaugeInstance.setOptions(t,e)}},refreshValue(e){this.gaugeInstance.value(e)},refreshAllValues(e){this.gaugeInstance.allValues(e)},getDirection(e){return"rtl"===(void 0!==e?e:r.canUseDOM&&window.getComputedStyle(this.$el).direction||"ltr")},getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:s}=this.$props;let n=Object.assign({renderAs:e,transitions:t});return s&&(n=s(n)),n},onWindowResize(){null!==this.gaugeInstance&&(this.gaugeInstance.resize(),this.$emit("render",{sender:this}))}}}),g=t.defineComponent({name:"KendoArcCenter",props:{center:[String,Function,Object]},inject:{arcCenterValue:{default:null},centerStyles:{default:null}},created(){this.element=null},render(){const{center:e}=this.$props,s={zIndex:-1,...this.centerStyles};let n=null;return e?(n=r.getTemplate.call(this,{h:t.h,template:e,defaultRendering:"",additionalProps:{value:this.arcCenterValue.value,color:this.arcCenterValue.color}}),t.createVNode("div",{class:"k-arcgauge-label",style:s},[n])):n}}),d=t.defineComponent({name:"KendoArcGauge",props:{dir:String,renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},gaugeConstructor:[Object,Function],value:{type:Number,default:void 0},color:String,colors:{type:Array,default:void 0},opacity:{type:Number,default:void 0},scale:{type:Object,default:void 0},centerRender:[String,Function,Object],transitions:{type:Boolean,default:void 0}},created(){this.gaugeType=n.ArcGauge},data:()=>({centerStyles:{top:null,left:null},arcCenterValue:{value:"",color:""}}),provide(){return{centerStyles:this.$data.centerStyles,arcCenterValue:this.$data.arcCenterValue}},mounted(){this._baseGauge=this.baseGaugeRef,this.center=this.centerRef,this.positionCenter()},watch:{colors:function(e,t){this.prevColors=t}},updated(){this._baseGauge=this.baseGaugeRef,this.center=this.centerRef},render(){const e=r.getDefaultSlots(this),{centerRender:s,className:n,value:i,transitions:a,scale:o}=this.$props,u=s?r.templateRendering.call(this,s,r.getListeners.call(this)):void 0;return t.createVNode(c,{value:i,scale:o,transitions:a,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this.baseGaugeRef=e},gaugeConstructor:this.gaugeType,getTarget:this.getTarget,class:r.classNames("k-gauge k-arcgauge",n),onRender:this.positionCenter},{default:()=>[e,t.createVNode(g,{center:u,ref:e=>{this.centerRef=e}},null)]})},methods:{positionCenter(){const e=this.center.$el.offsetWidth,t=this.center.$el.offsetHeight,s=this.gaugeInstance(),n=s.centerLabelPosition(e,t);this.centerStyles.left=n.left+"px",this.centerStyles.top=n.top+"px",this.arcCenterValue.value=s.value(),this.arcCenterValue.color=s.currentColor()},gaugeInstance(){return this._baseGauge?this._baseGauge.gaugeInstance:null},surface(){return this._baseGauge?this._baseGauge.surface:null},element(){return this._baseGauge?this._baseGauge.element:null},exportVisual(e){return null!==this.gaugeInstance&&this.$el?i.drawDOM(this.$el,e):Promise.resolve(new i.Group)},getTarget(){return this},deriveOptionsFromParent(e){const{value:t,color:s,colors:n,opacity:r,scale:i}=this.$props;return Object.assign({},e,{value:t,color:s,colors:n,opacity:r,scale:i})}}}),h=t.defineComponent({name:"KendoCircularGauge",extends:d,created(){this.gaugeType=n.CircularGauge,this.arcCenterStyles={}}});const p=t.defineComponent({name:"KendoLinearGauge",props:{dir:String,renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},gaugeConstructor:[Object,Function],pointer:{type:[Object,Array],default:void 0},scale:{type:Object,default:void 0},transitions:{type:Boolean,default:void 0}},mounted(){this._baseGauge=this.baseGaugeRef},updated(){this._baseGauge=this.baseGaugeRef},render(){const e=r.getDefaultSlots(this);return t.createVNode(c,{transitions:this.$props.transitions,scale:this.$props.scale,pointer:this.$props.pointer,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this.baseGaugeRef=e},gaugeConstructor:n.LinearGauge,getTarget:this.getTarget,class:"k-gauge"},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})},methods:{gaugeInstance(){return null!==this._baseGauge?this._baseGauge.gaugeInstance:null},surface(){return null!==this._baseGauge?this._baseGauge.surface:null},element(){return null!==this._baseGauge?this._baseGauge.element:null},exportVisual(e){return null!==this.gaugeInstance()?Promise.resolve(this.gaugeInstance().exportVisual(e)):Promise.resolve(new i.Group)},getTarget(){return this},deriveOptionsFromParent(e){const{pointer:t,scale:s}=this.$props;return Object.assign({},e,{pointer:t,scale:s})}}});const f=t.defineComponent({name:"KendoRadialGauge",props:{dir:String,renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},gaugeConstructor:[Object,Function],pointer:{type:[Object,Array],default:void 0},scale:{type:Object,default:void 0},transitions:{type:Boolean,default:void 0}},mounted(){this._baseGauge=this.baseGaugeRef},updated(){this._baseGauge=this.baseGaugeRef},render(){const e=r.getDefaultSlots(this),{pointer:s,scale:i,transitions:a}=this.$props;return t.createVNode(c,{transitions:a,scale:i,pointer:s,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this.baseGaugeRef=e},gaugeConstructor:n.RadialGauge,getTarget:this.getTarget,class:"k-gauge"},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})},methods:{gaugeInstance(){return null!==this._baseGauge?this._baseGauge.gaugeInstance:null},surface(){return null!==this._baseGauge?this._baseGauge.surface:null},element(){return null!==this._baseGauge?this._baseGauge.element:null},exportVisual(e){return null!==this.gaugeInstance()?Promise.resolve(this.gaugeInstance().exportVisual(e)):Promise.resolve(new i.Group)},getTarget(){return this},deriveOptionsFromParent(e){const{pointer:t,scale:s}=this.$props;return Object.assign({},e,{pointer:t,scale:s})}}});e.ArcGauge=d,e.CircularGauge=h,e.LinearGauge=p,e.RadialGauge=f});