@progress/kendo-react-gauges 7.2.4-develop.2 → 7.2.4-develop.4

package/index.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
-*-------------------------------------------------------------------------------------------*/
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),C=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 R(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 o=R(N),j=`
-    <div class="k-var--gauge-pointer"></div>
-    <div class="k-var--gauge-track"></div>
-    <div class="k-var--normal-text-color"></div>
-`;class D{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 E=(s,e,t)=>{const r=new D(s);if(typeof t=="undefined"){s.dispatch({type:"push",payload:u.chartBaseTheme()});return}const n=r.element=t.createElement("div");n.style.display="none",n.innerHTML=j,t.body.appendChild(n);try{s.dispatch({type:"push",payload:u.chartBaseTheme()}),r.setColors()}finally{t.body.removeChild(r.element),delete r.element,e()}},V=1e3/60,A=s=>{let e,t,r=[];const n=()=>e,a=l=>{e=s(e,l),c.canUseDOM&&(window.clearTimeout(t),t=window.setTimeout(()=>r.forEach(h=>h()),V))},i=l=>(r.push(l),()=>r=r.filter(h=>h!==l));return a({}),{getState:n,dispatch:a,subscribe:i}},O=A,F=(s,e)=>{if(e.type)switch(e.type){case"set":return U.themeItem(s,e);case"push":return Object.assign(s,e.payload);default:return s}else return{}},M=(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[]},U={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((i,l)=>parseInt(n,10)===l?(t=!0,e.payload):i);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,i=n.split(".");let l=i.shift();for(;i.length>0;)t=t[l]=t[l]||{},l=i.shift();return t[l]=a,r}},G=s=>typeof s=="object",I=(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(G(r)&&G(n)?I(r,n):r!==n)return!0}return!1},q=(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(I(s[t],e[t]))return!0;return!1},b=o.createContext(null);b.displayName="GaugeContext";const L={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(L),this.themeStore=O(F),this.observersStore=O(M),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){var t;const e=((t=this._element)==null?void 0:t.ownerDocument)||document;E(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:i,className:l,renderAs:h,...m}=this.props,{dir:B,children:H,deriveOptionsFromParent:$,getTarget:J,gaugeConstructor:Q,className:X,renderAs:w,...T}=e;if(this.gaugeInstance!==null){const f=v.provideIntlService(this),P=this.gaugeInstance.contextService,x=f.locale!==P._intlService.locale,y=q(T,m),d=m;x&&(this.gaugeInstance.contextService._intlService=f,this.gaugeInstance.contextService.format._intlService=f,y||this.gaugeInstance.noTransitionsRedraw()),y||(h||"svg")!==(w||"svg")?this.refresh():Object.keys(m).indexOf("pointer")>-1?Array.isArray(d.pointer)?this.refreshAllValues(d.pointer.map(k=>k.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:r}=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},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:(()=>c.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)}}g.propTypes={dir:C.string,renderAs:C.oneOf(["svg","canvas"])};g.defaultProps={renderAs:"svg"};v.registerForIntl(g);class S 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:r}=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(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()}})}}S.contextType=b;class _ extends o.Component{constructor(){super(...arguments),this._baseGauge=null,this.gaugeType=u.ArcGauge,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{value:t,color:r,colors:n,opacity:a,scale:i}=this.props;return Object.assign({},e,{value:t,color:r,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:r,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(S,{render:r||t}))}exportVisual(e){return this.gaugeInstance!==null&&this.element?p.drawDOM(this.element,e):Promise.resolve(new p.Group)}}class z extends _{constructor(){super(...arguments),this.gaugeType=u.CircularGauge}}class W extends o.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 o.createElement(g,{...r,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 K extends o.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 o.createElement(g,{...r,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=_;exports.CircularGauge=z;exports.LinearGauge=W;exports.RadialGauge=K;
+/**
+ * @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"),a=require("./CircularGauge.js"),r=require("./LinearGauge.js"),u=require("./RadialGauge.js");exports.ArcGauge=e.ArcGauge;exports.CircularGauge=a.CircularGauge;exports.LinearGauge=r.LinearGauge;exports.RadialGauge=u.RadialGauge;

package/index.mjs

@@ -1,503 +1,18 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
+/**
+ * @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 o from "react";
-import 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 == "undefined") {
-    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: 1709198446,
-  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 le extends J {
-  constructor() {
-    super(...arguments), this.gaugeType = V;
-  }
-}
-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: 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 ce 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());
-  }
-}
+import { ArcGauge as a } from "./ArcGauge.mjs";
+import { CircularGauge as u } from "./CircularGauge.mjs";
+import { LinearGauge as f } from "./LinearGauge.mjs";
+import { RadialGauge as i } from "./RadialGauge.mjs";
 export {
-  J as ArcGauge,
-  le as CircularGauge,
-  ue as LinearGauge,
-  ce as RadialGauge
+  a as ArcGauge,
+  u as CircularGauge,
+  f as LinearGauge,
+  i as RadialGauge
 };

package/package-metadata.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={name:"@progress/kendo-react-gauges",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,19 @@
+/**
+ * @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";
+const e = {
+  name: "@progress/kendo-react-gauges",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1709714559,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+};
+export {
+  e as packageMetadata
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-gauges",
-  "version": "7.2.4-develop.2",
+  "version": "7.2.4-develop.4",
   "description": "React Gauges provide a set of React components for building beautiful and customizable gauges. KendoReact Gauges package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -24,8 +24,8 @@
   "peerDependencies": {
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "7.2.4-develop.2",
-    "@progress/kendo-react-intl": "7.2.4-develop.2",
+    "@progress/kendo-react-common": "7.2.4-develop.4",
+    "@progress/kendo-react-intl": "7.2.4-develop.4",
     "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"

package/store/reducer.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=(t,e)=>{if(e.type)switch(e.type){case"set":return c.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},i=(t,e)=>{if(e.type)switch(e.type){case"add":return[...t,e.payload];case"remove":return t.filter(s=>s!==e.payload);default:return t}else return[]},c={configurationItem(t,e){return Object.assign(t,{[e.gaugeKey]:e.payload})},collectionConfigurationItem(t,e){let s=!1;const[o,n]=e.gaugeCollectionIdxKey.split("_"),u=t[o].map((r,l)=>parseInt(n,10)===l?(s=!0,e.payload):r);return s===!1&&u.splice(parseInt(n,10),0,e.payload),Object.assign(t,{[o]:u})},themeItem(t,e){let s={},o=Object.assign(s,t);const{field:n,value:u}=e.payload,r=n.split(".");let l=r.shift();for(;r.length>0;)s=s[l]=s[l]||{},l=r.shift();return s[l]=u,o}};exports.observersReducer=i;exports.themeReducer=a;

package/store/reducer.mjs

@@ -0,0 +1,58 @@
+/**
+ * @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";
+const u = (t, e) => {
+  if (e.type)
+    switch (e.type) {
+      case "set":
+        return i.themeItem(t, e);
+      case "push":
+        return Object.assign(t, e.payload);
+      default:
+        return t;
+    }
+  else
+    return {};
+}, p = (t, e) => {
+  if (e.type)
+    switch (e.type) {
+      case "add":
+        return [...t, e.payload];
+      case "remove":
+        return t.filter((s) => s !== e.payload);
+      default:
+        return t;
+    }
+  else
+    return [];
+}, i = {
+  configurationItem(t, e) {
+    return Object.assign(t, {
+      [e.gaugeKey]: e.payload
+    });
+  },
+  collectionConfigurationItem(t, e) {
+    let s = !1;
+    const [n, o] = e.gaugeCollectionIdxKey.split("_"), a = t[n].map((r, l) => parseInt(o, 10) === l ? (s = !0, e.payload) : r);
+    return s === !1 && a.splice(parseInt(o, 10), 0, e.payload), Object.assign(t, {
+      [n]: a
+    });
+  },
+  themeItem(t, e) {
+    let s = {}, n = Object.assign(s, t);
+    const { field: o, value: a } = e.payload, r = o.split(".");
+    let l = r.shift();
+    for (; r.length > 0; )
+      s = s[l] = s[l] || {}, l = r.shift();
+    return s[l] = a, n;
+  }
+};
+export {
+  p as observersReducer,
+  u as themeReducer
+};

package/store/store.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@progress/kendo-react-common"),n=1e3/60,d=i=>{let o,r,e=[];const u=()=>o,c=t=>{o=i(o,t),l.canUseDOM&&(window.clearTimeout(r),r=window.setTimeout(()=>e.forEach(s=>s()),n))},a=t=>(e.push(t),()=>e=e.filter(s=>s!==t));return c({}),{getState:u,dispatch:c,subscribe:a}};exports.THROTTLE_MS=n;exports.default=d;