@progress/kendo-react-chart-wizard 14.2.1-develop.3 → 14.2.1

package/components/panels/ConfigurationPanel.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import e from "react";
+import * as e from "react";
 import { FormElement as S } from "@progress/kendo-react-form";
 import { ExpansionPanel as E, ExpansionPanelContent as A } from "@progress/kendo-react-layout";
-import { updateState as l, ActionTypes as s, stopPropagation as h, dropdownlistCommonProps as u, isCategorical as y } from "../../utils.mjs";
+import { updateState as s, ActionTypes as l, stopPropagation as h, dropdownlistCommonProps as u, isCategorical as y } from "../../utils.mjs";
 import { FormFieldSet as g } from "../FormFieldSet.mjs";
 import { useLocalization as v } from "@progress/kendo-react-intl";
 import { configuration as L, messages as o, configurationXAxis as b, configurationCategoryAxis as F, configurationSeries as P, configurationValueAxis as k } from "../../messages.mjs";
@@ -16,21 +16,21 @@ import { DropDownList as m } from "@progress/kendo-react-dropdowns";
 import { SeriesGrid as D } from "../SeriesGrid.mjs";
 import { Reveal as w } from "@progress/kendo-react-animation";
 const Y = (i) => {
-  const a = v(), t = i.state, r = t.seriesType, [c, f] = e.useState(!0), d = e.useCallback((n) => {
+  const a = v(), t = i.state, r = t.seriesType, [c, f] = e.useState(!0), C = e.useCallback((n) => {
     f(!n.expanded);
-  }, []), C = e.useCallback(
+  }, []), d = e.useCallback(
     (n) => {
-      i.onStateChange(l(t, s.categoryAxisX, n.target.value));
+      i.onStateChange(s(t, l.categoryAxisX, n.target.value));
     },
     [t]
   ), p = e.useCallback(
     (n) => {
-      i.onStateChange(l(t, s.seriesChange, n));
+      i.onStateChange(s(t, l.seriesChange, n));
     },
     [t]
   ), x = e.useCallback(
     (n) => {
-      i.onStateChange(l(t, s.valueAxisY, n.target.value));
+      i.onStateChange(s(t, l.valueAxisY, n.target.value));
     },
     [t]
   );
@@ -41,7 +41,7 @@ const Y = (i) => {
       title: a.toLanguageString(L, o.configuration),
       expanded: c,
       tabIndex: 0,
-      onAction: d
+      onAction: C
     },
     /* @__PURE__ */ e.createElement(w, null, c && /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(S, { onKeyDown: h }, /* @__PURE__ */ e.createElement(
       g,
@@ -56,7 +56,7 @@ const Y = (i) => {
         {
           data: t.columns || [],
           value: t.categoryField,
-          onChange: C,
+          onChange: d,
           ...u
         }
       )

package/components/panels/LegendPanel.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
 import { ChartWizardPanelProps } from '../../types/ChartWizardPanelProps.js';
+import * as React from 'react';
 interface LegendPanelProps extends ChartWizardPanelProps {
 }
 /**

package/components/panels/LegendPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),C=require("@progress/kendo-react-layout"),w=require("@progress/kendo-react-form"),R=require("@progress/kendo-react-labels"),r=require("../FormField.js"),m=require("@progress/kendo-react-dropdowns"),P=require("@progress/kendo-react-inputs"),T=require("@progress/kendo-react-intl"),t=require("../../messages.js"),e=require("../../utils.js"),q=require("@progress/kendo-react-animation"),A=s=>{var L,f,S,b,p,h,v;const i=T.useLocalization(),l=s.state,[c,F]=o.useState(!1),x=o.useCallback(n=>{F(!n.expanded)},[]),u=[{value:"top",text:i.toLanguageString(t.formatLegendPositionTop,t.messages.formatLegendPositionTop)},{value:"bottom",text:i.toLanguageString(t.formatLegendPositionBottom,t.messages.formatLegendPositionBottom)},{value:"left",text:i.toLanguageString(t.formatLegendPositionLeft,t.messages.formatLegendPositionLeft)},{value:"right",text:i.toLanguageString(t.formatLegendPositionRight,t.messages.formatLegendPositionRight)}],E=n=>{s.onStateChange(e.updateState(l,e.ActionTypes.legendVisible,n.value))},k=n=>{const a=n.target.value||e.nullItem;e.ensureValue(a)&&s.onStateChange(e.updateState(l,e.ActionTypes.legendFontSize,a.value))},y=n=>{const a=n.target.value||e.nullItem;s.onStateChange(e.updateState(l,e.ActionTypes.legendFontName,a.value))},I=n=>{s.onStateChange(e.updateState(l,e.ActionTypes.legendColor,n.value))},z=n=>{const a=n.target.value;s.onStateChange(e.updateState(l,e.ActionTypes.legendPosition,a.value))};return o.createElement(C.ExpansionPanel,{style:{maxWidth:"576px"},title:i.toLanguageString(t.formatLegend,t.messages.formatLegend),expanded:c,tabIndex:0,onAction:x},o.createElement(q.Reveal,null,c&&o.createElement(C.ExpansionPanelContent,null,o.createElement(w.FormElement,{onKeyDown:e.stopPropagation},o.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},o.createElement(R.Label,{editorId:"show-legend"},i.toLanguageString(t.formatLegendShowLegend,t.messages.formatLegendShowLegend)),o.createElement(P.Switch,{id:"show-legend",checked:(L=l.legend)==null?void 0:L.visible,onChange:E}),o.createElement(r.FormField,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:i.toLanguageString(t.formatLegendFont,t.messages.formatLegendFont)},o.createElement(m.ComboBox,{id:"legendLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:i.toLanguageString(t.formatLegendFontPlaceholder,t.messages.formatLegendFontPlaceholder),value:e.fontNames.find(n=>{var a,d,g;return n.value===((g=e.parseFont(((d=(a=l.legend)==null?void 0:a.labels)==null?void 0:d.font)||""))==null?void 0:g.name)})||e.nullItem,onChange:y,itemRender:e.itemRender,disabled:((f=l.legend)==null?void 0:f.visible)===!1,...e.dropdownlistCommonProps})),o.createElement(r.FormField,{editorId:"legendLabelsSize",labelText:i.toLanguageString(t.formatLegendSize,t.messages.formatLegendSize)},o.createElement(m.ComboBox,{id:"legendLabelsSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:i.toLanguageString(t.formatLegendSizePlaceholder,t.messages.formatLegendSizePlaceholder),value:e.fontSizes.find(n=>{var a,d,g;return n.value===((g=e.parseFont(((d=(a=l.legend)==null?void 0:a.labels)==null?void 0:d.font)||""))==null?void 0:g.size)})||e.nullItem,onChange:k,disabled:((S=l.legend)==null?void 0:S.visible)===!1,allowCustom:!0,...e.dropdownlistCommonProps})),o.createElement(r.FormField,{editorId:"legendLabelsColor",labelText:i.toLanguageString(t.formatLegendColor,t.messages.formatLegendColor)},o.createElement(P.ColorPicker,{id:"legendLabelsColor",value:((p=(b=l.legend)==null?void 0:b.labels)==null?void 0:p.color)||"",onChange:I,disabled:((h=l.legend)==null?void 0:h.visible)===!1,view:"gradient",fillMode:"outline"})),o.createElement(r.FormField,{className:"k-col-span-2",editorId:"legendPosition",labelText:i.toLanguageString(t.formatLegendPosition,t.messages.formatLegendPosition)},o.createElement(m.DropDownList,{id:"legendPosition",data:u,textField:"text",dataItemKey:"value",value:u.find(n=>{var a;return n.value===((a=l.legend)==null?void 0:a.position)}),onChange:z,disabled:((v=l.legend)==null?void 0:v.visible)===!1,...e.dropdownlistCommonProps})))))))};exports.LegendPanel=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),C=require("@progress/kendo-react-layout"),R=require("@progress/kendo-react-form"),T=require("@progress/kendo-react-labels"),m=require("../FormField.js"),c=require("@progress/kendo-react-dropdowns"),P=require("@progress/kendo-react-inputs"),q=require("@progress/kendo-react-intl"),t=require("../../messages.js"),e=require("../../utils.js"),N=require("@progress/kendo-react-animation");function A(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(l,n,d.get?d:{enumerable:!0,get:()=>s[n]})}}return l.default=s,Object.freeze(l)}const a=A(w),D=s=>{var L,f,S,b,p,v,h;const l=q.useLocalization(),n=s.state,[d,F]=a.useState(!1),x=a.useCallback(o=>{F(!o.expanded)},[]),u=[{value:"top",text:l.toLanguageString(t.formatLegendPositionTop,t.messages.formatLegendPositionTop)},{value:"bottom",text:l.toLanguageString(t.formatLegendPositionBottom,t.messages.formatLegendPositionBottom)},{value:"left",text:l.toLanguageString(t.formatLegendPositionLeft,t.messages.formatLegendPositionLeft)},{value:"right",text:l.toLanguageString(t.formatLegendPositionRight,t.messages.formatLegendPositionRight)}],E=o=>{s.onStateChange(e.updateState(n,e.ActionTypes.legendVisible,o.value))},y=o=>{const i=o.target.value||e.nullItem;e.ensureValue(i)&&s.onStateChange(e.updateState(n,e.ActionTypes.legendFontSize,i.value))},k=o=>{const i=o.target.value||e.nullItem;s.onStateChange(e.updateState(n,e.ActionTypes.legendFontName,i.value))},z=o=>{s.onStateChange(e.updateState(n,e.ActionTypes.legendColor,o.value))},I=o=>{const i=o.target.value;s.onStateChange(e.updateState(n,e.ActionTypes.legendPosition,i.value))};return a.createElement(C.ExpansionPanel,{style:{maxWidth:"576px"},title:l.toLanguageString(t.formatLegend,t.messages.formatLegend),expanded:d,tabIndex:0,onAction:x},a.createElement(N.Reveal,null,d&&a.createElement(C.ExpansionPanelContent,null,a.createElement(R.FormElement,{onKeyDown:e.stopPropagation},a.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},a.createElement(T.Label,{editorId:"show-legend"},l.toLanguageString(t.formatLegendShowLegend,t.messages.formatLegendShowLegend)),a.createElement(P.Switch,{id:"show-legend",checked:(L=n.legend)==null?void 0:L.visible,onChange:E}),a.createElement(m.FormField,{className:"k-col-span-2",editorId:"legendLabelsFont",labelText:l.toLanguageString(t.formatLegendFont,t.messages.formatLegendFont)},a.createElement(c.ComboBox,{id:"legendLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(t.formatLegendFontPlaceholder,t.messages.formatLegendFontPlaceholder),value:e.fontNames.find(o=>{var i,g,r;return o.value===((r=e.parseFont(((g=(i=n.legend)==null?void 0:i.labels)==null?void 0:g.font)||""))==null?void 0:r.name)})||e.nullItem,onChange:k,itemRender:e.itemRender,disabled:((f=n.legend)==null?void 0:f.visible)===!1,...e.dropdownlistCommonProps})),a.createElement(m.FormField,{editorId:"legendLabelsSize",labelText:l.toLanguageString(t.formatLegendSize,t.messages.formatLegendSize)},a.createElement(c.ComboBox,{id:"legendLabelsSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:l.toLanguageString(t.formatLegendSizePlaceholder,t.messages.formatLegendSizePlaceholder),value:e.fontSizes.find(o=>{var i,g,r;return o.value===((r=e.parseFont(((g=(i=n.legend)==null?void 0:i.labels)==null?void 0:g.font)||""))==null?void 0:r.size)})||e.nullItem,onChange:y,disabled:((S=n.legend)==null?void 0:S.visible)===!1,allowCustom:!0,...e.dropdownlistCommonProps})),a.createElement(m.FormField,{editorId:"legendLabelsColor",labelText:l.toLanguageString(t.formatLegendColor,t.messages.formatLegendColor)},a.createElement(P.ColorPicker,{id:"legendLabelsColor",value:((p=(b=n.legend)==null?void 0:b.labels)==null?void 0:p.color)||"",onChange:z,disabled:((v=n.legend)==null?void 0:v.visible)===!1,view:"gradient",fillMode:"outline"})),a.createElement(m.FormField,{className:"k-col-span-2",editorId:"legendPosition",labelText:l.toLanguageString(t.formatLegendPosition,t.messages.formatLegendPosition)},a.createElement(c.DropDownList,{id:"legendPosition",data:u,textField:"text",dataItemKey:"value",value:u.find(o=>{var i;return o.value===((i=n.legend)==null?void 0:i.position)}),onChange:I,disabled:((h=n.legend)==null?void 0:h.visible)===!1,...e.dropdownlistCommonProps})))))))};exports.LegendPanel=D;

package/components/panels/LegendPanel.mjs

@@ -5,37 +5,37 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import t from "react";
+import * as t from "react";
 import { ExpansionPanel as K, ExpansionPanelContent as A } from "@progress/kendo-react-layout";
 import { FormElement as B } from "@progress/kendo-react-form";
 import { Label as D } from "@progress/kendo-react-labels";
 import { FormField as s } from "../FormField.mjs";
 import { ComboBox as P, DropDownList as V } from "@progress/kendo-react-dropdowns";
-import { Switch as _, ColorPicker as M } from "@progress/kendo-react-inputs";
-import { useLocalization as W } from "@progress/kendo-react-intl";
-import { formatLegendPositionTop as j, messages as l, formatLegendPositionBottom as q, formatLegendPositionLeft as G, formatLegendPositionRight as H, formatLegend as J, formatLegendShowLegend as O, formatLegendFont as Q, formatLegendFontPlaceholder as U, formatLegendSize as X, formatLegendSizePlaceholder as Y, formatLegendColor as Z, formatLegendPosition as $ } from "../../messages.mjs";
+import { Switch as M, ColorPicker as W } from "@progress/kendo-react-inputs";
+import { useLocalization as j } from "@progress/kendo-react-intl";
+import { formatLegendPositionTop as q, messages as l, formatLegendPositionBottom as G, formatLegendPositionLeft as H, formatLegendPositionRight as J, formatLegend as O, formatLegendShowLegend as Q, formatLegendFont as U, formatLegendFontPlaceholder as X, formatLegendSize as Y, formatLegendSizePlaceholder as Z, formatLegendColor as _, formatLegendPosition as $ } from "../../messages.mjs";
 import { stopPropagation as ee, dropdownlistCommonProps as f, itemRender as te, nullItem as L, fontNames as E, parseFont as F, fontSizes as z, updateState as r, ActionTypes as m, ensureValue as ne } from "../../utils.mjs";
 import { Reveal as oe } from "@progress/kendo-react-animation";
-const ue = (i) => {
+const ce = (i) => {
   var S, h, v, b, p, C, x;
-  const a = W(), o = i.state, [c, w] = t.useState(!1), I = t.useCallback((e) => {
+  const a = j(), o = i.state, [c, w] = t.useState(!1), I = t.useCallback((e) => {
     w(!e.expanded);
   }, []), u = [
     {
       value: "top",
-      text: a.toLanguageString(j, l.formatLegendPositionTop)
+      text: a.toLanguageString(q, l.formatLegendPositionTop)
     },
     {
       value: "bottom",
-      text: a.toLanguageString(q, l.formatLegendPositionBottom)
+      text: a.toLanguageString(G, l.formatLegendPositionBottom)
     },
     {
       value: "left",
-      text: a.toLanguageString(G, l.formatLegendPositionLeft)
+      text: a.toLanguageString(H, l.formatLegendPositionLeft)
     },
     {
       value: "right",
-      text: a.toLanguageString(H, l.formatLegendPositionRight)
+      text: a.toLanguageString(J, l.formatLegendPositionRight)
     }
   ], k = (e) => {
     i.onStateChange(r(o, m.legendVisible, e.value));
@@ -55,16 +55,16 @@ const ue = (i) => {
     K,
     {
       style: { maxWidth: "576px" },
-      title: a.toLanguageString(J, l.formatLegend),
+      title: a.toLanguageString(O, l.formatLegend),
       expanded: c,
       tabIndex: 0,
       onAction: I
     },
     /* @__PURE__ */ t.createElement(oe, null, c && /* @__PURE__ */ t.createElement(A, null, /* @__PURE__ */ t.createElement(B, { onKeyDown: ee }, /* @__PURE__ */ t.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ t.createElement(D, { editorId: "show-legend" }, a.toLanguageString(
-      O,
+      Q,
       l.formatLegendShowLegend
     )), /* @__PURE__ */ t.createElement(
-      _,
+      M,
       {
         id: "show-legend",
         checked: (S = o.legend) == null ? void 0 : S.visible,
@@ -76,7 +76,7 @@ const ue = (i) => {
         className: "k-col-span-2",
         editorId: "legendLabelsFont",
         labelText: a.toLanguageString(
-          Q,
+          U,
           l.formatLegendFont
         )
       },
@@ -88,7 +88,7 @@ const ue = (i) => {
           textField: "text",
           dataItemKey: "value",
           placeholder: a.toLanguageString(
-            U,
+            X,
             l.formatLegendFontPlaceholder
           ),
           value: E.find(
@@ -108,7 +108,7 @@ const ue = (i) => {
       {
         editorId: "legendLabelsSize",
         labelText: a.toLanguageString(
-          X,
+          Y,
           l.formatLegendSize
         )
       },
@@ -120,7 +120,7 @@ const ue = (i) => {
           textField: "text",
           dataItemKey: "value",
           placeholder: a.toLanguageString(
-            Y,
+            Z,
             l.formatLegendSizePlaceholder
           ),
           value: z.find(
@@ -140,12 +140,12 @@ const ue = (i) => {
       {
         editorId: "legendLabelsColor",
         labelText: a.toLanguageString(
-          Z,
+          _,
           l.formatLegendColor
         )
       },
       /* @__PURE__ */ t.createElement(
-        M,
+        W,
         {
           id: "legendLabelsColor",
           value: ((p = (b = o.legend) == null ? void 0 : b.labels) == null ? void 0 : p.color) || "",
@@ -185,5 +185,5 @@ const ue = (i) => {
   );
 };
 export {
-  ue as LegendPanel
+  ce as LegendPanel
 };

package/components/panels/SeriesPanel.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
 import { ChartWizardPanelProps } from '../../types/ChartWizardPanelProps.js';
+import * as React from 'react';
 interface SeriesPanelProps extends ChartWizardPanelProps {
 }
 /**

package/components/panels/SeriesPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),y=require("@progress/kendo-react-layout"),F=require("@progress/kendo-react-form"),m=require("../FormField.js"),v=require("@progress/kendo-react-inputs"),n=require("../../utils.js"),o=require("../../messages.js"),q=require("@progress/kendo-react-intl"),T=require("@progress/kendo-react-dropdowns"),w=require("@progress/kendo-react-animation"),P=l=>{var g,p,f,b,C;const[s,d]=t.useState(""),r=q.useLocalization(),a=l.state,u=a.seriesType,E=typeof((g=a.series[0])==null?void 0:g.stack)=="object"?(p=a.series[0])==null?void 0:p.stack.type:!1,[S,h]=t.useState(!1),k=t.useCallback(e=>{h(!e.expanded)},[]),x=e=>{s&&l.onStateChange(n.updateState(a,n.ActionTypes.seriesColor,{seriesName:s,color:e.value}))},L=e=>{l.onStateChange(n.updateState(a,n.ActionTypes.seriesLabel,{seriesName:s,all:!s,visible:e.value}))},c={name:r.toLanguageString(o.formatSeriesAllSeries,o.messages.formatSeriesAllSeries)},A=e=>{const i=e.target.value.name;d(i===c.name?"":i)};return t.useEffect(()=>{d("")},[u,E]),t.createElement(y.ExpansionPanel,{style:{maxWidth:"576px"},title:r.toLanguageString(o.formatSeries,o.messages.formatSeries),expanded:S,tabIndex:0,onAction:k},t.createElement(w.Reveal,null,S&&t.createElement(y.ExpansionPanelContent,null,t.createElement(F.FormElement,{onKeyDown:n.stopPropagation},t.createElement(m.FormField,{editorId:"apply-to-series",labelText:r.toLanguageString(o.formatSeriesApplyTo,o.messages.formatSeriesApplyTo)},t.createElement(T.DropDownList,{id:"apply-to-series",data:a.series,textField:"name",dataItemKey:"name",defaultItem:c,disabled:!n.isCategorical(u),value:a.series.find(e=>e.name===s)||c,onChange:A,...n.dropdownlistCommonProps})),t.createElement(m.FormField,{editorId:"seriesColor",labelText:r.toLanguageString(o.formatSeriesColor,o.messages.formatSeriesColor)},t.createElement(v.ColorPicker,{id:"seriesColor",value:s?(f=a.series.find(e=>e.name===s))==null?void 0:f.color:"",onChange:x,disabled:!s,view:"gradient",fillMode:"outline"})),t.createElement(m.FormField,null,t.createElement(v.Checkbox,{label:r.toLanguageString(o.formatSeriesShowLabels,o.messages.formatSeriesShowLabels),checked:s?(C=(b=a.series.find(e=>e.name===s))==null?void 0:b.labels)==null?void 0:C.visible:a.series.every(e=>{var i;return(i=e.labels)==null?void 0:i.visible}),onChange:L}))))))};exports.SeriesPanel=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),C=require("@progress/kendo-react-layout"),q=require("@progress/kendo-react-form"),d=require("../FormField.js"),v=require("@progress/kendo-react-inputs"),l=require("../../utils.js"),n=require("../../messages.js"),P=require("@progress/kendo-react-intl"),T=require("@progress/kendo-react-dropdowns"),w=require("@progress/kendo-react-animation");function R(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:()=>o[i]})}}return t.default=o,Object.freeze(t)}const a=R(F),D=o=>{var g,p,f,b,y;const[t,i]=a.useState(""),r=P.useLocalization(),s=o.state,u=s.seriesType,E=typeof((g=s.series[0])==null?void 0:g.stack)=="object"?(p=s.series[0])==null?void 0:p.stack.type:!1,[S,h]=a.useState(!1),k=a.useCallback(e=>{h(!e.expanded)},[]),x=e=>{t&&o.onStateChange(l.updateState(s,l.ActionTypes.seriesColor,{seriesName:t,color:e.value}))},L=e=>{o.onStateChange(l.updateState(s,l.ActionTypes.seriesLabel,{seriesName:t,all:!t,visible:e.value}))},m={name:r.toLanguageString(n.formatSeriesAllSeries,n.messages.formatSeriesAllSeries)},A=e=>{const c=e.target.value.name;i(c===m.name?"":c)};return a.useEffect(()=>{i("")},[u,E]),a.createElement(C.ExpansionPanel,{style:{maxWidth:"576px"},title:r.toLanguageString(n.formatSeries,n.messages.formatSeries),expanded:S,tabIndex:0,onAction:k},a.createElement(w.Reveal,null,S&&a.createElement(C.ExpansionPanelContent,null,a.createElement(q.FormElement,{onKeyDown:l.stopPropagation},a.createElement(d.FormField,{editorId:"apply-to-series",labelText:r.toLanguageString(n.formatSeriesApplyTo,n.messages.formatSeriesApplyTo)},a.createElement(T.DropDownList,{id:"apply-to-series",data:s.series,textField:"name",dataItemKey:"name",defaultItem:m,disabled:!l.isCategorical(u),value:s.series.find(e=>e.name===t)||m,onChange:A,...l.dropdownlistCommonProps})),a.createElement(d.FormField,{editorId:"seriesColor",labelText:r.toLanguageString(n.formatSeriesColor,n.messages.formatSeriesColor)},a.createElement(v.ColorPicker,{id:"seriesColor",value:t?(f=s.series.find(e=>e.name===t))==null?void 0:f.color:"",onChange:x,disabled:!t,view:"gradient",fillMode:"outline"})),a.createElement(d.FormField,null,a.createElement(v.Checkbox,{label:r.toLanguageString(n.formatSeriesShowLabels,n.messages.formatSeriesShowLabels),checked:t?(y=(b=s.series.find(e=>e.name===t))==null?void 0:b.labels)==null?void 0:y.visible:s.series.every(e=>{var c;return(c=e.labels)==null?void 0:c.visible}),onChange:L}))))))};exports.SeriesPanel=D;

package/components/panels/SeriesPanel.mjs

@@ -5,19 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import t from "react";
+import * as t from "react";
 import { ExpansionPanel as k, ExpansionPanelContent as w } from "@progress/kendo-react-layout";
 import { FormElement as T } from "@progress/kendo-react-form";
 import { FormField as m } from "../FormField.mjs";
 import { ColorPicker as P, Checkbox as I } from "@progress/kendo-react-inputs";
 import { stopPropagation as D, dropdownlistCommonProps as F, isCategorical as z, updateState as b, ActionTypes as v } from "../../utils.mjs";
-import { formatSeriesAllSeries as K, messages as i, formatSeries as N, formatSeriesApplyTo as R, formatSeriesColor as _, formatSeriesShowLabels as j } from "../../messages.mjs";
-import { useLocalization as M } from "@progress/kendo-react-intl";
-import { DropDownList as W } from "@progress/kendo-react-dropdowns";
-import { Reveal as q } from "@progress/kendo-react-animation";
+import { formatSeriesAllSeries as K, messages as i, formatSeries as N, formatSeriesApplyTo as R, formatSeriesColor as j, formatSeriesShowLabels as M } from "../../messages.mjs";
+import { useLocalization as W } from "@progress/kendo-react-intl";
+import { DropDownList as q } from "@progress/kendo-react-dropdowns";
+import { Reveal as B } from "@progress/kendo-react-animation";
 const Z = (n) => {
-  var f, p, g, u, C;
-  const [a, c] = t.useState(""), r = M(), o = n.state, d = o.seriesType, E = typeof ((f = o.series[0]) == null ? void 0 : f.stack) == "object" ? (p = o.series[0]) == null ? void 0 : p.stack.type : !1, [S, h] = t.useState(!1), x = t.useCallback((e) => {
+  var p, f, g, u, C;
+  const [a, c] = t.useState(""), r = W(), o = n.state, S = o.seriesType, E = typeof ((p = o.series[0]) == null ? void 0 : p.stack) == "object" ? (f = o.series[0]) == null ? void 0 : f.stack.type : !1, [d, h] = t.useState(!1), x = t.useCallback((e) => {
     h(!e.expanded);
   }, []), y = (e) => {
     a && n.onStateChange(
@@ -39,16 +39,16 @@ const Z = (n) => {
   };
   return t.useEffect(() => {
     c("");
-  }, [d, E]), /* @__PURE__ */ t.createElement(
+  }, [S, E]), /* @__PURE__ */ t.createElement(
     k,
     {
       style: { maxWidth: "576px" },
       title: r.toLanguageString(N, i.formatSeries),
-      expanded: S,
+      expanded: d,
       tabIndex: 0,
       onAction: x
     },
-    /* @__PURE__ */ t.createElement(q, null, S && /* @__PURE__ */ t.createElement(w, null, /* @__PURE__ */ t.createElement(T, { onKeyDown: D }, /* @__PURE__ */ t.createElement(
+    /* @__PURE__ */ t.createElement(B, null, d && /* @__PURE__ */ t.createElement(w, null, /* @__PURE__ */ t.createElement(T, { onKeyDown: D }, /* @__PURE__ */ t.createElement(
       m,
       {
         editorId: "apply-to-series",
@@ -58,14 +58,14 @@ const Z = (n) => {
         )
       },
       /* @__PURE__ */ t.createElement(
-        W,
+        q,
         {
           id: "apply-to-series",
           data: o.series,
           textField: "name",
           dataItemKey: "name",
           defaultItem: l,
-          disabled: !z(d),
+          disabled: !z(S),
           value: o.series.find((e) => e.name === a) || l,
           onChange: A,
           ...F
@@ -75,7 +75,7 @@ const Z = (n) => {
       m,
       {
         editorId: "seriesColor",
-        labelText: r.toLanguageString(_, i.formatSeriesColor)
+        labelText: r.toLanguageString(j, i.formatSeriesColor)
       },
       /* @__PURE__ */ t.createElement(
         P,
@@ -92,7 +92,7 @@ const Z = (n) => {
       I,
       {
         label: r.toLanguageString(
-          j,
+          M,
           i.formatSeriesShowLabels
         ),
         checked: a ? (C = (u = o.series.find((e) => e.name === a)) == null ? void 0 : u.labels) == null ? void 0 : C.visible : o.series.every((e) => {

package/components/panels/ValueAxisPanel.d.ts

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as React } from 'react';
 import { ChartWizardPanelProps } from '../../types/ChartWizardPanelProps.js';
+import * as React from 'react';
 interface ValueAxisPanelProps extends ChartWizardPanelProps {
 }
 /**

package/components/panels/ValueAxisPanel.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),h=require("@progress/kendo-react-layout"),M=require("@progress/kendo-react-form"),E=require("../FormFieldSet.js"),m=require("../FormField.js"),g=require("@progress/kendo-react-inputs"),e=require("../../utils.js"),a=require("../../messages.js"),Y=require("@progress/kendo-react-intl"),j=require("@progress/kendo-react-animation"),x=require("@progress/kendo-react-dropdowns"),O=u=>{var f,v,F,b,L,S,V,C,T,p;const s=Y.useLocalization(),n=u.state,y=n.seriesType,d={text:s.toLanguageString(a.formatValueAxisLabelsFormatText,a.messages.formatValueAxisLabelsFormatText),value:""},c=[{value:"n0",text:s.toLanguageString(a.formatValueAxisLabelsFormatNumber,a.messages.formatValueAxisLabelsFormatNumber)},{value:"c0",text:s.toLanguageString(a.formatValueAxisLabelsFormatCurrency,a.messages.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:s.toLanguageString(a.formatValueAxisLabelsFormatPercent,a.messages.formatValueAxisLabelsFormatPercent)}],[A,z]=l.useState(!1),I=l.useCallback(t=>{z(!t.expanded)},[]),P=t=>{u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisTitleText,t.target.value))},k=t=>{const o=t.target.value||e.nullItem;e.ensureValue(o)&&u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisTitleFontSize,o.value))},R=t=>{const o=t.target.value||e.nullItem;u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisTitleFontName,o.value))},N=t=>{u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisTitleColor,t.value))},w=t=>{const o=t.target.value||e.nullItem;e.ensureValue(o)&&u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsFontSize,o.value))},q=t=>{const o=t.target.value||e.nullItem;u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsFontName,o.value))},K=t=>{u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsColor,t.value))},B=t=>{u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsRotation,t.target.value))},D=t=>{const o=t.target.value;u.onStateChange(e.updateState(n,e.ActionTypes.valueAxisLabelsFormat,o.value))};return l.createElement(h.ExpansionPanel,{style:{maxWidth:"576px"},title:y==="scatter"?s.toLanguageString(a.formatYAxis,a.messages.formatYAxis):s.toLanguageString(a.formatValueAxis,a.messages.formatValueAxis),expanded:A,tabIndex:0,onAction:I},l.createElement(j.Reveal,null,A&&l.createElement(h.ExpansionPanelContent,null,l.createElement(M.FormElement,{onKeyDown:e.stopPropagation},l.createElement(E.FormFieldSet,{legend:s.toLanguageString(a.formatValueAxisTitle,a.messages.formatValueAxisTitle)},l.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},l.createElement(m.FormField,{className:"k-col-span-2"},l.createElement(g.Input,{placeholder:s.toLanguageString(a.formatValueAxisTitlePlaceholder,a.messages.formatValueAxisTitlePlaceholder),value:((v=(f=n.valueAxis[0])==null?void 0:f.title)==null?void 0:v.text)||"",onChange:P})),l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:s.toLanguageString(a.formatValueAxisTitleFont,a.messages.formatValueAxisTitleFont)},l.createElement(x.ComboBox,{id:"valueAxisTitleFont",data:e.fontNames,textField:"text",dataItemKey:"value",itemRender:e.itemRender,placeholder:s.toLanguageString(a.formatValueAxisTitleFontPlaceholder,a.messages.formatValueAxisTitleFontPlaceholder),value:e.fontNames.find(t=>{var o,i,r;return t.value===((r=e.parseFont(((i=(o=n.valueAxis[0])==null?void 0:o.title)==null?void 0:i.font)||""))==null?void 0:r.name)})||e.nullItem,onChange:R,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisTitleFontSize",labelText:s.toLanguageString(a.formatValueAxisTitleSize,a.messages.formatValueAxisTitleSize)},l.createElement(x.ComboBox,{id:"valueAxisTitleFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:s.toLanguageString(a.formatValueAxisTitleSizePlaceholder,a.messages.formatValueAxisTitleSizePlaceholder),value:e.fontSizes.find(t=>{var o,i,r;return t.value===((r=e.parseFont(((i=(o=n.valueAxis[0])==null?void 0:o.title)==null?void 0:i.font)||""))==null?void 0:r.size)})||e.nullItem,onChange:k,allowCustom:!0,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisTitleColor",labelText:s.toLanguageString(a.formatValueAxisTitleColor,a.messages.formatValueAxisTitleColor)},l.createElement(g.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:((b=(F=n.valueAxis[0])==null?void 0:F.title)==null?void 0:b.color)||"",onChange:N,fillMode:"outline"})))),l.createElement(E.FormFieldSet,{legend:s.toLanguageString(a.formatValueAxisLabels,a.messages.formatValueAxisLabels)},l.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:s.toLanguageString(a.formatValueAxisLabelsFormat,a.messages.formatValueAxisLabelsFormat)},l.createElement(x.DropDownList,{id:"valueAxisLabelsFormat",data:c,textField:"text",dataItemKey:"value",defaultItem:d,value:c.find(t=>{var o,i;return t.value===((i=(o=n.valueAxis[0])==null?void 0:o.labels)==null?void 0:i.format)})||d,onChange:D,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:s.toLanguageString(a.formatValueAxisLabelsFont,a.messages.formatValueAxisLabelsFont)},l.createElement(x.ComboBox,{id:"valueAxisLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:s.toLanguageString(a.formatValueAxisLabelsFontPlaceholder,a.messages.formatValueAxisLabelsFontPlaceholder),value:e.fontNames.find(t=>{var o,i,r;return t.value===((r=e.parseFont(((i=(o=n.valueAxis[0])==null?void 0:o.labels)==null?void 0:i.font)||""))==null?void 0:r.name)})||e.nullItem,onChange:q,itemRender:e.itemRender,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisLabelsFontSize",labelText:s.toLanguageString(a.formatValueAxisLabelsSize,a.messages.formatValueAxisLabelsSize)},l.createElement(x.ComboBox,{id:"valueAxisLabelsFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:s.toLanguageString(a.formatValueAxisLabelsSizePlaceholder,a.messages.formatValueAxisLabelsSizePlaceholder),value:e.fontSizes.find(t=>{var o,i,r;return t.value===((r=e.parseFont(((i=(o=n.valueAxis[0])==null?void 0:o.labels)==null?void 0:i.font)||""))==null?void 0:r.size)})||e.nullItem,onChange:w,allowCustom:!0,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisLabelsColor",labelText:s.toLanguageString(a.formatValueAxisLabelsColor,a.messages.formatValueAxisLabelsColor)},l.createElement(g.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:((S=(L=n.valueAxis[0])==null?void 0:L.labels)==null?void 0:S.color)||"",onChange:K,fillMode:"outline"})),l.createElement(m.FormField,{editorId:"valueAxisLabelsRotation",labelText:s.toLanguageString(a.formatValueAxisLabelsRotation,a.messages.formatValueAxisLabelsRotation)},l.createElement(g.NumericTextBox,{id:"valueAxisLabelsRotation",value:typeof((C=(V=n.valueAxis[0])==null?void 0:V.labels)==null?void 0:C.rotation)=="number"?(p=(T=n.valueAxis[0])==null?void 0:T.labels)==null?void 0:p.rotation:null,placeholder:s.toLanguageString(a.formatValueAxisLabelsRotationAuto,a.messages.formatValueAxisLabelsRotationAuto),onChange:B,fillMode:"outline",min:-360,max:360,step:1}))))))))};exports.ValueAxisPanel=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),E=require("@progress/kendo-react-layout"),B=require("@progress/kendo-react-form"),y=require("../FormFieldSet.js"),m=require("../FormField.js"),x=require("@progress/kendo-react-inputs"),e=require("../../utils.js"),a=require("../../messages.js"),M=require("@progress/kendo-react-intl"),_=require("@progress/kendo-react-animation"),g=require("@progress/kendo-react-dropdowns");function Y(i){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const s in i)if(s!=="default"){const d=Object.getOwnPropertyDescriptor(i,s);Object.defineProperty(o,s,d.get?d:{enumerable:!0,get:()=>i[s]})}}return o.default=i,Object.freeze(o)}const l=Y(j),W=i=>{var v,b,F,L,S,V,C,T,p,h;const o=M.useLocalization(),s=i.state,d=s.seriesType,c={text:o.toLanguageString(a.formatValueAxisLabelsFormatText,a.messages.formatValueAxisLabelsFormatText),value:""},A=[{value:"n0",text:o.toLanguageString(a.formatValueAxisLabelsFormatNumber,a.messages.formatValueAxisLabelsFormatNumber)},{value:"c0",text:o.toLanguageString(a.formatValueAxisLabelsFormatCurrency,a.messages.formatValueAxisLabelsFormatCurrency)},{value:"p0",text:o.toLanguageString(a.formatValueAxisLabelsFormatPercent,a.messages.formatValueAxisLabelsFormatPercent)}],[f,z]=l.useState(!1),P=l.useCallback(t=>{z(!t.expanded)},[]),I=t=>{i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisTitleText,t.target.value))},k=t=>{const n=t.target.value||e.nullItem;e.ensureValue(n)&&i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisTitleFontSize,n.value))},R=t=>{const n=t.target.value||e.nullItem;i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisTitleFontName,n.value))},N=t=>{i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisTitleColor,t.value))},w=t=>{const n=t.target.value||e.nullItem;e.ensureValue(n)&&i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisLabelsFontSize,n.value))},q=t=>{const n=t.target.value||e.nullItem;i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisLabelsFontName,n.value))},D=t=>{i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisLabelsColor,t.value))},K=t=>{i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisLabelsRotation,t.target.value))},O=t=>{const n=t.target.value;i.onStateChange(e.updateState(s,e.ActionTypes.valueAxisLabelsFormat,n.value))};return l.createElement(E.ExpansionPanel,{style:{maxWidth:"576px"},title:d==="scatter"?o.toLanguageString(a.formatYAxis,a.messages.formatYAxis):o.toLanguageString(a.formatValueAxis,a.messages.formatValueAxis),expanded:f,tabIndex:0,onAction:P},l.createElement(_.Reveal,null,f&&l.createElement(E.ExpansionPanelContent,null,l.createElement(B.FormElement,{onKeyDown:e.stopPropagation},l.createElement(y.FormFieldSet,{legend:o.toLanguageString(a.formatValueAxisTitle,a.messages.formatValueAxisTitle)},l.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},l.createElement(m.FormField,{className:"k-col-span-2"},l.createElement(x.Input,{placeholder:o.toLanguageString(a.formatValueAxisTitlePlaceholder,a.messages.formatValueAxisTitlePlaceholder),value:((b=(v=s.valueAxis[0])==null?void 0:v.title)==null?void 0:b.text)||"",onChange:I})),l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisTitleFont",labelText:o.toLanguageString(a.formatValueAxisTitleFont,a.messages.formatValueAxisTitleFont)},l.createElement(g.ComboBox,{id:"valueAxisTitleFont",data:e.fontNames,textField:"text",dataItemKey:"value",itemRender:e.itemRender,placeholder:o.toLanguageString(a.formatValueAxisTitleFontPlaceholder,a.messages.formatValueAxisTitleFontPlaceholder),value:e.fontNames.find(t=>{var n,r,u;return t.value===((u=e.parseFont(((r=(n=s.valueAxis[0])==null?void 0:n.title)==null?void 0:r.font)||""))==null?void 0:u.name)})||e.nullItem,onChange:R,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisTitleFontSize",labelText:o.toLanguageString(a.formatValueAxisTitleSize,a.messages.formatValueAxisTitleSize)},l.createElement(g.ComboBox,{id:"valueAxisTitleFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(a.formatValueAxisTitleSizePlaceholder,a.messages.formatValueAxisTitleSizePlaceholder),value:e.fontSizes.find(t=>{var n,r,u;return t.value===((u=e.parseFont(((r=(n=s.valueAxis[0])==null?void 0:n.title)==null?void 0:r.font)||""))==null?void 0:u.size)})||e.nullItem,onChange:k,allowCustom:!0,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisTitleColor",labelText:o.toLanguageString(a.formatValueAxisTitleColor,a.messages.formatValueAxisTitleColor)},l.createElement(x.ColorPicker,{id:"valueAxisTitleColor",view:"gradient",value:((L=(F=s.valueAxis[0])==null?void 0:F.title)==null?void 0:L.color)||"",onChange:N,fillMode:"outline"})))),l.createElement(y.FormFieldSet,{legend:o.toLanguageString(a.formatValueAxisLabels,a.messages.formatValueAxisLabels)},l.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4"},l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisLabelsFormat",labelText:o.toLanguageString(a.formatValueAxisLabelsFormat,a.messages.formatValueAxisLabelsFormat)},l.createElement(g.DropDownList,{id:"valueAxisLabelsFormat",data:A,textField:"text",dataItemKey:"value",defaultItem:c,value:A.find(t=>{var n,r;return t.value===((r=(n=s.valueAxis[0])==null?void 0:n.labels)==null?void 0:r.format)})||c,onChange:O,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{className:"k-col-span-2",editorId:"valueAxisLabelsFont",labelText:o.toLanguageString(a.formatValueAxisLabelsFont,a.messages.formatValueAxisLabelsFont)},l.createElement(g.ComboBox,{id:"valueAxisLabelsFont",data:e.fontNames,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(a.formatValueAxisLabelsFontPlaceholder,a.messages.formatValueAxisLabelsFontPlaceholder),value:e.fontNames.find(t=>{var n,r,u;return t.value===((u=e.parseFont(((r=(n=s.valueAxis[0])==null?void 0:n.labels)==null?void 0:r.font)||""))==null?void 0:u.name)})||e.nullItem,onChange:q,itemRender:e.itemRender,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisLabelsFontSize",labelText:o.toLanguageString(a.formatValueAxisLabelsSize,a.messages.formatValueAxisLabelsSize)},l.createElement(g.ComboBox,{id:"valueAxisLabelsFontSize",data:e.fontSizes,textField:"text",dataItemKey:"value",placeholder:o.toLanguageString(a.formatValueAxisLabelsSizePlaceholder,a.messages.formatValueAxisLabelsSizePlaceholder),value:e.fontSizes.find(t=>{var n,r,u;return t.value===((u=e.parseFont(((r=(n=s.valueAxis[0])==null?void 0:n.labels)==null?void 0:r.font)||""))==null?void 0:u.size)})||e.nullItem,onChange:w,allowCustom:!0,...e.dropdownlistCommonProps})),l.createElement(m.FormField,{editorId:"valueAxisLabelsColor",labelText:o.toLanguageString(a.formatValueAxisLabelsColor,a.messages.formatValueAxisLabelsColor)},l.createElement(x.ColorPicker,{id:"valueAxisLabelsColor",view:"gradient",value:((V=(S=s.valueAxis[0])==null?void 0:S.labels)==null?void 0:V.color)||"",onChange:D,fillMode:"outline"})),l.createElement(m.FormField,{editorId:"valueAxisLabelsRotation",labelText:o.toLanguageString(a.formatValueAxisLabelsRotation,a.messages.formatValueAxisLabelsRotation)},l.createElement(x.NumericTextBox,{id:"valueAxisLabelsRotation",value:typeof((T=(C=s.valueAxis[0])==null?void 0:C.labels)==null?void 0:T.rotation)=="number"?(h=(p=s.valueAxis[0])==null?void 0:p.labels)==null?void 0:h.rotation:null,placeholder:o.toLanguageString(a.formatValueAxisLabelsRotationAuto,a.messages.formatValueAxisLabelsRotationAuto),onChange:K,fillMode:"outline",min:-360,max:360,step:1}))))))))};exports.ValueAxisPanel=W;

package/components/panels/ValueAxisPanel.mjs

@@ -5,20 +5,20 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import a from "react";
-import { ExpansionPanel as J, ExpansionPanelContent as O } from "@progress/kendo-react-layout";
-import { FormElement as Q } from "@progress/kendo-react-form";
+import * as a from "react";
+import { ExpansionPanel as O, ExpansionPanelContent as Q } from "@progress/kendo-react-layout";
+import { FormElement as U } from "@progress/kendo-react-form";
 import { FormFieldSet as N } from "../FormFieldSet.mjs";
 import { FormField as u } from "../FormField.mjs";
-import { Input as U, ColorPicker as y, NumericTextBox as X } from "@progress/kendo-react-inputs";
-import { stopPropagation as Z, dropdownlistCommonProps as A, nullItem as g, itemRender as k, fontNames as d, parseFont as c, fontSizes as f, updateState as m, ActionTypes as x, ensureValue as R } from "../../utils.mjs";
-import { formatValueAxisLabelsFormatText as $, messages as o, formatValueAxisLabelsFormatNumber as ee, formatValueAxisLabelsFormatCurrency as ae, formatValueAxisLabelsFormatPercent as te, formatYAxis as le, formatValueAxis as oe, formatValueAxisTitle as ie, formatValueAxisTitlePlaceholder as ne, formatValueAxisTitleFont as re, formatValueAxisTitleFontPlaceholder as se, formatValueAxisTitleSize as ue, formatValueAxisTitleSizePlaceholder as me, formatValueAxisTitleColor as xe, formatValueAxisLabels as ge, formatValueAxisLabelsFormat as Ae, formatValueAxisLabelsFont as de, formatValueAxisLabelsFontPlaceholder as ce, formatValueAxisLabelsSize as fe, formatValueAxisLabelsSizePlaceholder as ve, formatValueAxisLabelsColor as Le, formatValueAxisLabelsRotation as be, formatValueAxisLabelsRotationAuto as Ve } from "../../messages.mjs";
+import { Input as X, ColorPicker as y, NumericTextBox as Z } from "@progress/kendo-react-inputs";
+import { stopPropagation as _, dropdownlistCommonProps as A, nullItem as g, itemRender as k, fontNames as c, parseFont as d, fontSizes as f, updateState as m, ActionTypes as x, ensureValue as R } from "../../utils.mjs";
+import { formatValueAxisLabelsFormatText as $, messages as o, formatValueAxisLabelsFormatNumber as ee, formatValueAxisLabelsFormatCurrency as ae, formatValueAxisLabelsFormatPercent as te, formatYAxis as le, formatValueAxis as oe, formatValueAxisTitle as ie, formatValueAxisTitlePlaceholder as ne, formatValueAxisTitleFont as se, formatValueAxisTitleFontPlaceholder as re, formatValueAxisTitleSize as ue, formatValueAxisTitleSizePlaceholder as me, formatValueAxisTitleColor as xe, formatValueAxisLabels as ge, formatValueAxisLabelsFormat as Ae, formatValueAxisLabelsFont as ce, formatValueAxisLabelsFontPlaceholder as de, formatValueAxisLabelsSize as fe, formatValueAxisLabelsSizePlaceholder as ve, formatValueAxisLabelsColor as Le, formatValueAxisLabelsRotation as be, formatValueAxisLabelsRotationAuto as Ve } from "../../messages.mjs";
 import { useLocalization as Se } from "@progress/kendo-react-intl";
 import { Reveal as Fe } from "@progress/kendo-react-animation";
 import { ComboBox as v, DropDownList as Ce } from "@progress/kendo-react-dropdowns";
-const we = (s) => {
+const Re = (r) => {
   var S, F, C, h, T, E, p, z, P, I;
-  const l = Se(), i = s.state, w = i.seriesType, L = {
+  const l = Se(), i = r.state, w = i.seriesType, L = {
     text: l.toLanguageString($, o.formatValueAxisLabelsFormatText),
     value: ""
   }, b = [
@@ -46,31 +46,31 @@ const we = (s) => {
   ], [V, K] = a.useState(!1), D = a.useCallback((e) => {
     K(!e.expanded);
   }, []), M = (e) => {
-    s.onStateChange(m(i, x.valueAxisTitleText, e.target.value));
+    r.onStateChange(m(i, x.valueAxisTitleText, e.target.value));
   }, B = (e) => {
     const t = e.target.value || g;
-    R(t) && s.onStateChange(m(i, x.valueAxisTitleFontSize, t.value));
+    R(t) && r.onStateChange(m(i, x.valueAxisTitleFontSize, t.value));
   }, Y = (e) => {
     const t = e.target.value || g;
-    s.onStateChange(m(i, x.valueAxisTitleFontName, t.value));
-  }, _ = (e) => {
-    s.onStateChange(m(i, x.valueAxisTitleColor, e.value));
+    r.onStateChange(m(i, x.valueAxisTitleFontName, t.value));
   }, W = (e) => {
-    const t = e.target.value || g;
-    R(t) && s.onStateChange(m(i, x.valueAxisLabelsFontSize, t.value));
+    r.onStateChange(m(i, x.valueAxisTitleColor, e.value));
   }, j = (e) => {
     const t = e.target.value || g;
-    s.onStateChange(m(i, x.valueAxisLabelsFontName, t.value));
+    R(t) && r.onStateChange(m(i, x.valueAxisLabelsFontSize, t.value));
   }, q = (e) => {
-    s.onStateChange(m(i, x.valueAxisLabelsColor, e.value));
+    const t = e.target.value || g;
+    r.onStateChange(m(i, x.valueAxisLabelsFontName, t.value));
   }, G = (e) => {
-    s.onStateChange(m(i, x.valueAxisLabelsRotation, e.target.value));
+    r.onStateChange(m(i, x.valueAxisLabelsColor, e.value));
   }, H = (e) => {
+    r.onStateChange(m(i, x.valueAxisLabelsRotation, e.target.value));
+  }, J = (e) => {
     const t = e.target.value;
-    s.onStateChange(m(i, x.valueAxisLabelsFormat, t.value));
+    r.onStateChange(m(i, x.valueAxisLabelsFormat, t.value));
   };
   return /* @__PURE__ */ a.createElement(
-    J,
+    O,
     {
       style: { maxWidth: "576px" },
       title: w === "scatter" ? l.toLanguageString(le, o.formatYAxis) : l.toLanguageString(oe, o.formatValueAxis),
@@ -78,7 +78,7 @@ const we = (s) => {
       tabIndex: 0,
       onAction: D
     },
-    /* @__PURE__ */ a.createElement(Fe, null, V && /* @__PURE__ */ a.createElement(O, null, /* @__PURE__ */ a.createElement(Q, { onKeyDown: Z }, /* @__PURE__ */ a.createElement(
+    /* @__PURE__ */ a.createElement(Fe, null, V && /* @__PURE__ */ a.createElement(Q, null, /* @__PURE__ */ a.createElement(U, { onKeyDown: _ }, /* @__PURE__ */ a.createElement(
       N,
       {
         legend: l.toLanguageString(
@@ -87,7 +87,7 @@ const we = (s) => {
         )
       },
       /* @__PURE__ */ a.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4" }, /* @__PURE__ */ a.createElement(u, { className: "k-col-span-2" }, /* @__PURE__ */ a.createElement(
-        U,
+        X,
         {
           placeholder: l.toLanguageString(
             ne,
@@ -102,7 +102,7 @@ const we = (s) => {
           className: "k-col-span-2",
           editorId: "valueAxisTitleFont",
           labelText: l.toLanguageString(
-            re,
+            se,
             o.formatValueAxisTitleFont
           )
         },
@@ -110,18 +110,18 @@ const we = (s) => {
           v,
           {
             id: "valueAxisTitleFont",
-            data: d,
+            data: c,
             textField: "text",
             dataItemKey: "value",
             itemRender: k,
             placeholder: l.toLanguageString(
-              se,
+              re,
               o.formatValueAxisTitleFontPlaceholder
             ),
-            value: d.find(
+            value: c.find(
               (e) => {
-                var t, n, r;
-                return e.value === ((r = c(((n = (t = i.valueAxis[0]) == null ? void 0 : t.title) == null ? void 0 : n.font) || "")) == null ? void 0 : r.name);
+                var t, n, s;
+                return e.value === ((s = d(((n = (t = i.valueAxis[0]) == null ? void 0 : t.title) == null ? void 0 : n.font) || "")) == null ? void 0 : s.name);
               }
             ) || g,
             onChange: Y,
@@ -150,8 +150,8 @@ const we = (s) => {
             ),
             value: f.find(
               (e) => {
-                var t, n, r;
-                return e.value === ((r = c(((n = (t = i.valueAxis[0]) == null ? void 0 : t.title) == null ? void 0 : n.font) || "")) == null ? void 0 : r.size);
+                var t, n, s;
+                return e.value === ((s = d(((n = (t = i.valueAxis[0]) == null ? void 0 : t.title) == null ? void 0 : n.font) || "")) == null ? void 0 : s.size);
               }
             ) || g,
             onChange: B,
@@ -174,7 +174,7 @@ const we = (s) => {
             id: "valueAxisTitleColor",
             view: "gradient",
             value: ((h = (C = i.valueAxis[0]) == null ? void 0 : C.title) == null ? void 0 : h.color) || "",
-            onChange: _,
+            onChange: W,
             fillMode: "outline"
           }
         )
@@ -211,7 +211,7 @@ const we = (s) => {
                 return e.value === ((n = (t = i.valueAxis[0]) == null ? void 0 : t.labels) == null ? void 0 : n.format);
               }
             ) || L,
-            onChange: H,
+            onChange: J,
             ...A
           }
         )
@@ -221,7 +221,7 @@ const we = (s) => {
           className: "k-col-span-2",
           editorId: "valueAxisLabelsFont",
           labelText: l.toLanguageString(
-            de,
+            ce,
             o.formatValueAxisLabelsFont
           )
         },
@@ -229,20 +229,20 @@ const we = (s) => {
           v,
           {
             id: "valueAxisLabelsFont",
-            data: d,
+            data: c,
             textField: "text",
             dataItemKey: "value",
             placeholder: l.toLanguageString(
-              ce,
+              de,
               o.formatValueAxisLabelsFontPlaceholder
             ),
-            value: d.find(
+            value: c.find(
               (e) => {
-                var t, n, r;
-                return e.value === ((r = c(((n = (t = i.valueAxis[0]) == null ? void 0 : t.labels) == null ? void 0 : n.font) || "")) == null ? void 0 : r.name);
+                var t, n, s;
+                return e.value === ((s = d(((n = (t = i.valueAxis[0]) == null ? void 0 : t.labels) == null ? void 0 : n.font) || "")) == null ? void 0 : s.name);
               }
             ) || g,
-            onChange: j,
+            onChange: q,
             itemRender: k,
             ...A
           }
@@ -269,11 +269,11 @@ const we = (s) => {
             ),
             value: f.find(
               (e) => {
-                var t, n, r;
-                return e.value === ((r = c(((n = (t = i.valueAxis[0]) == null ? void 0 : t.labels) == null ? void 0 : n.font) || "")) == null ? void 0 : r.size);
+                var t, n, s;
+                return e.value === ((s = d(((n = (t = i.valueAxis[0]) == null ? void 0 : t.labels) == null ? void 0 : n.font) || "")) == null ? void 0 : s.size);
               }
             ) || g,
-            onChange: W,
+            onChange: j,
             allowCustom: !0,
             ...A
           }
@@ -293,7 +293,7 @@ const we = (s) => {
             id: "valueAxisLabelsColor",
             view: "gradient",
             value: ((E = (T = i.valueAxis[0]) == null ? void 0 : T.labels) == null ? void 0 : E.color) || "",
-            onChange: q,
+            onChange: G,
             fillMode: "outline"
           }
         )
@@ -307,7 +307,7 @@ const we = (s) => {
           )
         },
         /* @__PURE__ */ a.createElement(
-          X,
+          Z,
           {
             id: "valueAxisLabelsRotation",
             value: typeof ((z = (p = i.valueAxis[0]) == null ? void 0 : p.labels) == null ? void 0 : z.rotation) == "number" ? (I = (P = i.valueAxis[0]) == null ? void 0 : P.labels) == null ? void 0 : I.rotation : null,
@@ -315,7 +315,7 @@ const we = (s) => {
               Ve,
               o.formatValueAxisLabelsRotationAuto
             ),
-            onChange: G,
+            onChange: H,
             fillMode: "outline",
             min: -360,
             max: 360,
@@ -327,5 +327,5 @@ const we = (s) => {
   );
 };
 export {
-  we as ValueAxisPanel
+  Re as ValueAxisPanel
 };