@pie-lib/charting 7.0.3 → 7.0.4-next.0

package/dist/chart-type.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/chart-type.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare const ChartType: {
+    ({ onChange, value, availableChartTypes, chartTypeLabel }: {
+        onChange: any;
+        value: any;
+        availableChartTypes: any;
+        chartTypeLabel: any;
+    }): React.JSX.Element;
+    propTypes: {
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        value: PropTypes.Validator<string>;
+        availableChartTypes: PropTypes.Requireable<PropTypes.InferProps<{
+            histogram: PropTypes.Requireable<string>;
+            bar: PropTypes.Requireable<string>;
+            lineDot: PropTypes.Requireable<string>;
+            lineCross: PropTypes.Requireable<string>;
+            dotPlot: PropTypes.Requireable<string>;
+            linePlot: PropTypes.Requireable<string>;
+        }>>;
+        chartTypeLabel: PropTypes.Requireable<string>;
+    };
+};
+export default ChartType;

package/dist/chart-type.js

@@ -0,0 +1,68 @@
+import "react";
+import e from "prop-types";
+import { styled as t } from "@mui/material/styles";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@mui/material/MenuItem";
+import a from "@mui/material/FormControl";
+import o from "@mui/material/InputLabel";
+import { Select as s } from "@mui/material";
+//#region src/chart-type.tsx
+var c = t("div")(() => ({ width: "160px" })), l = t(a)(() => ({ width: "160px" })), u = t(o)(() => ({ backgroundColor: "transparent" })), d = ({ onChange: e, value: t, availableChartTypes: a, chartTypeLabel: o }) => /* @__PURE__ */ n(c, { children: /* @__PURE__ */ r(l, {
+	variant: "outlined",
+	children: [/* @__PURE__ */ n(u, {
+		id: "type-helper-label",
+		children: o
+	}), /* @__PURE__ */ r(s, {
+		labelId: "type-helper-label",
+		id: "type-helper-label-select",
+		name: "chartType",
+		value: t,
+		onChange: e,
+		label: o,
+		MenuProps: { transitionDuration: {
+			enter: 225,
+			exit: 195
+		} },
+		children: [
+			a?.histogram && /* @__PURE__ */ n(i, {
+				value: "histogram",
+				children: a.histogram
+			}),
+			a?.bar && /* @__PURE__ */ n(i, {
+				value: "bar",
+				children: a.bar
+			}),
+			a?.lineDot && /* @__PURE__ */ n(i, {
+				value: "lineDot",
+				children: a.lineDot
+			}),
+			a?.lineCross && /* @__PURE__ */ n(i, {
+				value: "lineCross",
+				children: a.lineCross
+			}),
+			a?.dotPlot && /* @__PURE__ */ n(i, {
+				value: "dotPlot",
+				children: a.dotPlot
+			}),
+			a?.linePlot && /* @__PURE__ */ n(i, {
+				value: "linePlot",
+				children: a.linePlot
+			})
+		]
+	})]
+}) });
+d.propTypes = {
+	onChange: e.func.isRequired,
+	value: e.string.isRequired,
+	availableChartTypes: e.shape({
+		histogram: e.string,
+		bar: e.string,
+		lineDot: e.string,
+		lineCross: e.string,
+		dotPlot: e.string,
+		linePlot: e.string
+	}),
+	chartTypeLabel: e.string
+};
+//#endregion
+export { d as default };

package/dist/chart-types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/chart-types.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const _default: {
+    Bar: () => {
+        type: string;
+        Component: typeof import("./bars/bar.js").Bar;
+        name: string;
+    };
+    Histogram: () => {
+        type: string;
+        Component: typeof import("./bars/histogram.js").Histogram;
+        name: string;
+    };
+    LineDot: () => {
+        type: string;
+        Component: typeof import("./line/line-dot.js").LineDot;
+        name: string;
+    };
+    DotPlot: () => {
+        type: string;
+        Component: typeof import("./plot/dot.js").DotPlot;
+        name: string;
+    };
+    LinePlot: () => {
+        type: string;
+        Component: typeof import("./plot/line.js").LinePlot;
+        name: string;
+    };
+    LineCross: () => {
+        type: string;
+        Component: typeof import("./line/line-cross.js").LineCross;
+        name: string;
+    };
+};
+export default _default;

package/dist/chart-types.js

