@progress/kendo-react-gauges 11.4.0-develop.6 → 11.4.0-develop.8
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/BaseGauge.js +1 -1
- package/BaseGauge.mjs +39 -39
- package/dist/cdn/js/kendo-react-gauges.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +5 -5
package/BaseGauge.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 k=require("react"),m=require("prop-types"),u=require("@progress/kendo-react-intl"),v=require("./store/store.js"),f=require("./store/reducer.js"),A=require("./utils/common.js"),o=require("@progress/kendo-react-common"),P=require("./GaugeContext.js"),S=require("./package-metadata.js"),D=require("@progress/kendo-charts");function R(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const a=R(k),g=class g extends a.Component{constructor(e){super(e),this.gaugeInstance=null,this.surface=null,this._element=null,this.themeStore={},this.themeUnsubscriber=Function.prototype,this.observersStore={},this.showLicenseWatermark=!1,this.onWindowResize=()=>{this.gaugeInstance!==null&&(this.gaugeInstance.resize(),this.trigger("render",{sender:this}))},this.showLicenseWatermark=!o.validatePackage(S.packageMetadata,{component:"Gauge"}),this.licenseMessage=o.getLicenseMessage(S.packageMetadata),this.themeStore=v.createStore(f.themeReducer),this.observersStore=v.createStore(f.observersReducer),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){this.element&&(this.themeStore.dispatch({type:"push",payload:D.gaugeTheme(this.element)}),this.instantiateCoreGauge()),this.themeUnsubscriber=this.themeStore.subscribe(this.refresh.bind(this)),window.addEventListener("resize",this.onWindowResize),this.trigger("render",{sender:this})}componentDidUpdate(e){const{dir:t,children:s,deriveOptionsFromParent:r,getTarget:d,gaugeConstructor:q,className:x,renderAs:O,...h}=this.props,{dir:M,children:W,deriveOptionsFromParent:T,getTarget:j,gaugeConstructor:F,className:G,renderAs:b,...I}=e;if(this.gaugeInstance!==null){const l=u.provideIntlService(this),y=this.gaugeInstance.contextService,C=l.locale!==y._intlService.locale,p=A.isOptionsChanged(I,h),i=h;C&&(this.gaugeInstance.contextService._intlService=l,this.gaugeInstance.contextService.format._intlService=l,p||this.gaugeInstance.noTransitionsRedraw()),p||(O||"svg")!==(b||"svg")?this.refresh():Object.keys(h).indexOf("pointer")>-1?Array.isArray(i.pointer)?this.refreshAllValues(i.pointer.map(w=>w.value)):this.refreshValue((i.pointer||{}).value):this.refreshValue(i.value),e.dir!==t&&this.gaugeInstance.setDirection(this.getDirection(t)),this.trigger("render",{sender:this})}}componentWillUnmount(){this.themeUnsubscriber();const e=this.gaugeInstance&&this.gaugeInstance.surfaceElement;e&&e.parentNode&&e.parentNode.removeChild(e),this.gaugeInstance!==null&&(this.gaugeInstance.destroy(),this.gaugeInstance=null),window.removeEventListener("resize",this.onWindowResize)}render(){const{style:e={},className:t,children:s}=this.props,r=Object.assign({},e,{position:"relative"});return a.createElement(P.GaugeContext.Provider,{value:this.contextValue},a.createElement("div",{style:r,ref:d=>{this._element=d},className:t},s,this.showLicenseWatermark&&a.createElement(o.WatermarkOverlay,{message:this.licenseMessage})))}instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.props,s=this.getGaugeOptions();this.gaugeInstance=new t(this.element,s,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:u.provideIntlService(this),sender:this})}refresh(){if(this.gaugeInstance!==null){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(e!==void 0?e:o.canUseDOM&&window.getComputedStyle(this.element).direction||"ltr")==="rtl"}getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:s}=this.props;let r=Object.assign({renderAs:e,transitions:t});return s&&(r=s(r)),r}trigger(e,t){const s=this.observersStore.getState();for(let r=0;r<s.length;r++)s[r].trigger(e,t)}};g.propTypes={dir:m.string,renderAs:m.oneOf(["svg","canvas"])},g.defaultProps={renderAs:"svg"};let c=g;u.registerForIntl(c);exports.BaseGauge=c;
|
package/BaseGauge.mjs
CHANGED
|
@@ -7,19 +7,19 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as n from "react";
|
|
9
9
|
import u from "prop-types";
|
|
10
|
-
import { provideIntlService as m, registerForIntl as
|
|
10
|
+
import { provideIntlService as m, registerForIntl as y } from "@progress/kendo-react-intl";
|
|
11
11
|
import { createStore as p } from "./store/store.mjs";
|
|
12
|
-
import { themeReducer as
|
|
13
|
-
import { isOptionsChanged as
|
|
14
|
-
import { validatePackage as
|
|
15
|
-
import { GaugeContext as
|
|
16
|
-
import { packageMetadata as
|
|
17
|
-
import { gaugeTheme as
|
|
12
|
+
import { themeReducer as w, observersReducer as C } from "./store/reducer.mjs";
|
|
13
|
+
import { isOptionsChanged as A } from "./utils/common.mjs";
|
|
14
|
+
import { validatePackage as x, getLicenseMessage as W, WatermarkOverlay as D, canUseDOM as P } from "@progress/kendo-react-common";
|
|
15
|
+
import { GaugeContext as F } from "./GaugeContext.mjs";
|
|
16
|
+
import { packageMetadata as d } from "./package-metadata.mjs";
|
|
17
|
+
import { gaugeTheme as R } from "@progress/kendo-charts";
|
|
18
18
|
const o = class o extends n.Component {
|
|
19
19
|
constructor(e) {
|
|
20
20
|
super(e), this.gaugeInstance = null, this.surface = null, this._element = null, this.themeStore = {}, this.themeUnsubscriber = Function.prototype, this.observersStore = {}, this.showLicenseWatermark = !1, this.onWindowResize = () => {
|
|
21
21
|
this.gaugeInstance !== null && (this.gaugeInstance.resize(), this.trigger("render", { sender: this }));
|
|
22
|
-
}, this.showLicenseWatermark = !
|
|
22
|
+
}, this.showLicenseWatermark = !x(d, { component: "Gauge" }), this.licenseMessage = W(d), this.themeStore = p(w), this.observersStore = p(C), this.contextValue = {
|
|
23
23
|
observersStore: this.observersStore
|
|
24
24
|
};
|
|
25
25
|
}
|
|
@@ -33,7 +33,7 @@ const o = class o extends n.Component {
|
|
|
33
33
|
* @hidden
|
|
34
34
|
*/
|
|
35
35
|
componentDidMount() {
|
|
36
|
-
this.element && (this.themeStore.dispatch({ type: "push", payload:
|
|
36
|
+
this.element && (this.themeStore.dispatch({ type: "push", payload: R(this.element) }), this.instantiateCoreGauge()), this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this)), window.addEventListener("resize", this.onWindowResize), this.trigger("render", { sender: this });
|
|
37
37
|
}
|
|
38
38
|
/**
|
|
39
39
|
* @hidden
|
|
@@ -41,26 +41,26 @@ const o = class o extends n.Component {
|
|
|
41
41
|
componentDidUpdate(e) {
|
|
42
42
|
const {
|
|
43
43
|
dir: t,
|
|
44
|
-
children:
|
|
45
|
-
deriveOptionsFromParent:
|
|
44
|
+
children: s,
|
|
45
|
+
deriveOptionsFromParent: r,
|
|
46
46
|
getTarget: g,
|
|
47
|
-
gaugeConstructor:
|
|
48
|
-
className:
|
|
49
|
-
renderAs:
|
|
47
|
+
gaugeConstructor: V,
|
|
48
|
+
className: k,
|
|
49
|
+
renderAs: v,
|
|
50
50
|
...a
|
|
51
51
|
} = this.props, {
|
|
52
|
-
dir:
|
|
53
|
-
children:
|
|
54
|
-
deriveOptionsFromParent:
|
|
55
|
-
getTarget:
|
|
56
|
-
gaugeConstructor:
|
|
57
|
-
className:
|
|
58
|
-
renderAs:
|
|
59
|
-
...
|
|
52
|
+
dir: E,
|
|
53
|
+
children: T,
|
|
54
|
+
deriveOptionsFromParent: z,
|
|
55
|
+
getTarget: G,
|
|
56
|
+
gaugeConstructor: L,
|
|
57
|
+
className: M,
|
|
58
|
+
renderAs: f,
|
|
59
|
+
...S
|
|
60
60
|
} = e;
|
|
61
61
|
if (this.gaugeInstance !== null) {
|
|
62
|
-
const c = m(this),
|
|
63
|
-
|
|
62
|
+
const c = m(this), O = this.gaugeInstance.contextService, I = c.locale !== O._intlService.locale, l = A(S, a), i = a;
|
|
63
|
+
I && (this.gaugeInstance.contextService._intlService = c, this.gaugeInstance.contextService.format._intlService = c, l || this.gaugeInstance.noTransitionsRedraw()), l || (v || "svg") !== (f || "svg") ? this.refresh() : Object.keys(a).indexOf("pointer") > -1 ? Array.isArray(i.pointer) ? this.refreshAllValues(i.pointer.map((b) => b.value)) : this.refreshValue((i.pointer || {}).value) : this.refreshValue(i.value), e.dir !== t && this.gaugeInstance.setDirection(this.getDirection(t)), this.trigger("render", { sender: this });
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
/**
|
|
@@ -75,26 +75,26 @@ const o = class o extends n.Component {
|
|
|
75
75
|
* @hidden
|
|
76
76
|
*/
|
|
77
77
|
render() {
|
|
78
|
-
const { style: e = {}, className: t, children:
|
|
79
|
-
return /* @__PURE__ */ n.createElement(
|
|
78
|
+
const { style: e = {}, className: t, children: s } = this.props, r = Object.assign({}, e, { position: "relative" });
|
|
79
|
+
return /* @__PURE__ */ n.createElement(F.Provider, { value: this.contextValue }, /* @__PURE__ */ n.createElement(
|
|
80
80
|
"div",
|
|
81
81
|
{
|
|
82
|
-
style:
|
|
82
|
+
style: r,
|
|
83
83
|
ref: (g) => {
|
|
84
84
|
this._element = g;
|
|
85
85
|
},
|
|
86
86
|
className: t
|
|
87
87
|
},
|
|
88
|
-
|
|
89
|
-
this.showLicenseWatermark && /* @__PURE__ */ n.createElement(
|
|
88
|
+
s,
|
|
89
|
+
this.showLicenseWatermark && /* @__PURE__ */ n.createElement(D, { message: this.licenseMessage })
|
|
90
90
|
));
|
|
91
91
|
}
|
|
92
92
|
/**
|
|
93
93
|
* @hidden
|
|
94
94
|
*/
|
|
95
95
|
instantiateCoreGauge() {
|
|
96
|
-
const { dir: e, gaugeConstructor: t } = this.props,
|
|
97
|
-
this.gaugeInstance = new t(this.element,
|
|
96
|
+
const { dir: e, gaugeConstructor: t } = this.props, s = this.getGaugeOptions();
|
|
97
|
+
this.gaugeInstance = new t(this.element, s, this.themeStore.getState(), {
|
|
98
98
|
rtl: this.getDirection(e),
|
|
99
99
|
intlService: m(this),
|
|
100
100
|
sender: this
|
|
@@ -125,26 +125,26 @@ const o = class o extends n.Component {
|
|
|
125
125
|
* @hidden
|
|
126
126
|
*/
|
|
127
127
|
getDirection(e) {
|
|
128
|
-
return (e !== void 0 ? e :
|
|
128
|
+
return (e !== void 0 ? e : P && window.getComputedStyle(this.element).direction || "ltr") === "rtl";
|
|
129
129
|
}
|
|
130
130
|
/**
|
|
131
131
|
* @hidden
|
|
132
132
|
*/
|
|
133
133
|
getGaugeOptions() {
|
|
134
|
-
const { renderAs: e, transitions: t, deriveOptionsFromParent:
|
|
135
|
-
let
|
|
134
|
+
const { renderAs: e, transitions: t, deriveOptionsFromParent: s } = this.props;
|
|
135
|
+
let r = Object.assign({
|
|
136
136
|
renderAs: e,
|
|
137
137
|
transitions: t
|
|
138
138
|
});
|
|
139
|
-
return
|
|
139
|
+
return s && (r = s(r)), r;
|
|
140
140
|
}
|
|
141
141
|
/**
|
|
142
142
|
* @hidden
|
|
143
143
|
*/
|
|
144
144
|
trigger(e, t) {
|
|
145
|
-
const
|
|
146
|
-
for (let
|
|
147
|
-
r
|
|
145
|
+
const s = this.observersStore.getState();
|
|
146
|
+
for (let r = 0; r < s.length; r++)
|
|
147
|
+
s[r].trigger(e, t);
|
|
148
148
|
}
|
|
149
149
|
};
|
|
150
150
|
o.propTypes = {
|
|
@@ -154,7 +154,7 @@ o.propTypes = {
|
|
|
154
154
|
renderAs: "svg"
|
|
155
155
|
};
|
|
156
156
|
let h = o;
|
|
157
|
-
|
|
157
|
+
y(h);
|
|
158
158
|
export {
|
|
159
159
|
h as BaseGauge
|
|
160
160
|
};
|
|
@@ -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("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-charts"),require("@progress/kendo-drawing")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-charts","@progress/kendo-drawing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactGauges={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoReactCommon,e.KendoCharts,e.KendoDrawing)}(this,(function(e,t,s,r,n,a,i){"use strict";function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var l=o(t);const u=e=>{let t,s,r=[];const a=a=>{t=e(t,a),n.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout((()=>r.forEach((e=>e()))),16.666666666666668))};return a({}),{getState:()=>t,dispatch:a,subscribe:e=>(r.push(e),()=>r=r.filter((t=>t!==e)))}},c=(e,t)=>{if(!t.type)return{};switch(t.type){case"set":return h.themeItem(e,t);case"push":return Object.assign(e,t.payload);default:return e}},g=(e,t)=>{if(!t.type)return[];switch(t.type){case"add":return[...e,t.payload];case"remove":return e.filter((e=>e!==t.payload));default:return e}},h={configurationItem:(e,t)=>Object.assign(e,{[t.gaugeKey]:t.payload}),collectionConfigurationItem(e,t){let s=!1;const[r,n]=t.gaugeCollectionIdxKey.split("_"),a=e[r].map(((e,r)=>parseInt(n,10)===r?(s=!0,t.payload):e));return!1===s&&a.splice(parseInt(n,10),0,t.payload),Object.assign(e,{[r]:a})},themeItem(e,t){let s={};const r=Object.assign(s,e),{field:n,value:a}=t.payload,i=n.split(".");let o=i.shift();for(;i.length>0;)s=s[o]=s[o]||{},o=i.shift();return s[o]=a,r}},p=e=>"object"==typeof e,d=(e,t)=>{if(Object.keys(e).length!==Object.keys(t).length)return!0;for(const s in e)if("value"!==s&&e.hasOwnProperty(s)){const r=e[s],n=t[s];if(p(r)&&p(n)?d(r,n):r!==n)return!0}return!1},m=(e,t)=>{if(!e||!t||(e=[].concat(e),t=[].concat(t),e.length!==t.length))return!0;for(let s=0;s<e.length;s++)if(d(e[s],t[s]))return!0;return!1},f=l.createContext(null);f.displayName="GaugeContext";const v={name:"@progress/kendo-react-gauges",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"11.4.0-develop.
|
|
15
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-common"),require("@progress/kendo-charts"),require("@progress/kendo-drawing")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-react-common","@progress/kendo-charts","@progress/kendo-drawing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactGauges={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoReactCommon,e.KendoCharts,e.KendoDrawing)}(this,(function(e,t,s,r,n,a,i){"use strict";function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var l=o(t);const u=e=>{let t,s,r=[];const a=a=>{t=e(t,a),n.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout((()=>r.forEach((e=>e()))),16.666666666666668))};return a({}),{getState:()=>t,dispatch:a,subscribe:e=>(r.push(e),()=>r=r.filter((t=>t!==e)))}},c=(e,t)=>{if(!t.type)return{};switch(t.type){case"set":return h.themeItem(e,t);case"push":return Object.assign(e,t.payload);default:return e}},g=(e,t)=>{if(!t.type)return[];switch(t.type){case"add":return[...e,t.payload];case"remove":return e.filter((e=>e!==t.payload));default:return e}},h={configurationItem:(e,t)=>Object.assign(e,{[t.gaugeKey]:t.payload}),collectionConfigurationItem(e,t){let s=!1;const[r,n]=t.gaugeCollectionIdxKey.split("_"),a=e[r].map(((e,r)=>parseInt(n,10)===r?(s=!0,t.payload):e));return!1===s&&a.splice(parseInt(n,10),0,t.payload),Object.assign(e,{[r]:a})},themeItem(e,t){let s={};const r=Object.assign(s,e),{field:n,value:a}=t.payload,i=n.split(".");let o=i.shift();for(;i.length>0;)s=s[o]=s[o]||{},o=i.shift();return s[o]=a,r}},p=e=>"object"==typeof e,d=(e,t)=>{if(Object.keys(e).length!==Object.keys(t).length)return!0;for(const s in e)if("value"!==s&&e.hasOwnProperty(s)){const r=e[s],n=t[s];if(p(r)&&p(n)?d(r,n):r!==n)return!0}return!1},m=(e,t)=>{if(!e||!t||(e=[].concat(e),t=[].concat(t),e.length!==t.length))return!0;for(let s=0;s<e.length;s++)if(d(e[s],t[s]))return!0;return!1},f=l.createContext(null);f.displayName="GaugeContext";const v={name:"@progress/kendo-react-gauges",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"11.4.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},b=class extends l.Component{constructor(e){super(e),this.gaugeInstance=null,this.surface=null,this._element=null,this.themeStore={},this.themeUnsubscriber=Function.prototype,this.observersStore={},this.showLicenseWatermark=!1,this.onWindowResize=()=>{null!==this.gaugeInstance&&(this.gaugeInstance.resize(),this.trigger("render",{sender:this}))},this.showLicenseWatermark=!n.validatePackage(v,{component:"Gauge"}),this.licenseMessage=n.getLicenseMessage(v),this.themeStore=u(c),this.observersStore=u(g),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){this.element&&(this.themeStore.dispatch({type:"push",payload:a.gaugeTheme(this.element)}),this.instantiateCoreGauge()),this.themeUnsubscriber=this.themeStore.subscribe(this.refresh.bind(this)),window.addEventListener("resize",this.onWindowResize),this.trigger("render",{sender:this})}componentDidUpdate(e){const{dir:t,children:s,deriveOptionsFromParent:n,getTarget:a,gaugeConstructor:i,className:o,renderAs:l,...u}=this.props,{dir:c,children:g,deriveOptionsFromParent:h,getTarget:p,gaugeConstructor:d,className:f,renderAs:v,...b}=e;if(null!==this.gaugeInstance){const s=r.provideIntlService(this),n=this.gaugeInstance.contextService,a=s.locale!==n._intlService.locale,i=m(b,u),o=u;a&&(this.gaugeInstance.contextService._intlService=s,this.gaugeInstance.contextService.format._intlService=s,i||this.gaugeInstance.noTransitionsRedraw()),i||(l||"svg")!==(v||"svg")?this.refresh():Object.keys(u).indexOf("pointer")>-1?Array.isArray(o.pointer)?this.refreshAllValues(o.pointer.map((e=>e.value))):this.refreshValue((o.pointer||{}).value):this.refreshValue(o.value),e.dir!==t&&this.gaugeInstance.setDirection(this.getDirection(t)),this.trigger("render",{sender:this})}}componentWillUnmount(){this.themeUnsubscriber();const e=this.gaugeInstance&&this.gaugeInstance.surfaceElement;e&&e.parentNode&&e.parentNode.removeChild(e),null!==this.gaugeInstance&&(this.gaugeInstance.destroy(),this.gaugeInstance=null),window.removeEventListener("resize",this.onWindowResize)}render(){const{style:e={},className:t,children:s}=this.props,r=Object.assign({},e,{position:"relative"});return l.createElement(f.Provider,{value:this.contextValue},l.createElement("div",{style:r,ref:e=>{this._element=e},className:t},s,this.showLicenseWatermark&&l.createElement(n.WatermarkOverlay,{message:this.licenseMessage})))}instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.props,s=this.getGaugeOptions();this.gaugeInstance=new t(this.element,s,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:r.provideIntlService(this),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:n.canUseDOM&&window.getComputedStyle(this.element).direction||"ltr")}getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:s}=this.props;let r=Object.assign({renderAs:e,transitions:t});return s&&(r=s(r)),r}trigger(e,t){const s=this.observersStore.getState();for(let r=0;r<s.length;r++)s[r].trigger(e,t)}};b.propTypes={dir:s.string,renderAs:s.oneOf(["svg","canvas"])},b.defaultProps={renderAs:"svg"};let y=b;r.registerForIntl(y);const I=class extends l.Component{constructor(e){super(e),this.state={arcCenterStyles:null,arcCenterValue:{value:0,color:""}},this._element=null,this.gaugeObserver=new a.InstanceObserver(this,{render:"onRender"})}componentDidMount(){var e;null==(e=this.context)||e.observersStore.dispatch({type:"add",payload:this.gaugeObserver})}render(){const{render:e}=this.props,{arcCenterStyles:t,arcCenterValue:s}=this.state,r=t||{zIndex:-1};let n=null;return e&&(n=l.createElement("div",{className:"k-arcgauge-label",ref:e=>{this._element=e},style:r},e(s.value,s.color))),n}onRender(e){if(!this._element)return;const t=e.sender.gaugeInstance,s=this._element.offsetWidth,r=this._element.offsetHeight,n=t.centerLabelPosition(s,r);this.setState({arcCenterStyles:{left:n.left,top:n.top},arcCenterValue:{value:t.value(),color:t.currentColor()}})}};I.contextType=f;let O=I;class G extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.gaugeType=a.ArcGauge,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{value:t,color:s,colors:r,opacity:n,scale:a}=this.props;return Object.assign({},e,{value:t,color:s,colors:r,opacity:n,scale:a})}}get gaugeInstance(){return this._baseGauge?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge?this._baseGauge.surface:null}get element(){return this._baseGauge?this._baseGauge.element:null}render(){const{children:e,arcCenterRender:t,centerRender:s,className:r,...a}=this.props;return l.createElement(y,{...a,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this._baseGauge=e},gaugeConstructor:this.gaugeType,getTarget:this.getTarget,className:n.classNames("k-gauge k-arcgauge",r)},e,l.createElement(O,{render:s||t}))}exportVisual(e){return null!==this.gaugeInstance&&this.element?i.drawDOM(this.element,e):Promise.resolve(new i.Group)}}let _=class extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:s}=this.props;return Object.assign({},e,{pointer:t,scale:s})}}get gaugeInstance(){return null!==this._baseGauge?this._baseGauge.gaugeInstance:null}get surface(){return null!==this._baseGauge?this._baseGauge.surface:null}get element(){return null!==this._baseGauge?this._baseGauge.element:null}render(){const{children:e,className:t,...s}=this.props;return l.createElement(y,{...s,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this._baseGauge=e},gaugeConstructor:a.LinearGauge,getTarget:this.getTarget,className:n.classNames("k-gauge",t)},e)}exportVisual(e){return null!==this.gaugeInstance?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new i.Group)}};class C extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:s}=this.props;return Object.assign({},e,{pointer:t,scale:s})}}get gaugeInstance(){return null!==this._baseGauge?this._baseGauge.gaugeInstance:null}get surface(){return null!==this._baseGauge?this._baseGauge.surface:null}get element(){return null!==this._baseGauge?this._baseGauge.element:null}render(){const{children:e,className:t,...s}=this.props;return l.createElement(y,{...s,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>{this._baseGauge=e},gaugeConstructor:a.RadialGauge,getTarget:this.getTarget,className:n.classNames("k-gauge",t)},e)}exportVisual(e){return null!==this.gaugeInstance?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new i.Group)}}e.ArcGauge=G,e.CircularGauge=class extends G{constructor(){super(...arguments),this.gaugeType=a.CircularGauge}},e.LinearGauge=_,e.RadialGauge=C}));
|
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-react-gauges",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-gauges",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1754643197,version:"11.4.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "KendoReact",
|
|
11
11
|
productCode: "KENDOUIREACT",
|
|
12
12
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "11.4.0-develop.
|
|
13
|
+
publishDate: 1754643197,
|
|
14
|
+
version: "11.4.0-develop.8",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-gauges",
|
|
3
|
-
"version": "11.4.0-develop.
|
|
3
|
+
"version": "11.4.0-develop.8",
|
|
4
4
|
"description": "React Gauges provide a set of React components for building beautiful and customizable gauges. KendoReact Gauges package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-drawing": "^1.21.2",
|
|
29
|
-
"@progress/kendo-licensing": "^1.
|
|
30
|
-
"@progress/kendo-react-common": "11.4.0-develop.
|
|
31
|
-
"@progress/kendo-react-intl": "11.4.0-develop.
|
|
29
|
+
"@progress/kendo-licensing": "^1.7.0",
|
|
30
|
+
"@progress/kendo-react-common": "11.4.0-develop.8",
|
|
31
|
+
"@progress/kendo-react-intl": "11.4.0-develop.8",
|
|
32
32
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
33
33
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
34
34
|
},
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"package": {
|
|
60
60
|
"productName": "KendoReact",
|
|
61
61
|
"productCode": "KENDOUIREACT",
|
|
62
|
-
"publishDate":
|
|
62
|
+
"publishDate": 1754643197,
|
|
63
63
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
64
64
|
}
|
|
65
65
|
},
|