@progress/kendo-react-gauges 7.2.4-develop.3 → 7.3.0-develop.1

package/ArcCenter.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),d=require("@progress/kendo-charts"),g=require("./GaugeContext.js");function h(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const c=h(u),l=class l extends c.Component{constructor(t,e){super(t,e),this.state={arcCenterStyles:null,arcCenterValue:{value:0,color:""}},this._element=null,this.gaugeObserver=new d.InstanceObserver(this,{render:"onRender"}),e.observersStore.dispatch({type:"add",payload:this.gaugeObserver})}render(){const{render:t}=this.props,{arcCenterStyles:e,arcCenterValue:r}=this.state,o=e||{zIndex:-1};let s=null;return t&&(s=c.createElement("div",{className:"k-arcgauge-label",ref:i=>this._element=i,style:o},t(r.value,r.color))),s}onRender(t){if(!this._element)return;const e=t.sender.gaugeInstance,r=this._element.offsetWidth,o=this._element.offsetHeight,s=e.centerLabelPosition(r,o);this.setState({arcCenterStyles:{left:s.left,top:s.top},arcCenterValue:{value:e.value(),color:e.currentColor()}})}};l.contextType=g.GaugeContext;let a=l;exports.ArcCenter=a;

package/ArcCenter.mjs

@@ -0,0 +1,60 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as a from "react";
+import { InstanceObserver as c } from "@progress/kendo-charts";
+import { GaugeContext as u } from "./GaugeContext.mjs";
+const o = class o extends a.Component {
+  constructor(t, e) {
+    super(t, e), this.state = {
+      arcCenterStyles: null,
+      arcCenterValue: {
+        value: 0,
+        color: ""
+      }
+    }, this._element = null, this.gaugeObserver = new c(this, {
+      render: "onRender"
+    }), e.observersStore.dispatch({
+      type: "add",
+      payload: this.gaugeObserver
+    });
+  }
+  render() {
+    const { render: t } = this.props, { arcCenterStyles: e, arcCenterValue: s } = this.state, n = e || { zIndex: -1 };
+    let r = null;
+    return t && (r = /* @__PURE__ */ a.createElement(
+      "div",
+      {
+        className: "k-arcgauge-label",
+        ref: (i) => this._element = i,
+        style: n
+      },
+      t(s.value, s.color)
+    )), r;
+  }
+  onRender(t) {
+    if (!this._element)
+      return;
+    const e = t.sender.gaugeInstance, s = this._element.offsetWidth, n = this._element.offsetHeight, r = e.centerLabelPosition(s, n);
+    this.setState({
+      arcCenterStyles: {
+        left: r.left,
+        top: r.top
+      },
+      arcCenterValue: {
+        value: e.value(),
+        color: e.currentColor()
+      }
+    });
+  }
+};
+o.contextType = u;
+let l = o;
+export {
+  l as ArcCenter
+};

package/ArcGauge.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),g=require("./BaseGauge.js"),l=require("@progress/kendo-charts"),h=require("./ArcCenter.js"),i=require("@progress/kendo-drawing"),m=require("@progress/kendo-react-common");function p(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const c=p(o);class d extends c.Component{constructor(){super(...arguments),this._baseGauge=null,this.gaugeType=l.ArcGauge,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{value:t,color:n,colors:s,opacity:a,scale:u}=this.props;return Object.assign({},e,{value:t,color:n,colors:s,opacity:a,scale:u})}}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:n,className:s,...a}=this.props;return c.createElement(g.BaseGauge,{...a,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:u=>this._baseGauge=u,gaugeConstructor:this.gaugeType,getTarget:this.getTarget,className:m.classNames("k-gauge k-arcgauge",s)},e,c.createElement(h.ArcCenter,{render:n||t}))}exportVisual(e){return this.gaugeInstance!==null&&this.element?i.drawDOM(this.element,e):Promise.resolve(new i.Group)}}exports.ArcGauge=d;

package/ArcGauge.mjs