@@ -0,0 +1,17 @@
+import e from "./bars/bar.js";
+import t from "./bars/histogram.js";
+import n from "./line/line-dot.js";
+import r from "./line/line-cross.js";
+import i from "./plot/dot.js";
+import a from "./plot/line.js";
+//#region src/chart-types.ts
+var o = {
+	Bar: e,
+	Histogram: t,
+	LineDot: n,
+	DotPlot: i,
+	LinePlot: a,
+	LineCross: r
+};
+//#endregion
+export { o as default };

package/dist/chart.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/chart.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class Chart extends React.Component {
+    constructor(props: any);
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        chartType: PropTypes.Validator<string>;
+        size: PropTypes.Requireable<PropTypes.InferProps<{
+            width: PropTypes.Requireable<number>;
+            height: PropTypes.Requireable<number>;
+        }>>;
+        domain: PropTypes.Requireable<PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            min: PropTypes.Requireable<number>;
+            max: PropTypes.Requireable<number>;
+            axisLabel: PropTypes.Requireable<string>;
+        }>>;
+        data: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+        range: PropTypes.Requireable<PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            min: PropTypes.Requireable<number>;
+            max: PropTypes.Requireable<number>;
+            step: PropTypes.Requireable<number>;
+            labelStep: PropTypes.Requireable<number>;
+            axisLabel: PropTypes.Requireable<string>;
+        }>>;
+        charts: PropTypes.Requireable<any[]>;
+        labelsPlaceholders: PropTypes.Requireable<object>;
+        title: PropTypes.Requireable<string>;
+        titlePlaceholder: PropTypes.Requireable<string>;
+        onDataChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeLabels: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeTitle: PropTypes.Requireable<(...args: any[]) => any>;
+        error: PropTypes.Requireable<any>;
+        addCategoryEnabled: PropTypes.Requireable<boolean>;
+        showPixelGuides: PropTypes.Requireable<boolean>;
+        categoryDefaultLabel: PropTypes.Requireable<string>;
+        categoryDefaults: PropTypes.Requireable<object>;
+        defineChart: PropTypes.Requireable<boolean>;
+        theme: PropTypes.Requireable<object>;
+        chartingOptions: PropTypes.Requireable<object>;
+        changeInteractiveEnabled: PropTypes.Requireable<boolean>;
+        changeEditableEnabled: PropTypes.Requireable<boolean>;
+        language: PropTypes.Requireable<string>;
+        mathMlOptions: PropTypes.Requireable<object>;
+        labelsCharactersLimit: PropTypes.Requireable<number>;
+        correctData: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+    };
+    static defaultProps: {
+        size: {
+            width: number;
+            height: number;
+        };
+    };
+    state: {
+        charts: {
+            type: string;
+            Component: typeof import("./bars/bar.jsx").Bar;
+            name: string;
+        }[];
+        autoFocus: boolean;
+    };
+    generateMaskId(): string;
+    handleAlertDialog: (open: any, callback: any) => void;
+    getChart: any;
+    changeData: any;
+    changeCategory: any;
+    addCategory: any;
+    deleteCategory: any;
+    getFilteredCategories: any;
+    resetAutoFocus: any;
+    render(): React.JSX.Element;
+}
+export default Chart;

package/dist/chart.js

