@arcgis/charts-components 5.2.0-next.31 → 5.2.0-next.33

package/dist/json-schema/index.d.ts

@@ -8173,6 +8173,24 @@
                     };
                     description: string;
                 };
+                roundCorners: {
+                    type: string;
+                    properties: {
+                        rounded: {
+                            type: string;
+                            description: string;
+                            default: boolean;
+                        };
+                        cornerRadius: {
+                            type: string;
+                            description: string;
+                            minimum: number;
+                            multipleOf: number;
+                        };
+                    };
+                    required: string[];
+                    description: string;
+                };
             };
             required: string[];
             description: string;
@@ -8300,6 +8318,24 @@
                     };
                     description: string;
                 };
+                roundCorners: {
+                    type: string;
+                    properties: {
+                        rounded: {
+                            type: string;
+                            description: string;
+                            default: boolean;
+                        };
+                        cornerRadius: {
+                            type: string;
+                            description: string;
+                            minimum: number;
+                            multipleOf: number;
+                        };
+                    };
+                    required: string[];
+                    description: string;
+                };
                 innerRadius: {
                     type: string[];
                     description: string;
@@ -8447,6 +8483,24 @@
                     };
                     description: string;
                 };
+                roundCorners: {
+                    type: string;
+                    properties: {
+                        rounded: {
+                            type: string;
+                            description: string;
+                            default: boolean;
+                        };
+                        cornerRadius: {
+                            type: string;
+                            description: string;
+                            minimum: number;
+                            multipleOf: number;
+                        };
+                    };
+                    required: string[];
+                    description: string;
+                };
                 showOutliers: {
                     type: string;
                     description: string;
@@ -8587,6 +8641,24 @@
                     };
                     description: string;
                 };
+                roundCorners: {
+                    type: string;
+                    properties: {
+                        rounded: {
+                            type: string;
+                            description: string;
+                            default: boolean;
+                        };
+                        cornerRadius: {
+                            type: string;
+                            description: string;
+                            minimum: number;
+                            multipleOf: number;
+                        };
+                    };
+                    required: string[];
+                    description: string;
+                };
             };
             required: string[];
             description: string;
@@ -8722,6 +8794,24 @@
                     };
                     description: string;
                 };
+                roundCorners: {
+                    type: string;
+                    properties: {
+                        rounded: {
+                            type: string;
+                            description: string;
+                            default: boolean;
+                        };
+                        cornerRadius: {
+                            type: string;
+                            description: string;
+                            minimum: number;
+                            multipleOf: number;
+                        };
+                    };
+                    required: string[];
+                    description: string;
+                };
                 hideEmptyRowsAndColumns: {
                     type: string;
                     description: string;
@@ -8741,11 +8831,11 @@
             description: string;
             title: string;
         };