@@ -0,0 +1,77 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as u from "react";
+import { BaseGauge as i } from "./BaseGauge.mjs";
+import { ArcGauge as g } from "@progress/kendo-charts";
+import { ArcCenter as o } from "./ArcCenter.mjs";
+import { drawDOM as c, Group as l } from "@progress/kendo-drawing";
+import { classNames as m } from "@progress/kendo-react-common";
+class _ extends u.Component {
+  constructor() {
+    super(...arguments), this._baseGauge = null, this.gaugeType = g, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => {
+      const { value: r, color: t, colors: s, opacity: a, scale: n } = this.props;
+      return Object.assign({}, e, {
+        value: r,
+        color: t,
+        colors: s,
+        opacity: a,
+        scale: n
+      });
+    };
+  }
+  /**
+   * @hidden
+   */
+  get gaugeInstance() {
+    return this._baseGauge ? this._baseGauge.gaugeInstance : null;
+  }
+  /**
+   * The Drawing `Surface` of the Gauge.
+   */
+  get surface() {
+    return this._baseGauge ? this._baseGauge.surface : null;
+  }
+  /**
+   * The DOM element of the Gauge.
+   */
+  get element() {
+    return this._baseGauge ? this._baseGauge.element : null;
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { children: e, arcCenterRender: r, centerRender: t, className: s, ...a } = this.props;
+    return /* @__PURE__ */ u.createElement(
+      i,
+      {
+        ...a,
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        ref: (n) => this._baseGauge = n,
+        gaugeConstructor: this.gaugeType,
+        getTarget: this.getTarget,
+        className: m("k-gauge k-arcgauge", s)
+      },
+      e,
+      /* @__PURE__ */ u.createElement(o, { render: t || r })
+    );
+  }
+  /**
+   * Exports a Gauge component as a Drawing `Scene`.
+   *
+   * @param {any} options - The parameters for the export operation.
+   * @returns {Promise<Group>} - A promise that returns the root `Group` of the scene.
+   */
+  exportVisual(e) {
+    return this.gaugeInstance !== null && this.element ? c(this.element, e) : Promise.resolve(new l());
+  }
+}
+export {
+  _ as ArcGauge
+};

package/BaseGauge.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),p=require("prop-types"),l=require("@progress/kendo-react-intl"),A=require("./theming/theme-service.js"),m=require("./store/store.js"),v=require("./store/reducer.js"),D=require("./utils/common.js"),f=require("@progress/kendo-react-common"),P=require("./GaugeContext.js"),R=require("./package-metadata.js");function q(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const g=q(w),a=class a extends g.Component{constructor(e){super(e),this.gaugeInstance=null,this.surface=null,this._element=null,this.themeStore={},this.themeUnsubscriber=Function.prototype,this.observersStore={},this.onWindowResize=()=>{this.gaugeInstance!==null&&(this.gaugeInstance.resize(),this.trigger("render",{sender:this}))},f.validatePackage(R.packageMetadata),this.themeStore=m.default(v.themeReducer),this.observersStore=m.default(v.observersReducer),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){var t;const e=((t=this._element)==null?void 0:t.ownerDocument)||document;A.loadTheme(this.themeStore,this.instantiateCoreGauge.bind(this),e),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:r,deriveOptionsFromParent:s,getTarget:h,gaugeConstructor:x,className:T,renderAs:S,...c}=this.props,{dir:j,children:F,deriveOptionsFromParent:V,getTarget:_,gaugeConstructor:k,className:z,renderAs:b,...O}=e;if(this.gaugeInstance!==null){const u=l.provideIntlService(this),I=this.gaugeInstance.contextService,y=u.locale!==I._intlService.locale,d=D.isOptionsChanged(O,c),i=c;y&&(this.gaugeInstance.contextService._intlService=u,this.gaugeInstance.contextService.format._intlService=u,d||this.gaugeInstance.noTransitionsRedraw()),d||(S||"svg")!==(b||"svg")?this.refresh():Object.keys(c).indexOf("pointer")>-1?Array.isArray(i.pointer)?this.refreshAllValues(i.pointer.map(C=>C.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:r}=this.props,s=Object.assign({},e,{position:"relative"});return g.createElement(P.GaugeContext.Provider,{value:this.contextValue},g.createElement("div",{style:s,ref:h=>this._element=h,className:t},r))}instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.props,r=this.getGaugeOptions();this.gaugeInstance=new t(this.element,r,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:l.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:f.canUseDOM&&window.getComputedStyle(this.element).direction||"ltr")==="rtl"}getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:r}=this.props;let s=Object.assign({renderAs:e,transitions:t});return r&&(s=r(s)),s}trigger(e,t){const r=this.observersStore.getState();for(let s=0;s<r.length;s++)r[s].trigger(e,t)}};a.propTypes={dir:p.string,renderAs:p.oneOf(["svg","canvas"])},a.defaultProps={renderAs:"svg"};let o=a;l.registerForIntl(o);exports.BaseGauge=o;

package/BaseGauge.mjs