@@ -0,0 +1,250 @@
+import e from "./grid.js";
+import { dataToXBand as t, getDomainAndRangeByChartType as n, getGridLinesAndAxisByChartType as r, getTopPadding as i } from "./utils.js";
+import a from "./axes.js";
+import o from "./chart-types.js";
+import s from "./actions-button.js";
+import c from "react";
+import l from "prop-types";
+import { styled as u } from "@mui/material/styles";
+import d from "debug";
+import { cloneDeep as f } from "lodash-es";
+import { Root as p, createGraphProps as m } from "@pie-lib/plot";
+import { AlertDialog as h } from "@pie-lib/config-ui";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "@pie-lib/translator";
+//#region src/chart.tsx
+var { translator: y } = v, b = d("pie-lib:charts:chart"), x = u("div")(() => ({ width: "min-content" })), S = class extends c.Component {
+	constructor(e) {
+		super(e), this.state = {
+			dialog: { open: !1 },
+			actionsAnchorEl: null
+		}, this.maskUid = this.generateMaskId();
+	}
+	static propTypes = {
+		className: l.string,
+		chartType: l.string.isRequired,
+		size: l.shape({
+			width: l.number,
+			height: l.number
+		}),
+		domain: l.shape({
+			label: l.string,
+			min: l.number,
+			max: l.number,
+			axisLabel: l.string
+		}),
+		data: l.arrayOf(l.shape({
+			label: l.string,
+			value: l.number
+		})),
+		range: l.shape({
+			label: l.string,
+			min: l.number,
+			max: l.number,
+			step: l.number,
+			labelStep: l.number,
+			axisLabel: l.string
+		}),
+		charts: l.array,
+		labelsPlaceholders: l.object,
+		title: l.string,
+		titlePlaceholder: l.string,
+		onDataChange: l.func,
+		onChangeLabels: l.func,
+		onChangeTitle: l.func,
+		error: l.any,
+		addCategoryEnabled: l.bool,
+		showPixelGuides: l.bool,
+		categoryDefaultLabel: l.string,
+		categoryDefaults: l.object,
+		defineChart: l.bool,
+		theme: l.object,
+		chartingOptions: l.object,
+		changeInteractiveEnabled: l.bool,
+		changeEditableEnabled: l.bool,
+		language: l.string,
+		mathMlOptions: l.object,
+		labelsCharactersLimit: l.number,
+		correctData: l.arrayOf(l.shape({
+			label: l.string,
+			value: l.number
+		}))
+	};
+	static defaultProps = { size: {
+		width: 480,
+		height: 480
+	} };
+	state = {
+		charts: [
+			o.Bar(),
+			o.Histogram(),
+			o.LineDot(),
+			o.LineCross(),
+			o.DotPlot(),
+			o.LinePlot()
+		],
+		autoFocus: !1
+	};
+	generateMaskId() {
+		return "chart-" + (Math.random() * 1e4).toFixed();
+	}
+	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
+	getChart = () => {
+		let e = this.props.charts || this.state.charts, { chartType: t } = this.props, n = null, r = null;
+		return t ? (r = e && e.find((e) => e.type === t), n = r && r.Component) : (r = e && e[0], n = r && r.Component, t = r && r.type), {
+			type: t,
+			ChartComponent: n
+		};
+	};
+	changeData = (e) => {
+		let { onDataChange: t } = this.props;
+		t(e);
+	};
+	changeCategory = (e, t) => {
+		let n = parseInt(e, 10);
+		if (n >= 0) {
+			let { data: e, onDataChange: r } = this.props;
+			e[n] = {
+				...e[n],
+				...t
+			}, r(e);
+		}
+	};
+	addCategory = () => {
+		let { onDataChange: e, data: t, categoryDefaultLabel: n, defineChart: r, categoryDefaults: i, language: a } = this.props;
+		(t || []).length > 19 ? this.setState({ dialog: {
+			open: !0,
+			title: y.t("common:warning", { lng: a }),
+			text: y.t("charting.reachedLimit_other", {
+				count: 20,
+				lng: a
+			}),
+			onConfirm: () => this.handleAlertDialog(!1)
+		} }) : (this.setState({ autoFocus: !0 }), e([...t, {
+			inDefineChart: r,
+			label: n || y.t("charting.newLabel", { lng: a }),
+			value: 0,
+			deletable: !0,
+			editable: i ? i?.editable : !0,
+			interactive: i ? i?.interactive : !0
+		}]));
+	};
+	deleteCategory = (e) => {
+		let { data: t, onDataChange: n } = this.props;
+		typeof e != "number" || e < 0 || t && t.length > 0 && n(t.filter((t, n) => n !== e));
+	};
+	getFilteredCategories = () => {
+		let { data: e, defineChart: t } = this.props;
+		return e ? e.map((e) => ({
+			...e,
+			deletable: t || e.deletable
+		})) : [];
+	};
+	resetAutoFocus = () => {
+		this.setState({ autoFocus: !1 });
+	};
+	render() {
+		let { domain: o = {}, range: c = {}, chartingOptions: l, size: u, title: d, onChangeTitle: v, onChangeLabels: y, labelsPlaceholders: S, titlePlaceholder: C, addCategoryEnabled: w, changeInteractiveEnabled: T, changeEditableEnabled: E, showPixelGuides: D, error: O, mathMlOptions: k = {}, language: A, labelsCharactersLimit: j, correctData: M } = this.props, { chartType: N } = this.props, { dialog: P } = this.state, F = this.props.defineChart || !1, { width: I, height: L } = u || {}, R = {
+			left: c?.label || "",
+			bottom: o?.label || ""
+		}, { ChartComponent: z } = this.getChart(), B = this.getFilteredCategories(), V = n(o, c, N), { verticalLines: H, horizontalLines: U, leftAxis: W } = r(V.range, N), G = { graphProps: m(V.domain, V.range, u, () => this.rootNode) };
+		b("[render] common:", G);
+		let K = {
+			x: -10,
+			y: -75,
+			width: I + 20,
+			height: L + 130
+		}, { scale: q } = G.graphProps, J = t(q.x, B, I, N), Y = J.bandwidth() || q.x(V.domain.max) / B.length, X = F ? 160 : 60, Z = i(Y), Q = f(G);
+		return Q.graphProps.size.height += Z + X, (N === "dotPlot" || N === "linePlot") && M?.length && R.bottom && (Q.graphProps.size.height += 25), /* @__PURE__ */ _(x, { children: [/* @__PURE__ */ _(p, {
+			title: d,
+			onChangeTitle: v,
+			disabledTitle: !F,
+			showTitle: !0,
+			showLabels: !0,
+			labels: R,
+			onChangeLabels: y,
+			labelsPlaceholders: S,
+			titlePlaceholder: C,
+			defineChart: F,
+			disabledLabels: !F,
+			isChart: !0,
+			showPixelGuides: D,
+			rootRef: (e) => this.rootNode = e,
+			mathMlOptions: k,
+			labelsCharactersLimit: j,
+			...Q,
+			children: [
+				/* @__PURE__ */ g(e, {
+					...G,
+					xBand: J,
+					rowTickValues: U,
+					columnTickValues: H
+				}),
+				/* @__PURE__ */ g(a, {
+					autoFocus: this.state.autoFocus,
+					onAutoFocusUsed: this.resetAutoFocus,
+					...G,
+					defineChart: F,
+					categories: B,
+					xBand: J,
+					leftAxis: W,
+					onChange: this.changeData,
+					onChangeCategory: this.changeCategory,
+					chartingOptions: l,
+					changeInteractiveEnabled: T,
+					changeEditableEnabled: E,
+					top: Z,
+					error: O,
+					showCorrectness: N === "linePlot" || N === "dotPlot"
+				}),
+				w ? /* @__PURE__ */ g("foreignObject", {
+					x: I,
+					y: L - 16,
+					width: I,
+					height: L,
+					children: /* @__PURE__ */ g("div", {
+						xmlns: "http://www.w3.org/1999/xhtml",
+						style: {
+							display: "flex",
+							justifyContent: "flex-start"
+						},
+						children: /* @__PURE__ */ g(s, {
+							categories: B,
+							addCategory: this.addCategory,
+							deleteCategory: this.deleteCategory,
+							language: A
+						})
+					})
+				}) : null,
+				/* @__PURE__ */ g("mask", {
+					id: `${this.maskUid}`,
+					children: /* @__PURE__ */ g("rect", {
+						...K,
+						fill: "white"
+					})
+				}),
+				/* @__PURE__ */ g("g", {
+					id: "marks",
+					mask: `url('#${this.maskUid}')`,
+					children: z && /* @__PURE__ */ g(z, {
+						...G,
+						data: B,
+						height: Q.graphProps.size.height,
+						defineChart: F,
+						onChange: this.changeData,
+						onChangeCategory: this.changeCategory,
+						correctData: M
+					})
+				})
+			]
+		}), /* @__PURE__ */ g(h, {
+			open: P.open,
+			title: P.title,
+			text: P.text,
+			onClose: P.onClose,
+			onConfirm: P.onConfirm
+		})] });
+	}
+};
+//#endregion
+export { S as default };