-        "Omit<(structure-1066060463-59771-61514-1066060463-59696-61515-1066060463-55801-61517-1066060463-0-64570|undefined)937098756,(\"data\"|\"orderByFields\")>": {
+        "Omit<(structure-1066060463-59738-61481-1066060463-59663-61482-1066060463-55768-62670-1066060463-0-65723|undefined)937098756,(\"data\"|\"orderByFields\")>": {
             $ref: string;
             title: string;
         };
-        "Pick<(structure-1066060463-59771-61514-1066060463-59696-61515-1066060463-55801-61517-1066060463-0-64570|undefined)937098756,Exclude<(\"series\"|\"data\"|\"orderByFields\"),(\"data\"|\"orderByFields\")>>": {
+        "Pick<(structure-1066060463-59738-61481-1066060463-59663-61482-1066060463-55768-62670-1066060463-0-65723|undefined)937098756,Exclude<(\"series\"|\"data\"|\"orderByFields\"),(\"data\"|\"orderByFields\")>>": {
             type: string;
             properties: {
                 series: {

package/dist/model/bar-chart-model/bar-chart-model.d.ts

@@ -1,9 +1,10 @@
 import type { ModelParams } from "../interfaces/chart-interfaces.js";
 import type { ModelTypes, SerialChartDataSortingKinds } from "../interfaces/common.js";
+import type { WithRoundedCorners } from "../properties/rounded-corners.js";
 import type { SerialChartModel } from "../serial-chart-model/serial-chart-model.js";
 import type { ChartConfig } from "../../utils/types/index.js";
 
-export class BarChartModel extends SerialChartModel {
+export class BarChartModel extends BarChartModelSuperclass {
   /**
    * Gets whether to hide oversized data labels of the side-by-side series based on the series index.
    * If the index is out of bounds, it will return `undefined`.
@@ -48,4 +49,5 @@ export class BarChartModel extends SerialChartModel {
    * @param params
    */
   setup(params: ModelParams<ChartConfig<typeof ModelTypes.BarChart>>): Promise<void>;
-}
+}
+declare const BarChartModelSuperclass: typeof SerialChartModel & typeof WithRoundedCorners

package/dist/model/combo-bar-line-chart-model/combo-bar-line-chart-model.d.ts

@@ -1,5 +1,6 @@
 import type { ModelParams } from "../interfaces/chart-interfaces.js";
 import type { ModelTypes } from "../interfaces/common.js";
+import type { WithRoundedCorners } from "../properties/rounded-corners.js";
 import type { WithNegativeValuesStackedToBaseline } from "../properties/series/negative-values-stacked-to-baseline.js";
 import type { SerialChartModel } from "../serial-chart-model/serial-chart-model.js";
 import type { WebChartTypes } from "../../spec/chart-object-literals.js";
@@ -16,7 +17,7 @@ export class ComboBarLineChartModel extends ComboBarLineChartModelSuperclass {
    */
   getAreaColor(seriesIndex: number): Color | undefined;
   /**
-   * Gets whether to hide oversized data labels of the side-by-side series based on the series index. '
+   * Gets whether to hide oversized data labels of the side-by-side series based on the series index.
    *
    * If the index is out of bounds, it will return `undefined`.
    *
@@ -186,4 +187,4 @@ export class ComboBarLineChartModel extends ComboBarLineChartModelSuperclass {
    */
   setup(params: ModelParams<ChartConfig<typeof ModelTypes.ComboBarLineChart>>): Promise<void>;
 }
-declare const ComboBarLineChartModelSuperclass: typeof SerialChartModel & typeof WithNegativeValuesStackedToBaseline
+declare const ComboBarLineChartModelSuperclass: typeof SerialChartModel & typeof WithRoundedCorners & typeof WithNegativeValuesStackedToBaseline

package/dist/model/properties/rounded-corners.d.ts

@@ -0,0 +1,18 @@
+import type { ChartModelBase } from "../chart-model/chart-model-base.js";
+
+/**
+ * Adds support for configuring rounded corners on charts that support it.
+ * NOTE: Currently only bar charts and the bar series in combo bar-line charts.
+ */
+export abstract class WithRoundedCorners extends ChartModelBase {
+  /**
+   * Gets the rounded corner radius for the chart.
+   * **Known limitation:** Rounded corners are not rendered when chart interactions are disabled (`interactionsDisabled` or `disableInteractions` is `true`).
+   */
+  accessor cornerRadius: number | undefined;
+  /**
+   * Gets whether rounded corners are enabled for the chart.
+   * **Known limitation:** Rounded corners are not rendered when chart interactions are disabled (`interactionsDisabled` or `disableInteractions` is `true`).
+   */
+  accessor roundCorners: boolean;
+}

package/dist/model/shared/type-guards.d.ts

@@ -171,6 +171,13 @@ export function isPieChartLegendModel(model: ChartModel | undefined): model is P
  */
 export function isModelWithTemporalBinning(model: ChartModel | undefined): model is ModelWithTemporalBinning;
 
+/**
+ * Determines if the provided `model` supports rounded corners.
+ *
+ * @param model - The model to check.
+ */
+export function isModelWithRoundCorners(model: ChartModelBase | undefined): model is BarChartModel | ComboBarLineChartModel;
+
 /**
  * Determines if the provided model's type matches the `type` argument.
  *

package/dist/spec/web-chart.d.ts

@@ -1334,6 +1334,14 @@ export interface WebChart {
       data?: WebChartDirectionalDataOrder | WebChartMultiAxesDataOrder | WebChartPredefinedLabelsDataOrder;
       orderByFields?: string[];
   };
+  /**
+   * Rounded corners properties for charts supporting rounded corners.
+   * NOTE: Applies only to bar charts and to the bar series in combo bar-line charts.
+   */
+  roundCorners?: {
+      rounded: boolean;
+      cornerRadius?: number;
+  };
 }
 
 /** JSON representation of the gauge chart. */

package/dist/utils/chart-config/converter/index.js

@@ -2,9 +2,9 @@
 import { getElementLocale as ze } from "@arcgis/toolkit/intl";
 import { cloneDeep as n, isEmpty as h } from "lodash-es";
 import { DateTime as He } from "luxon";
-import { af as $e, Q as oe, Z as Qe, cq as se, cR as ne, c1 as Ye, ac as Ke, Y as O, bg as Xe, O as b, bE as ee, aG as Ze, aH as Je, m as Z, h as Ue, w as et } from "../../../chunks/index2.js";
-import { W as tt, ax as rt, g as it, D as ot, ad as st } from "../../../chunks/index.js";
-import { c as nt } from "../../../chunks/type-guards.js";
+import { af as $e, Q as oe, Z as Qe, cq as se, cS as ne, c1 as Ye, ac as Ke, Y as O, bg as Xe, O as b, bE as ee, aG as Ze, aH as Je, m as Z, h as Ue, w as et } from "../../../chunks/index2.js";
+import { W as tt, ay as rt, g as it, E as ot, ae as st } from "../../../chunks/index.js";
+import { d as nt } from "../../../chunks/type-guards.js";
 import { C as f, h as k, q as ae } from "../../../chunks/index3.js";
 import { h as at, o as dt, s as lt } from "../../../chunks/index5.js";
 import { g as B } from "../../../chunks/series-types.js";
@@ -465,7 +465,7 @@ function We(r) {
   }
   return e;
 }
-function Re(r) {
+function Ee(r) {
   const e = n(r);
   return e.series.forEach((i) => {
     i.query?.outStatistics?.forEach((t) => {
@@ -473,7 +473,7 @@ function Re(r) {
     });
   }), e;
 }
-function Ee(r) {
+function Re(r) {
   const e = n(r);
   return e.subtitle === void 0 && e.subTitle && (e.subtitle = e.subTitle), delete e.subTitle, e;
 }
@@ -523,11 +523,11 @@ function W(r) {
   let e = n(r);
   return e = Pe(e), e;
 }
-function R(r) {
+function E(r) {
   let e = n(r);
   return e = Le(e), e;
 }
-function E(r) {
+function R(r) {
   return Ae(r);
 }
 function N(r) {
@@ -553,11 +553,11 @@ function H(r) {
   return We(r);
 }
 function $(r) {
-  return Re(r);
+  return Ee(r);
 }
 function Q(r) {
   let e = n(r);
-  return e = J(e), Ee(e);
+  return e = J(e), Re(e);
 }
 function Y(r) {
   let e = n(r);
@@ -574,7 +574,7 @@ function X(r) {
 function _e(r) {
   const { versionsToConvert: e, configToUpdate: i } = r;
   let t = n(i);
-  return e.length > 0 && t !== void 0 && (t = De(t), e.includes(oe) || e.includes(Ye) ? (t = Ge(t), t = w(t), t = A(t), t = D(t), t = M(t), t = I(t), t = q(t), t = W(t), t = R(t), t = E(t), t = N(t), t = V(t), t = G(t), t = _(t), t = j(t), t = z(t), t = H(t), t = $(t), t = Q(t), t = Y(t), t = K(t), t = X(t)) : e.forEach((o) => {
+  return e.length > 0 && t !== void 0 && (t = De(t), e.includes(oe) || e.includes(Ye) ? (t = Ge(t), t = w(t), t = A(t), t = D(t), t = M(t), t = I(t), t = q(t), t = W(t), t = E(t), t = R(t), t = N(t), t = V(t), t = G(t), t = _(t), t = j(t), t = z(t), t = H(t), t = $(t), t = Q(t), t = Y(t), t = K(t), t = X(t)) : e.forEach((o) => {
     if (t !== void 0)
       switch (o) {
         case "1.0.1":
@@ -599,10 +599,10 @@ function _e(r) {
           t = W(t);
           break;
         case "9.2.0":
-          t = R(t);
+          t = E(t);
           break;
         case "9.7.0":
-          t = E(t);
+          t = R(t);
           break;
         case "10.0.0":
           t = N(t);
@@ -686,8 +686,8 @@ const Lt = {
   handleOrderOptionsChanges: Me,
   applyDataOrderInstructionForFromFieldsCharts: Ie,
   convertTemporalBinningProps: We,
-  convertRESTStatisticTypeToWebChartStatisticType: Re,
-  renameChartSubtitle: Ee,
+  convertRESTStatisticTypeToWebChartStatisticType: Ee,
+  renameChartSubtitle: Re,
   applyMandatoryConversions: he,
   convertTo1x0x1: Ge,
   convertTo2x0x0: w,
@@ -697,8 +697,8 @@ const Lt = {
   convertTo7x0x0: I,
   convertTo7x6x0: q,
   convertTo8x0x1: W,
-  convertTo9x3x0: R,
-  convertTo10x0x0: E,
+  convertTo9x3x0: E,
+  convertTo10x0x0: R,
   convertTo11x0x0: N,
   convertTo12x0x0: V,
   convertTo15x0x0: G,

package/dist/utils/defaults/index.d.ts

@@ -523,4 +523,7 @@ export const defaultColorForBoxPlotWithMeanLines: Color;
 export const percentageSuffix: " percentage ";
 
 /** @internal */
-export const heatChartFirstDayOfWeek: 7;
+export const heatChartFirstDayOfWeek: 7;
+
+/** @internal */
+export const defaultCornerRadius: 5;

package/dist/utils/layer/interfaces.d.ts

@@ -7,10 +7,11 @@ import type { WebChart } from "../../spec/web-chart.js";
 
 /** @internal */
 export interface QueryObjectProps {
-  chartConfig?: WebChart;
+  iLayer?: WebChart["iLayer"];
   layer?: QueryObjectOrRaster;
   view?: MapView | SceneView;
   filterByViewExtent?: boolean;
+  isRaster?: boolean;
   abortSignal?: AbortSignal;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.2.0-next.31",
+  "version": "5.2.0-next.33",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "./dist/index.js",
@@ -32,18 +32,17 @@
     "@amcharts/amcharts5": "~5.19.1",
     "@esri/arcgis-html-sanitizer": "~4.1.0",
     "@lit/task": "^1.0.3",
+    "@zumer/snapdom": "^2.12.9",
     "ajv": "6.12.6",
     "d3-shape": "^3.2.0",
-    "fastq": "~1.13.0",
-    "html2canvas": "^1.4.1",
     "jszip": "^3.10.1",
     "lit": "^3.3.0",
     "lodash-es": "^4.18.1",
     "luxon": "~3.7.2",
     "simple-statistics": "^7.8.8",
     "tslib": "^2.8.1",
-    "@arcgis/lumina": "5.2.0-next.31",
-    "@arcgis/toolkit": "5.2.0-next.31"
+    "@arcgis/lumina": "5.2.0-next.33",
+    "@arcgis/toolkit": "5.2.0-next.33"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.2.0-next",