@@ -0,0 +1,171 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as c from "react";
+import u from "prop-types";
+import { provideIntlService as d, registerForIntl as b } from "@progress/kendo-react-intl";
+import { loadTheme as C } from "./theming/theme-service.mjs";
+import m from "./store/store.mjs";
+import { themeReducer as w, observersReducer as y } from "./store/reducer.mjs";
+import { isOptionsChanged as A } from "./utils/common.mjs";
+import { validatePackage as x, canUseDOM as D } from "@progress/kendo-react-common";
+import { GaugeContext as P } from "./GaugeContext.mjs";
+import { packageMetadata as F } from "./package-metadata.mjs";
+const n = class n extends c.Component {
+  constructor(e) {
+    super(e), this.gaugeInstance = null, this.surface = null, this._element = null, this.themeStore = {}, this.themeUnsubscriber = Function.prototype, this.observersStore = {}, this.onWindowResize = () => {
+      this.gaugeInstance !== null && (this.gaugeInstance.resize(), this.trigger("render", { sender: this }));
+    }, x(F), this.themeStore = m(w), this.observersStore = m(y), this.contextValue = {
+      observersStore: this.observersStore
+    };
+  }
+  /**
+   * @hidden
+   */
+  get element() {
+    return this._element;
+  }
+  /**
+   * @hidden
+   */
+  componentDidMount() {
+    var t;
+    const e = ((t = this._element) == null ? void 0 : t.ownerDocument) || document;
+    C(this.themeStore, this.instantiateCoreGauge.bind(this), e), this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this)), window.addEventListener("resize", this.onWindowResize), this.trigger("render", { sender: this });
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate(e) {
+    const {
+      dir: t,
+      children: r,
+      deriveOptionsFromParent: s,
+      getTarget: g,
+      gaugeConstructor: R,
+      className: V,
+      renderAs: p,
+      ...o
+    } = this.props, {
+      dir: T,
+      children: z,
+      deriveOptionsFromParent: E,
+      getTarget: N,
+      gaugeConstructor: U,
+      className: W,
+      renderAs: v,
+      ...f
+    } = e;
+    if (this.gaugeInstance !== null) {
+      const a = d(this), S = this.gaugeInstance.contextService, I = a.locale !== S._intlService.locale, l = A(f, o), i = o;
+      I && (this.gaugeInstance.contextService._intlService = a, this.gaugeInstance.contextService.format._intlService = a, l || this.gaugeInstance.noTransitionsRedraw()), l || (p || "svg") !== (v || "svg") ? this.refresh() : Object.keys(o).indexOf("pointer") > -1 ? Array.isArray(i.pointer) ? this.refreshAllValues(i.pointer.map((O) => O.value)) : this.refreshValue((i.pointer || {}).value) : this.refreshValue(i.value), e.dir !== t && this.gaugeInstance.setDirection(this.getDirection(t)), this.trigger("render", { sender: this });
+    }
+  }
+  /**
+   * @hidden
+   */
+  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);
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { style: e = {}, className: t, children: r } = this.props, s = Object.assign({}, e, { position: "relative" });
+    return /* @__PURE__ */ c.createElement(P.Provider, { value: this.contextValue }, /* @__PURE__ */ c.createElement(
+      "div",
+      {
+        style: s,
+        ref: (g) => this._element = g,
+        className: t
+      },
+      r
+    ));
+  }
+  /**
+   * @hidden
+   */
+  instantiateCoreGauge() {
+    const { dir: e, gaugeConstructor: t } = this.props, r = this.getGaugeOptions();
+    this.gaugeInstance = new t(
+      this.element,
+      r,
+      this.themeStore.getState(),
+      {
+        rtl: this.getDirection(e),
+        intlService: d(this),
+        sender: this
+      }
+    );
+  }
+  /**
+   * @hidden
+   */
+  refresh() {
+    if (this.gaugeInstance !== null) {
+      const e = this.themeStore.getState(), t = this.getGaugeOptions();
+      this.gaugeInstance.setOptions(t, e);
+    }
+  }
+  /**
+   * @hidden
+   */
+  refreshValue(e) {
+    this.gaugeInstance.value(e);
+  }
+  /**
+   * @hidden
+   */
+  refreshAllValues(e) {
+    this.gaugeInstance.allValues(e);
+  }
+  /**
+   * @hidden
+   */
+  getDirection(e) {
+    return (e !== void 0 ? e : D && window.getComputedStyle(this.element).direction || "ltr") === "rtl";
+  }
+  /**
+   * @hidden
+   */
+  getGaugeOptions() {
+    const {
+      renderAs: e,
+      transitions: t,
+      deriveOptionsFromParent: r
+    } = this.props;
+    let s = Object.assign(
+      {
+        renderAs: e,
+        transitions: t
+      }
+    );
+    return r && (s = r(s)), s;
+  }
+  /**
+   * @hidden
+   */
+  trigger(e, t) {
+    const r = this.observersStore.getState();
+    for (let s = 0; s < r.length; s++)
+      r[s].trigger(e, t);
+  }
+};
+n.propTypes = {
+  dir: u.string,
+  renderAs: u.oneOf(["svg", "canvas"])
+}, n.defaultProps = {
+  renderAs: "svg"
+};
+let h = n;
+b(h);
+export {
+  h as BaseGauge
+};