package/dist/common/correctness-indicators.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/common/correctness-indicators.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const CorrectnessIndicator: {
+    ({ scale, x, y, correctness, interactive }: {
+        scale: any;
+        x: any;
+        y: any;
+        correctness: any;
+        interactive: any;
+    }): React.JSX.Element | null;
+    propTypes: {
+        scale: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<(...args: any[]) => any>;
+            y: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        correctness: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>>;
+        interactive: PropTypes.Requireable<boolean>;
+    };
+};
+export declare const SmallCorrectPointIndicator: {
+    ({ scale, x, correctness, correctData, label }: {
+        scale: any;
+        x: any;
+        correctness: any;
+        correctData: any;
+        label: any;
+    }): React.JSX.Element | null;
+    propTypes: {
+        scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<(...args: any[]) => any>;
+            y: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>>;
+        x: PropTypes.Validator<number>;
+        correctness: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>>;
+        correctData: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        }> | null | undefined)[]>;
+        label: PropTypes.Requireable<string>;
+    };
+};
+export declare const TickCorrectnessIndicator: {
+    ({ correctness, interactive }: {
+        correctness: any;
+        interactive: any;
+    }): React.JSX.Element | null;
+    propTypes: {
+        correctness: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>>;
+        interactive: PropTypes.Requireable<boolean>;
+    };
+};

