@progress/kendo-react-gauges 6.1.1 → 7.0.0-develop.2

package/index.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ArcGauge } from './ArcGauge';
+import { type ArcGaugeProps } from './ArcGaugeProps';
+import { CircularGauge } from './CircularGauge';
+import { type CircularGaugeProps } from './CircularGaugeProps';
+import { LinearGauge } from './LinearGauge';
+import { type LinearGaugeProps } from './LinearGaugeProps';
+import { RadialGauge } from './RadialGauge';
+import { type RadialGaugeProps } from './RadialGaugeProps';
+export * from './common/gauges';
+export * from './types';
+export { ArcGauge, ArcGaugeProps, CircularGauge, CircularGaugeProps, LinearGauge, LinearGaugeProps, RadialGauge, RadialGaugeProps };

package/index.js

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

package/index.mjs

@@ -0,0 +1,502 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as o from "react";
+import * as b from "prop-types";
+import { provideIntlService as y, registerForIntl as E } from "@progress/kendo-react-intl";
+import { chartBaseTheme as C, InstanceObserver as N, ArcGauge as R, CircularGauge as V, LinearGauge as A, RadialGauge as F } from "@progress/kendo-charts";
+import { canUseDOM as I, validatePackage as j, classNames as d } from "@progress/kendo-react-common";
+import { drawDOM as D, Group as m } from "@progress/kendo-drawing";
+const L = `
+    <div class="k-var--gauge-pointer"></div>
+    <div class="k-var--gauge-track"></div>
+    <div class="k-var--normal-text-color"></div>
+`;
+class U {
+  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 z = (r, e, t) => {
+  const s = new U(r);
+  if (typeof t > "u") {
+    r.dispatch({ type: "push", payload: C() });
+    return;
+  }
+  const n = s.element = t.createElement("div");
+  n.style.display = "none", n.innerHTML = L, t.body.appendChild(n);
+  try {
+    r.dispatch({ type: "push", payload: C() }), s.setColors();
+  } finally {
+    t.body.removeChild(s.element), delete s.element, e();
+  }
+}, M = 1e3 / 60, W = (r) => {
+  let e, t, s = [];
+  const n = () => e, a = (l) => {
+    e = r(e, l), I && (window.clearTimeout(t), t = window.setTimeout(() => s.forEach((c) => c()), M));
+  }, i = (l) => (s.push(l), () => s = s.filter((c) => c !== l));
+  return a({}), { getState: n, dispatch: a, subscribe: i };
+}, O = W, $ = (r, e) => {
+  if (e.type)
+    switch (e.type) {
+      case "set":
+        return q.themeItem(r, e);
+      case "push":
+        return Object.assign(r, e.payload);
+      default:
+        return r;
+    }
+  else
+    return {};
+}, K = (r, e) => {
+  if (e.type)
+    switch (e.type) {
+      case "add":
+        return [...r, e.payload];
+      case "remove":
+        return r.filter((t) => t !== e.payload);
+      default:
+        return r;
+    }
+  else
+    return [];
+}, q = {
+  configurationItem(r, e) {
+    return Object.assign(r, {
+      [e.gaugeKey]: e.payload
+    });
+  },
+  collectionConfigurationItem(r, e) {
+    let t = !1;
+    const [s, n] = e.gaugeCollectionIdxKey.split("_"), a = r[s].map((i, l) => parseInt(n, 10) === l ? (t = !0, e.payload) : i);
+    return t === !1 && a.splice(parseInt(n, 10), 0, e.payload), Object.assign(r, {
+      [s]: a
+    });
+  },
+  themeItem(r, e) {
+    let t = {}, s = Object.assign(t, r);
+    const { field: n, value: a } = e.payload, i = n.split(".");
+    let l = i.shift();
+    for (; i.length > 0; )
+      t = t[l] = t[l] || {}, l = i.shift();
+    return t[l] = a, s;
+  }
+}, G = (r) => typeof r == "object", S = (r, e) => {
+  if (Object.keys(r).length !== Object.keys(e).length)
+    return !0;
+  for (let t in r)
+    if (t !== "value" && r.hasOwnProperty(t)) {
+      const s = r[t], n = e[t];
+      if (G(s) && G(n) ? S(s, n) : s !== n)
+        return !0;
+    }
+  return !1;
+}, H = (r, e) => {
+  if (!r || !e || (r = [].concat(r), e = [].concat(e), r.length !== e.length))
+    return !0;
+  for (let t = 0; t < r.length; t++)
+    if (S(r[t], e[t]))
+      return !0;
+  return !1;
+}, f = o.createContext(null);
+f.displayName = "GaugeContext";
+const B = {
+  name: "@progress/kendo-react-gauges",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1700573624,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+};
+class u extends o.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 }));
+    }, j(B), this.themeStore = O($), this.observersStore = O(K), 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;
+    z(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: s,
+      deriveOptionsFromParent: n,
+      getTarget: a,
+      gaugeConstructor: i,
+      className: l,
+      renderAs: c,
+      ...h
+    } = this.props, {
+      dir: Q,
+      children: X,
+      deriveOptionsFromParent: Y,
+      getTarget: Z,
+      gaugeConstructor: ee,
+      className: te,
+      renderAs: w,
+      ...x
+    } = e;
+    if (this.gaugeInstance !== null) {
+      const p = y(this), T = this.gaugeInstance.contextService, P = p.locale !== T._intlService.locale, v = H(x, h), g = h;
+      P && (this.gaugeInstance.contextService._intlService = p, this.gaugeInstance.contextService.format._intlService = p, v || this.gaugeInstance.noTransitionsRedraw()), v || (c || "svg") !== (w || "svg") ? this.refresh() : Object.keys(h).indexOf("pointer") > -1 ? Array.isArray(g.pointer) ? this.refreshAllValues(g.pointer.map((k) => k.value)) : this.refreshValue((g.pointer || {}).value) : this.refreshValue(g.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: s } = this.props, n = Object.assign({}, e, { position: "relative" });
+    return /* @__PURE__ */ o.createElement(f.Provider, { value: this.contextValue }, /* @__PURE__ */ o.createElement(
+      "div",
+      {
+        style: n,
+        ref: (a) => this._element = a,
+        className: t
+      },
+      s
+    ));
+  }
+  /**
+   * @hidden
+   */
+  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: y(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 : (() => I && window.getComputedStyle(this.element).direction)() || "ltr") === "rtl";
+  }
+  /**
+   * @hidden
+   */
+  getGaugeOptions() {
+    const {
+      renderAs: e,
+      transitions: t,
+      deriveOptionsFromParent: s
+    } = this.props;
+    let n = Object.assign(
+      {
+        renderAs: e,
+        transitions: t
+      }
+    );
+    return s && (n = s(n)), n;
+  }
+  /**
+   * @hidden
+   */
+  trigger(e, t) {
+    const s = this.observersStore.getState();
+    for (let n = 0; n < s.length; n++)
+      s[n].trigger(e, t);
+  }
+}
+u.propTypes = {
+  dir: b.string,
+  renderAs: b.oneOf(["svg", "canvas"])
+};
+u.defaultProps = {
+  renderAs: "svg"
+};
+E(u);
+class _ extends o.Component {
+  constructor(e, t) {
+    super(e, t), this.state = {
+      arcCenterStyles: null,
+      arcCenterValue: {
+        value: 0,
+        color: ""
+      }
+    }, this._element = null, this.gaugeObserver = new N(this, {
+      render: "onRender"
+    }), t.observersStore.dispatch({
+      type: "add",
+      payload: this.gaugeObserver
+    });
+  }
+  render() {
+    const { render: e } = this.props, { arcCenterStyles: t, arcCenterValue: s } = this.state, n = t || { zIndex: -1 };
+    let a = null;
+    return e && (a = /* @__PURE__ */ o.createElement(
+      "div",
+      {
+        className: "k-arcgauge-label",
+        ref: (i) => this._element = i,
+        style: n
+      },
+      e(s.value, s.color)
+    )), a;
+  }
+  onRender(e) {
+    if (!this._element)
+      return;
+    const t = e.sender.gaugeInstance, s = this._element.offsetWidth, n = this._element.offsetHeight, a = t.centerLabelPosition(s, n);
+    this.setState({
+      arcCenterStyles: {
+        left: a.left,
+        top: a.top
+      },
+      arcCenterValue: {
+        value: t.value(),
+        color: t.currentColor()
+      }
+    });
+  }
+}
+_.contextType = f;
+class J extends o.Component {
+  constructor() {
+    super(...arguments), this._baseGauge = null, this.gaugeType = R, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => {
+      const { value: t, color: s, colors: n, opacity: a, scale: i } = this.props;
+      return Object.assign({}, e, {
+        value: t,
+        color: s,
+        colors: n,
+        opacity: a,
+        scale: i
+      });
+    };
+  }
+  /**
+   * @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: t, centerRender: s, className: n, ...a } = this.props;
+    return /* @__PURE__ */ o.createElement(
+      u,
+      {
+        ...a,
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        ref: (i) => this._baseGauge = i,
+        gaugeConstructor: this.gaugeType,
+        getTarget: this.getTarget,
+        className: d("k-gauge k-arcgauge", n)
+      },
+      e,
+      /* @__PURE__ */ o.createElement(_, { render: s || t })
+    );
+  }
+  /**
+   * 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 ? D(this.element, e) : Promise.resolve(new m());
+  }
+}
+class oe extends J {
+  constructor() {
+    super(...arguments), this.gaugeType = V;
+  }
+}
+class le extends o.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
+      });
+    };
+  }
+  /**
+   * @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, ...s } = this.props;
+    return /* @__PURE__ */ o.createElement(
+      u,
+      {
+        ...s,
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        ref: (n) => this._baseGauge = n,
+        gaugeConstructor: A,
+        getTarget: this.getTarget,
+        className: d("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 m());
+  }
+}
+class ue extends o.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
+      });
+    };
+  }
+  /**
+   * @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, ...s } = this.props;
+    return /* @__PURE__ */ o.createElement(
+      u,
+      {
+        ...s,
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        ref: (n) => this._baseGauge = n,
+        gaugeConstructor: F,
+        getTarget: this.getTarget,
+        className: d("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 m());
+  }
+}
+export {
+  J as ArcGauge,
+  oe as CircularGauge,
+  le as LinearGauge,
+  ue as RadialGauge
+};

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,20 +1,32 @@
 {
   "name": "@progress/kendo-react-gauges",
+  "version": "7.0.0-develop.2",
   "description": "React Gauges provide a set of React components for building beautiful and customizable gauges. KendoReact Gauges package",
-  "version": "6.1.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-charts": "^1.32.0",
+    "@progress/kendo-drawing": "^1.17.2",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-common": "7.0.0-develop.2",
+    "@progress/kendo-react-intl": "7.0.0-develop.2",
+    "hammerjs": "^2.0.0",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/gauges/.*",
-    "build-package": "gulp build-package"
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -28,41 +40,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-intl": "^6.0.0",
-    "hammerjs": "^2.0.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-charts": "^1.32.0",
-    "@progress/kendo-react-common": "6.1.1",
-    "prop-types": "^15.6.0"
-  },
-  "devDependencies": {
-    "@progress/kendo-data-query": "^1.0.0",
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-file-saver": "^1.0.1",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-buttons": "6.1.1",
-    "@progress/kendo-react-dropdowns": "6.1.1",
-    "@progress/kendo-react-inputs": "6.1.1",
-    "@progress/kendo-react-intl": "6.1.1",
-    "cldr-core": "^41.0.0",
-    "cldr-dates-full": "^41.0.0",
-    "cldr-numbers-full": "^41.0.0",
-    "hammerjs": "^2.0.0"
-  },
   "@progress": {
     "friendlyName": "Gauges",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "sideEffects": false
-}
+  }
+}

package/{dist/npm/store → store}/reducer.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { StoreAction } from './store';
 /**
  * @hidden

package/{dist/es/store → store}/store.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 /**
  * @hidden
  */

package/theming/theme-service.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Store } from './../store/store';
+/**
+ * @hidden
+ */
+declare const loadTheme: (store: Store, done: any, doc: Document) => void;
+export { loadTheme };

package/{dist/npm/types → types}/arc-scale.interface.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { RadialLabels } from './radial-labels.interface';
 import { Scale } from './scale.interface';
 import { LineCap } from './line-cap';