package/CircularGauge.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ArcGauge.js"),r=require("@progress/kendo-charts");class u extends e.ArcGauge{constructor(){super(...arguments),this.gaugeType=r.CircularGauge}}exports.CircularGauge=u;

package/CircularGauge.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
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { ArcGauge as r } from "./ArcGauge.mjs";
+import { CircularGauge as e } from "@progress/kendo-charts";
+class t extends r {
+  constructor() {
+    super(...arguments), this.gaugeType = e;
+  }
+}
+export {
+  t as CircularGauge
+};

package/GaugeContext.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const u=c(a),r=u.createContext(null);r.displayName="GaugeContext";exports.GaugeContext=r;

package/GaugeContext.mjs

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+const t = e.createContext(null);
+t.displayName = "GaugeContext";
+export {
+  t as GaugeContext
+};

package/LinearGauge.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("./BaseGauge.js"),o=require("@progress/kendo-charts"),g=require("@progress/kendo-drawing"),c=require("@progress/kendo-react-common");function l(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const s=l(u);class p extends s.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:n}=this.props;return Object.assign({},e,{pointer:t,scale:n})}}get gaugeInstance(){return this._baseGauge!==null?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge!==null?this._baseGauge.surface:null}get element(){return this._baseGauge!==null?this._baseGauge.element:null}render(){const{children:e,className:t,...n}=this.props;return s.createElement(i.BaseGauge,{...n,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:a=>this._baseGauge=a,gaugeConstructor:o.LinearGauge,getTarget:this.getTarget,className:c.classNames("k-gauge",t)},e)}exportVisual(e){return this.gaugeInstance!==null?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new g.Group)}}exports.LinearGauge=p;

package/LinearGauge.mjs

@@ -0,0 +1,72 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import { BaseGauge as n } from "./BaseGauge.mjs";
+import { LinearGauge as u } from "@progress/kendo-charts";
+import { Group as i } from "@progress/kendo-drawing";
+import { classNames as g } from "@progress/kendo-react-common";
+class h extends s.Component {
+  constructor() {
+    super(...arguments), this._baseGauge = null, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => {
+      const { pointer: r, scale: t } = this.props;
+      return Object.assign({}, e, {
+        pointer: r,
+        scale: t
+      });
+    };
+  }
+  /**
+   * @hidden
+   */
+  get gaugeInstance() {
+    return this._baseGauge !== null ? this._baseGauge.gaugeInstance : null;
+  }
+  /**
+   * The Drawing `Surface` of the Gauge.
+   */
+  get surface() {
+    return this._baseGauge !== null ? this._baseGauge.surface : null;
+  }
+  /**
+   * The DOM element of the Gauge.
+   */
+  get element() {
+    return this._baseGauge !== null ? this._baseGauge.element : null;
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { children: e, className: r, ...t } = this.props;
+    return /* @__PURE__ */ s.createElement(
+      n,
+      {
+        ...t,
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        ref: (a) => this._baseGauge = a,
+        gaugeConstructor: u,
+        getTarget: this.getTarget,
+        className: g("k-gauge", r)
+      },
+      e
+    );
+  }
+  /**
+   * Exports a Gauge component as a Drawing `Scene`.
+   *
+   * @param {any} options - The parameters for the export operation.
+   * @returns {Promise<Group>} - A promise that returns the root `Group` of the scene.
+   */
+  exportVisual(e) {
+    return this.gaugeInstance !== null ? Promise.resolve(this.gaugeInstance.exportVisual(e)) : Promise.resolve(new i());
+  }
+}
+export {
+  h as LinearGauge
+};

package/RadialGauge.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("./BaseGauge.js"),o=require("@progress/kendo-charts"),g=require("@progress/kendo-drawing"),l=require("@progress/kendo-react-common");function c(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const a=c(u);class p extends a.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 this._baseGauge!==null?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge!==null?this._baseGauge.surface:null}get element(){return this._baseGauge!==null?this._baseGauge.element:null}render(){const{children:e,className:t,...s}=this.props;return a.createElement(i.BaseGauge,{...s,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:n=>this._baseGauge=n,gaugeConstructor:o.RadialGauge,getTarget:this.getTarget,className:l.classNames("k-gauge",t)},e)}exportVisual(e){return this.gaugeInstance!==null?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new g.Group)}}exports.RadialGauge=p;

package/RadialGauge.mjs