package/dist/common/correctness-indicators.js

@@ -0,0 +1,106 @@
+import "react";
+import e from "prop-types";
+import { styled as t } from "@mui/material/styles";
+import { color as n } from "@pie-lib/render-ui";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/icons-material/Check";
+import a from "@mui/icons-material/Close";
+//#region src/common/correctness-indicators.tsx
+var o = t(i)(({ theme: e }) => ({
+	borderRadius: e.spacing(2),
+	color: n.defaults.WHITE,
+	fontSize: "16px",
+	width: "16px",
+	height: "16px",
+	padding: "2px",
+	border: `1px solid ${n.defaults.WHITE}`,
+	stroke: "initial",
+	boxSizing: "unset",
+	backgroundColor: n.correct(),
+	display: "block",
+	"&.small": {
+		fontSize: "10px",
+		width: "10px",
+		height: "10px"
+	}
+})), s = t(a)(({ theme: e }) => ({
+	borderRadius: e.spacing(2),
+	color: n.defaults.WHITE,
+	fontSize: "16px",
+	width: "16px",
+	height: "16px",
+	padding: "2px",
+	border: `1px solid ${n.defaults.WHITE}`,
+	stroke: "initial",
+	boxSizing: "unset",
+	backgroundColor: n.incorrectWithIcon(),
+	display: "block",
+	"&.small": {
+		fontSize: "10px",
+		width: "10px",
+		height: "10px"
+	}
+})), c = ({ scale: e, x: t, y: n, correctness: i, interactive: a }) => {
+	if (!i || !a) return null;
+	let c = e ? e.x(t) : t, l = e ? e.y(n) : n, u = i.value === "correct";
+	return /* @__PURE__ */ r("foreignObject", {
+		x: c - 11,
+		y: l - 11,
+		width: 22,
+		height: 22,
+		children: r(u ? o : s, { title: i.label })
+	});
+}, l = ({ scale: e, x: t, correctness: n, correctData: i, label: a }) => {
+	if (n && n.value === "incorrect") {
+		let s = parseFloat(i.find((e) => e.label === a)?.value);
+		if (isNaN(s)) return null;
+		let c = e.y(s) - 7.5;
+		return /* @__PURE__ */ r("foreignObject", {
+			x: e.x(t) - 7.5,
+			y: c,
+			width: 15,
+			height: 15,
+			children: /* @__PURE__ */ r(o, {
+				className: "small",
+				title: n.label
+			})
+		});
+	}
+	return null;
+}, u = ({ correctness: e, interactive: t }) => !e || !t ? null : e.value === "correct" ? /* @__PURE__ */ r(o, { title: e.label }) : /* @__PURE__ */ r(s, { title: e.label });
+c.propTypes = {
+	scale: e.shape({
+		x: e.func,
+		y: e.func
+	}),
+	x: e.number.isRequired,
+	y: e.number.isRequired,
+	correctness: e.shape({
+		value: e.string,
+		label: e.string
+	}),
+	interactive: e.bool
+}, l.propTypes = {
+	scale: e.shape({
+		x: e.func,
+		y: e.func
+	}).isRequired,
+	x: e.number.isRequired,
+	correctness: e.shape({
+		value: e.string,
+		label: e.string
+	}),
+	correctData: e.arrayOf(e.shape({
+		label: e.string,
+		value: e.oneOfType([e.string, e.number])
+	})),
+	label: e.string
+}, u.propTypes = {
+	correctness: e.shape({
+		value: e.string,
+		label: e.string
+	}),
+	interactive: e.bool
+};
+//#endregion
+export { c as CorrectnessIndicator, l as SmallCorrectPointIndicator, u as TickCorrectnessIndicator };