@@ -0,0 +1,72 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import { BaseGauge as n } from "./BaseGauge.mjs";
+import { RadialGauge as u } from "@progress/kendo-charts";
+import { Group as i } from "@progress/kendo-drawing";
+import { classNames as g } from "@progress/kendo-react-common";
+class h extends s.Component {
+  constructor() {
+    super(...arguments), this._baseGauge = null, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => {
+      const { pointer: t, scale: r } = this.props;
+      return Object.assign({}, e, {
+        pointer: t,
+        scale: r
+      });
+    };
+  }
+  /**
+   * @hidden
+   */
+  get gaugeInstance() {
+    return this._baseGauge !== null ? this._baseGauge.gaugeInstance : null;
+  }
+  /**
+   * The Drawing `Surface` of the Gauge.
+   */
+  get surface() {
+    return this._baseGauge !== null ? this._baseGauge.surface : null;
+  }
+  /**
+   * The DOM element of the Gauge.
+   */
+  get element() {
+    return this._baseGauge !== null ? this._baseGauge.element : null;
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { children: e, className: t, ...r } = this.props;
+    return /* @__PURE__ */ s.createElement(
+      n,
+      {
+        ...r,
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        ref: (a) => this._baseGauge = a,
+        gaugeConstructor: u,
+        getTarget: this.getTarget,
+        className: g("k-gauge", t)
+      },
+      e
+    );
+  }
+  /**
+   * Exports a Gauge component as a Drawing `Scene`.
+   *
+   * @param {any} options - The parameters for the export operation.
+   * @returns {Promise<Group>} - A promise that returns the root `Group` of the scene.
+   */
+  exportVisual(e) {
+    return this.gaugeInstance !== null ? Promise.resolve(this.gaugeInstance.exportVisual(e)) : Promise.resolve(new i());
+  }
+}
+export {
+  h as RadialGauge
+};

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

@@ -1,9 +1,8 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-(function(i,p){typeof exports=="object"&&typeof module!="undefined"?p(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-charts"),require("@progress/kendo-react-common"),require("@progress/kendo-drawing")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-charts","@progress/kendo-react-common","@progress/kendo-drawing"],p):(i=typeof globalThis!="undefined"?globalThis:i||self,p(i.KendoReactGauges={},i.React,i.PropTypes,i.KendoReactIntl,i.KendoCharts,i.KendoReactCommon,i.KendoDrawing))})(this,function(i,p,G,v,c,g,m){"use strict";"use client";function P(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const l=P(p),x=`
-    <div class="k-var--gauge-pointer"></div>
-    <div class="k-var--gauge-track"></div>
-    <div class="k-var--normal-text-color"></div>
-`;class N{constructor(e){this.store=e}setStyle(e,t){this.store.dispatch({type:"set",payload:{field:e,value:t}})}setColors(){this.mapColor("pointer.color","gauge-pointer"),this.mapColor("scale.rangePlaceholderColor","gauge-track"),this.mapColor("scale.labels.color","normal-text-color"),this.mapColor("scale.minorTicks.color","normal-text-color"),this.mapColor("scale.majorTicks.color","normal-text-color"),this.mapColor("scale.line.color","normal-text-color")}mapColor(e,t){this.setStyle(e,this.queryStyle(t).backgroundColor)}queryStyle(e){const t=this.element;return window.getComputedStyle(t.querySelector(`.k-var--${e}`))}}const j=(s,e,t)=>{const r=new N(s);if(typeof t=="undefined"){s.dispatch({type:"push",payload:c.chartBaseTheme()});return}const n=r.element=t.createElement("div");n.style.display="none",n.innerHTML=x,t.body.appendChild(n);try{s.dispatch({type:"push",payload:c.chartBaseTheme()}),r.setColors()}finally{t.body.removeChild(r.element),delete r.element,e()}},E=1e3/60,C=s=>{let e,t,r=[];const n=()=>e,a=u=>{e=s(e,u),g.canUseDOM&&(window.clearTimeout(t),t=window.setTimeout(()=>r.forEach(d=>d()),E))},o=u=>(r.push(u),()=>r=r.filter(d=>d!==u));return a({}),{getState:n,dispatch:a,subscribe:o}},V=(s,e)=>{if(e.type)switch(e.type){case"set":return F.themeItem(s,e);case"push":return Object.assign(s,e.payload);default:return s}else return{}},A=(s,e)=>{if(e.type)switch(e.type){case"add":return[...s,e.payload];case"remove":return s.filter(t=>t!==e.payload);default:return s}else return[]},F={configurationItem(s,e){return Object.assign(s,{[e.gaugeKey]:e.payload})},collectionConfigurationItem(s,e){let t=!1;const[r,n]=e.gaugeCollectionIdxKey.split("_"),a=s[r].map((o,u)=>parseInt(n,10)===u?(t=!0,e.payload):o);return t===!1&&a.splice(parseInt(n,10),0,e.payload),Object.assign(s,{[r]:a})},themeItem(s,e){let t={},r=Object.assign(t,s);const{field:n,value:a}=e.payload,o=n.split(".");let u=o.shift();for(;o.length>0;)t=t[u]=t[u]||{},u=o.shift();return t[u]=a,r}},I=s=>typeof s=="object",S=(s,e)=>{if(Object.keys(s).length!==Object.keys(e).length)return!0;for(let t in s)if(t!=="value"&&s.hasOwnProperty(t)){const r=s[t],n=e[t];if(I(r)&&I(n)?S(r,n):r!==n)return!0}return!1},k=(s,e)=>{if(!s||!e||(s=[].concat(s),e=[].concat(e),s.length!==e.length))return!0;for(let t=0;t<s.length;t++)if(S(s[t],e[t]))return!0;return!1},y=l.createContext(null);y.displayName="GaugeContext";const D={name:"@progress/kendo-react-gauges",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};class h 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.onWindowResize=()=>{this.gaugeInstance!==null&&(this.gaugeInstance.resize(),this.trigger("render",{sender:this}))},g.validatePackage(D),this.themeStore=C(V),this.observersStore=C(A),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){var t;const e=((t=this._element)==null?void 0:t.ownerDocument)||document;j(this.themeStore,this.instantiateCoreGauge.bind(this),e),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:r,deriveOptionsFromParent:n,getTarget:a,gaugeConstructor:o,className:u,renderAs:d,...b}=this.props,{dir:H,children:$,deriveOptionsFromParent:J,getTarget:Q,gaugeConstructor:X,className:Y,renderAs:U,...q}=e;if(this.gaugeInstance!==null){const O=v.provideIntlService(this),L=this.gaugeInstance.contextService,z=O.locale!==L._intlService.locale,w=k(q,b),f=b;z&&(this.gaugeInstance.contextService._intlService=O,this.gaugeInstance.contextService.format._intlService=O,w||this.gaugeInstance.noTransitionsRedraw()),w||(d||"svg")!==(U||"svg")?this.refresh():Object.keys(b).indexOf("pointer")>-1?Array.isArray(f.pointer)?this.refreshAllValues(f.pointer.map(W=>W.value)):this.refreshValue((f.pointer||{}).value):this.refreshValue(f.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:r}=this.props,n=Object.assign({},e,{position:"relative"});return l.createElement(y.Provider,{value:this.contextValue},l.createElement("div",{style:n,ref:a=>this._element=a,className:t},r))}instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.props,r=this.getGaugeOptions();this.gaugeInstance=new t(this.element,r,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:v.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:(()=>g.canUseDOM&&window.getComputedStyle(this.element).direction)()||"ltr")==="rtl"}getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:r}=this.props;let n=Object.assign({renderAs:e,transitions:t});return r&&(n=r(n)),n}trigger(e,t){const r=this.observersStore.getState();for(let n=0;n<r.length;n++)r[n].trigger(e,t)}}h.propTypes={dir:G.string,renderAs:G.oneOf(["svg","canvas"])},h.defaultProps={renderAs:"svg"},v.registerForIntl(h);class _ extends l.Component{constructor(e,t){super(e,t),this.state={arcCenterStyles:null,arcCenterValue:{value:0,color:""}},this._element=null,this.gaugeObserver=new c.InstanceObserver(this,{render:"onRender"}),t.observersStore.dispatch({type:"add",payload:this.gaugeObserver})}render(){const{render:e}=this.props,{arcCenterStyles:t,arcCenterValue:r}=this.state,n=t||{zIndex:-1};let a=null;return e&&(a=l.createElement("div",{className:"k-arcgauge-label",ref:o=>this._element=o,style:n},e(r.value,r.color))),a}onRender(e){if(!this._element)return;const t=e.sender.gaugeInstance,r=this._element.offsetWidth,n=this._element.offsetHeight,a=t.centerLabelPosition(r,n);this.setState({arcCenterStyles:{left:a.left,top:a.top},arcCenterValue:{value:t.value(),color:t.currentColor()}})}}_.contextType=y;class T extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.gaugeType=c.ArcGauge,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{value:t,color:r,colors:n,opacity:a,scale:o}=this.props;return Object.assign({},e,{value:t,color:r,colors:n,opacity:a,scale:o})}}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:r,className:n,...a}=this.props;return l.createElement(h,{...a,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:o=>this._baseGauge=o,gaugeConstructor:this.gaugeType,getTarget:this.getTarget,className:g.classNames("k-gauge k-arcgauge",n)},e,l.createElement(_,{render:r||t}))}exportVisual(e){return this.gaugeInstance!==null&&this.element?m.drawDOM(this.element,e):Promise.resolve(new m.Group)}}class R extends T{constructor(){super(...arguments),this.gaugeType=c.CircularGauge}}class K extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:r}=this.props;return Object.assign({},e,{pointer:t,scale:r})}}get gaugeInstance(){return this._baseGauge!==null?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge!==null?this._baseGauge.surface:null}get element(){return this._baseGauge!==null?this._baseGauge.element:null}render(){const{children:e,className:t,...r}=this.props;return l.createElement(h,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:n=>this._baseGauge=n,gaugeConstructor:c.LinearGauge,getTarget:this.getTarget,className:g.classNames("k-gauge",t)},e)}exportVisual(e){return this.gaugeInstance!==null?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new m.Group)}}class M extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:r}=this.props;return Object.assign({},e,{pointer:t,scale:r})}}get gaugeInstance(){return this._baseGauge!==null?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge!==null?this._baseGauge.surface:null}get element(){return this._baseGauge!==null?this._baseGauge.element:null}render(){const{children:e,className:t,...r}=this.props;return l.createElement(h,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:n=>this._baseGauge=n,gaugeConstructor:c.RadialGauge,getTarget:this.getTarget,className:g.classNames("k-gauge",t)},e)}exportVisual(e){return this.gaugeInstance!==null?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new m.Group)}}i.ArcGauge=T,i.CircularGauge=R,i.LinearGauge=K,i.RadialGauge=M,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-charts"),require("@progress/kendo-react-common"),require("@progress/kendo-drawing")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-charts","@progress/kendo-react-common","@progress/kendo-drawing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactGauges={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoCharts,e.KendoReactCommon,e.KendoDrawing)}(this,(function(e,t,r,s,n,a,i){"use strict";function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=o(t);let c=class{constructor(e){this.store=e}setStyle(e,t){this.store.dispatch({type:"set",payload:{field:e,value:t}})}setColors(){this.mapColor("pointer.color","gauge-pointer"),this.mapColor("scale.rangePlaceholderColor","gauge-track"),this.mapColor("scale.labels.color","normal-text-color"),this.mapColor("scale.minorTicks.color","normal-text-color"),this.mapColor("scale.majorTicks.color","normal-text-color"),this.mapColor("scale.line.color","normal-text-color")}mapColor(e,t){this.setStyle(e,this.queryStyle(t).backgroundColor)}queryStyle(e){const t=this.element;return window.getComputedStyle(t.querySelector(`.k-var--${e}`))}};const u=e=>{let t,r,s=[];const n=n=>{t=e(t,n),a.canUseDOM&&(window.clearTimeout(r),r=window.setTimeout((()=>s.forEach((e=>e()))),16.666666666666668))};return n({}),{getState:()=>t,dispatch:n,subscribe:e=>(s.push(e),()=>s=s.filter((t=>t!==e)))}},g=(e,t)=>{if(!t.type)return{};switch(t.type){case"set":return p.themeItem(e,t);case"push":return Object.assign(e,t.payload);default:return e}},h=(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}},p={configurationItem:(e,t)=>Object.assign(e,{[t.gaugeKey]:t.payload}),collectionConfigurationItem(e,t){let r=!1;const[s,n]=t.gaugeCollectionIdxKey.split("_"),a=e[s].map(((e,s)=>parseInt(n,10)===s?(r=!0,t.payload):e));return!1===r&&a.splice(parseInt(n,10),0,t.payload),Object.assign(e,{[s]:a})},themeItem(e,t){let r={},s=Object.assign(r,e);const{field:n,value:a}=t.payload,i=n.split(".");let o=i.shift();for(;i.length>0;)r=r[o]=r[o]||{},o=i.shift();return r[o]=a,s}},d=e=>"object"==typeof e,m=(e,t)=>{if(Object.keys(e).length!==Object.keys(t).length)return!0;for(let r in e)if("value"!==r&&e.hasOwnProperty(r)){const s=e[r],n=t[r];if(d(s)&&d(n)?m(s,n):s!==n)return!0}return!1},v=l.createContext(null);v.displayName="GaugeContext";const f={name:"@progress/kendo-react-gauges",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",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.onWindowResize=()=>{null!==this.gaugeInstance&&(this.gaugeInstance.resize(),this.trigger("render",{sender:this}))},a.validatePackage(f),this.themeStore=u(g),this.observersStore=u(h),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){var e;const t=(null==(e=this._element)?void 0:e.ownerDocument)||document;((e,t,r)=>{const s=new c(e);if(void 0===r)return void e.dispatch({type:"push",payload:n.chartBaseTheme()});const a=s.element=r.createElement("div");a.style.display="none",a.innerHTML='\n    <div class="k-var--gauge-pointer"></div>\n    <div class="k-var--gauge-track"></div>\n    <div class="k-var--normal-text-color"></div>\n',r.body.appendChild(a);try{e.dispatch({type:"push",payload:n.chartBaseTheme()}),s.setColors()}finally{r.body.removeChild(s.element),delete s.element,t()}})(this.themeStore,this.instantiateCoreGauge.bind(this),t),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:r,deriveOptionsFromParent:n,getTarget:a,gaugeConstructor:i,className:o,renderAs:l,...c}=this.props,{dir:u,children:g,deriveOptionsFromParent:h,getTarget:p,gaugeConstructor:d,className:v,renderAs:f,...b}=e;if(null!==this.gaugeInstance){const r=s.provideIntlService(this),n=this.gaugeInstance.contextService,a=r.locale!==n._intlService.locale,i=((e,t)=>{if(!e||!t||(e=[].concat(e),t=[].concat(t),e.length!==t.length))return!0;for(let r=0;r<e.length;r++)if(m(e[r],t[r]))return!0;return!1})(b,c),o=c;a&&(this.gaugeInstance.contextService._intlService=r,this.gaugeInstance.contextService.format._intlService=r,i||this.gaugeInstance.noTransitionsRedraw()),i||(l||"svg")!==(f||"svg")?this.refresh():Object.keys(c).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:r}=this.props,s=Object.assign({},e,{position:"relative"});return l.createElement(v.Provider,{value:this.contextValue},l.createElement("div",{style:s,ref:e=>this._element=e,className:t},r))}instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.props,r=this.getGaugeOptions();this.gaugeInstance=new t(this.element,r,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:s.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:a.canUseDOM&&window.getComputedStyle(this.element).direction||"ltr")}getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:r}=this.props;let s=Object.assign({renderAs:e,transitions:t});return r&&(s=r(s)),s}trigger(e,t){const r=this.observersStore.getState();for(let s=0;s<r.length;s++)r[s].trigger(e,t)}};b.propTypes={dir:r.string,renderAs:r.oneOf(["svg","canvas"])},b.defaultProps={renderAs:"svg"};let y=b;s.registerForIntl(y);const C=class extends l.Component{constructor(e,t){super(e,t),this.state={arcCenterStyles:null,arcCenterValue:{value:0,color:""}},this._element=null,this.gaugeObserver=new n.InstanceObserver(this,{render:"onRender"}),t.observersStore.dispatch({type:"add",payload:this.gaugeObserver})}render(){const{render:e}=this.props,{arcCenterStyles:t,arcCenterValue:r}=this.state,s=t||{zIndex:-1};let n=null;return e&&(n=l.createElement("div",{className:"k-arcgauge-label",ref:e=>this._element=e,style:s},e(r.value,r.color))),n}onRender(e){if(!this._element)return;const t=e.sender.gaugeInstance,r=this._element.offsetWidth,s=this._element.offsetHeight,n=t.centerLabelPosition(r,s);this.setState({arcCenterStyles:{left:n.left,top:n.top},arcCenterValue:{value:t.value(),color:t.currentColor()}})}};C.contextType=v;let I=C;class O extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.gaugeType=n.ArcGauge,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{value:t,color:r,colors:s,opacity:n,scale:a}=this.props;return Object.assign({},e,{value:t,color:r,colors:s,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:r,className:s,...n}=this.props;return l.createElement(y,{...n,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>this._baseGauge=e,gaugeConstructor:this.gaugeType,getTarget:this.getTarget,className:a.classNames("k-gauge k-arcgauge",s)},e,l.createElement(I,{render:r||t}))}exportVisual(e){return null!==this.gaugeInstance&&this.element?i.drawDOM(this.element,e):Promise.resolve(new i.Group)}}let G=class extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:r}=this.props;return Object.assign({},e,{pointer:t,scale:r})}}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,...r}=this.props;return l.createElement(y,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>this._baseGauge=e,gaugeConstructor:n.LinearGauge,getTarget:this.getTarget,className:a.classNames("k-gauge",t)},e)}exportVisual(e){return null!==this.gaugeInstance?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new i.Group)}};class _ extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:r}=this.props;return Object.assign({},e,{pointer:t,scale:r})}}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,...r}=this.props;return l.createElement(y,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:e=>this._baseGauge=e,gaugeConstructor:n.RadialGauge,getTarget:this.getTarget,className:a.classNames("k-gauge",t)},e)}exportVisual(e){return null!==this.gaugeInstance?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new i.Group)}}e.ArcGauge=O,e.CircularGauge=class extends O{constructor(){super(...arguments),this.gaugeType=n.CircularGauge}},e.LinearGauge=G,e.RadialGauge=_}));