udp-react-enterprise-component-library 25.18.1-beta.4 → 25.18.1-beta.41

package/dist/Form-DbOA5j38.js

@@ -0,0 +1,84 @@
+import React, { forwardRef, useImperativeHandle } from "react";
+import { Form } from "react-final-form";
+import { getIn } from "final-form";
+
+//#region src/utilities/form/final-form-scroll/isFocusableInput.js
+const isFocusableInput = (wtf) => !!(wtf && typeof wtf.focus === "function");
+var isFocusableInput_default = isFocusableInput;
+
+//#endregion
+//#region src/utilities/form/final-form-scroll/getAllInputs.js
+const getAllInputs = () => {
+	if (typeof document === "undefined") return [];
+	return Array.prototype.slice.call(document.forms).reduce((accumulator, form) => accumulator.concat(Array.prototype.slice.call(form).filter(isFocusableInput_default)), []);
+};
+var getAllInputs_default = getAllInputs;
+
+//#endregion
+//#region src/utilities/form/final-form-scroll/findInput.js
+const findInput = (inputs, errors) => inputs.find((input) => input.name && getIn(errors, input.name));
+var findInput_default = findInput;
+
+//#endregion
+//#region src/utilities/form/final-form-scroll/createDecorator.js
+const noop = () => {};
+/**
+* The decorator is created based on final-form-focus https://github.com/final-form/final-form-focus
+*/
+const createDecorator = () => (form) => {
+	const scrollToFirstError = (errors) => {
+		const inputToScrollTo = findInput_default(getAllInputs_default(), errors)?.parentElement;
+		if (inputToScrollTo) inputToScrollTo.scrollIntoView({ behavior: "smooth" });
+	};
+	const originalSubmit = form.submit;
+	let state = {};
+	const unsubscribe = form.subscribe((nextState) => {
+		state = nextState;
+	}, {
+		errors: true,
+		submitErrors: true
+	});
+	const afterSubmit = () => {
+		const { errors, submitErrors } = state;
+		if (errors && Object.keys(errors).length) scrollToFirstError(errors);
+		else if (submitErrors && Object.keys(submitErrors).length) scrollToFirstError(submitErrors);
+	};
+	form.submit = () => {
+		const result = originalSubmit.call(form);
+		if (result && typeof result.then === "function") result.then(afterSubmit, noop);
+		else afterSubmit();
+		return result;
+	};
+	return () => {
+		unsubscribe();
+		form.submit = originalSubmit;
+	};
+};
+var createDecorator_default = createDecorator;
+
+//#endregion
+//#region src/utilities/form/Form.tsx
+const scrollToError = createDecorator_default();
+/**
+* final-form Form wrapper with automatic <form> and submit handler
+*/
+const _Form = ({ render: renderProp, children, id, ...props }, ref) => {
+	const render = renderProp || children;
+	return /* @__PURE__ */ React.createElement(Form, {
+		ref,
+		decorators: [scrollToError],
+		...props
+	}, (params) => {
+		useImperativeHandle(ref, () => ({ ...params }));
+		return /* @__PURE__ */ React.createElement("form", {
+			onSubmit: params.handleSubmit,
+			noValidate: true,
+			id
+		}, typeof render === "function" ? render(params) : render);
+	});
+};
+const Form$1 = forwardRef(_Form);
+
+//#endregion
+export { createDecorator_default as n, Form$1 as t };
+//# sourceMappingURL=Form-DbOA5j38.js.map

package/dist/Form-DbOA5j38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-DbOA5j38.js","names":["isFocusableInput","findInput","getAllInputs","createDecorator","FinalForm","Form: React.FC<FormProps>"],"sources":["../src/utilities/form/final-form-scroll/isFocusableInput.js","../src/utilities/form/final-form-scroll/getAllInputs.js","../src/utilities/form/final-form-scroll/findInput.js","../src/utilities/form/final-form-scroll/createDecorator.js","../src/utilities/form/Form.tsx"],"sourcesContent":["const isFocusableInput = (wtf) =>\n  !!(wtf && typeof wtf.focus === 'function');\n\nexport default isFocusableInput;\n","import isFocusableInput from './isFocusableInput';\n\nconst getAllInputs = () => {\n  if (typeof document === 'undefined') {\n    return [];\n  }\n  return Array.prototype.slice\n    .call(document.forms)\n    .reduce(\n      (accumulator, form) =>\n        accumulator.concat(\n          Array.prototype.slice.call(form).filter(isFocusableInput)\n        ),\n      []\n    );\n};\n\nexport default getAllInputs;\n","import { getIn } from 'final-form';\n\nconst findInput = (inputs, errors) =>\n  inputs.find(input => input.name && getIn(errors, input.name));\n\nexport default findInput;\n","import getAllInputs from './getAllInputs.js';\nimport findInput from './findInput.js';\n\nconst noop = () => {};\n\n/**\n * The decorator is created based on final-form-focus https://github.com/final-form/final-form-focus\n */\nconst createDecorator = () => (form) => {\n  const scrollToFirstError = (errors) => {\n    const allInputs = getAllInputs();\n    const firstInput = findInput(allInputs, errors);\n    const inputToScrollTo = firstInput?.parentElement;\n    if (inputToScrollTo) {\n      inputToScrollTo.scrollIntoView({ behavior: 'smooth' });\n    }\n  };\n  // Save original submit function\n  const originalSubmit = form.submit;\n  let state = {};\n  const unsubscribe = form.subscribe(\n    (nextState) => {\n      state = nextState;\n    },\n    { errors: true, submitErrors: true }\n  );\n  // What to do after submit\n  const afterSubmit = () => {\n    const { errors, submitErrors } = state;\n    if (errors && Object.keys(errors).length) {\n      scrollToFirstError(errors);\n    } else if (submitErrors && Object.keys(submitErrors).length) {\n      scrollToFirstError(submitErrors);\n    }\n  };\n\n  // Rewrite submit function\n  form.submit = () => {\n    const result = originalSubmit.call(form);\n    if (result && typeof result.then === 'function') {\n      // async\n      result.then(afterSubmit, noop);\n    } else {\n      // sync\n      afterSubmit();\n    }\n    return result;\n  };\n\n  return () => {\n    unsubscribe();\n    form.submit = originalSubmit;\n  };\n};\n\nexport default createDecorator;\n","import React, { forwardRef, useImperativeHandle } from 'react';\nimport {\n  AnyObject,\n  Form as FinalForm,\n  FormProps as FinalFormProps,\n  FormRenderProps,\n} from 'react-final-form';\nimport createDecorator from './final-form-scroll/createDecorator';\n\nexport interface FormProps<FormValues = AnyObject>\n  extends FinalFormProps<FormValues> {\n  children?: (props: FormRenderProps<FormValues>) => React.ReactNode;\n  id?: string;\n}\nconst scrollToError = createDecorator();\n\n/**\n * final-form Form wrapper with automatic <form> and submit handler\n */\n\nconst _Form = ({ render: renderProp, children, id, ...props }: FormProps, ref: React.Ref<any>) => {\n  const render = renderProp || children;\n\n  return (\n    <FinalForm ref={ref} decorators={[scrollToError]} {...props}>\n      {params => {\n         useImperativeHandle(ref, () => ({ ...params}))\n        return (\n          <form onSubmit={params.handleSubmit} noValidate={true} id={id}>\n            {typeof render === 'function' ? render(params) : render}\n          </form>\n        )\n      }}\n    </FinalForm>\n  );\n};\n\nexport const Form: React.FC<FormProps> = forwardRef(_Form)\n"],"mappings":";;;;;AAAA,MAAM,oBAAoB,QACxB,CAAC,EAAE,OAAO,OAAO,IAAI,UAAU;AAEjC,+BAAe;;;;ACDf,MAAM,qBAAqB;AACzB,KAAI,OAAO,aAAa,YACtB,QAAO,EAAE;AAEX,QAAO,MAAM,UAAU,MACpB,KAAK,SAAS,MAAM,CACpB,QACE,aAAa,SACZ,YAAY,OACV,MAAM,UAAU,MAAM,KAAK,KAAK,CAAC,OAAOA,yBAAiB,CAC1D,EACH,EAAE,CACH;;AAGL,2BAAe;;;;ACff,MAAM,aAAa,QAAQ,WACzB,OAAO,MAAK,UAAS,MAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,CAAC;AAE/D,wBAAe;;;;ACFf,MAAM,aAAa;;;;AAKnB,MAAM,yBAAyB,SAAS;CACtC,MAAM,sBAAsB,WAAW;EAGrC,MAAM,kBADaC,kBADDC,sBAAc,EACQ,OAAO,EACX;AACpC,MAAI,gBACF,iBAAgB,eAAe,EAAE,UAAU,UAAU,CAAC;;CAI1D,MAAM,iBAAiB,KAAK;CAC5B,IAAI,QAAQ,EAAE;CACd,MAAM,cAAc,KAAK,WACtB,cAAc;AACb,UAAQ;IAEV;EAAE,QAAQ;EAAM,cAAc;EAAM,CACrC;CAED,MAAM,oBAAoB;EACxB,MAAM,EAAE,QAAQ,iBAAiB;AACjC,MAAI,UAAU,OAAO,KAAK,OAAO,CAAC,OAChC,oBAAmB,OAAO;WACjB,gBAAgB,OAAO,KAAK,aAAa,CAAC,OACnD,oBAAmB,aAAa;;AAKpC,MAAK,eAAe;EAClB,MAAM,SAAS,eAAe,KAAK,KAAK;AACxC,MAAI,UAAU,OAAO,OAAO,SAAS,WAEnC,QAAO,KAAK,aAAa,KAAK;MAG9B,cAAa;AAEf,SAAO;;AAGT,cAAa;AACX,eAAa;AACb,OAAK,SAAS;;;AAIlB,8BAAe;;;;ACzCf,MAAM,gBAAgBC,yBAAiB;;;;AAMvC,MAAM,SAAS,EAAE,QAAQ,YAAY,UAAU,IAAI,GAAG,SAAoB,QAAwB;CAChG,MAAM,SAAS,cAAc;AAE7B,QACE,oCAACC;EAAe;EAAK,YAAY,CAAC,cAAc;EAAE,GAAI;KACnD,WAAU;AACR,sBAAoB,YAAY,EAAE,GAAG,QAAO,EAAE;AAC/C,SACE,oCAAC;GAAK,UAAU,OAAO;GAAc,YAAY;GAAU;KACxD,OAAO,WAAW,aAAa,OAAO,OAAO,GAAG,OAC5C;GAGD;;AAIhB,MAAaC,SAA4B,WAAW,MAAM"}

package/dist/FormButtons-BTCO-pzW.js

@@ -0,0 +1,51 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import React, { forwardRef } from "react";
+import { makeStyles } from "@material-ui/core";
+import { FormSpy } from "react-final-form";
+
+//#region src/utilities/form/SubmitButton.tsx
+/**
+* A MUI Button varaint intended for use as the submit button for a form
+*/
+let SubmitButton = forwardRef((props, ref) => {
+	const { ButtonComponent = FluentButton, disabled, disablePristine = true, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(FormSpy, { subscription: {
+		submitting: true,
+		pristine: true
+	} }, ({ submitting, pristine }) => /* @__PURE__ */ React.createElement(ButtonComponent, {
+		ref,
+		type: "submit",
+		disabled: submitting || disablePristine && pristine || disabled,
+		...otherProps
+	}));
+});
+SubmitButton.displayName = "SubmitButton";
+
+//#endregion
+//#region src/utilities/form/FormButtons.tsx
+const useStyles = makeStyles((theme) => ({ root: {
+	display: "flex",
+	flexDirection: "row",
+	alignItems: "center",
+	justifyContent: "flex-start",
+	marginBottom: theme.spacing(2),
+	marginTop: theme.spacing(1),
+	"& > *": { margin: `0 ${theme.spacing(2)}px 0 0` }
+} }));
+/**
+* A MUI Button varaint intended for use as the submit button for a form
+*/
+const FormButtonsCore = (props, ref) => {
+	const classes = useStyles(props);
+	const { children, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("div", {
+		...otherProps,
+		ref,
+		className: classes.root
+	}, children);
+};
+const FormButtons = forwardRef(FormButtonsCore);
+
+//#endregion
+export { SubmitButton as n, FormButtons as t };
+//# sourceMappingURL=FormButtons-BTCO-pzW.js.map

package/dist/FormButtons-BTCO-pzW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormButtons-BTCO-pzW.js","names":["FormButtonsCore: any","FormButtons: React.FC<FormButtonsProps>"],"sources":["../src/utilities/form/SubmitButton.tsx","../src/utilities/form/FormButtons.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@material-ui/core';\nimport React, { forwardRef, ComponentType } from 'react';\nimport { FormSpy } from 'react-final-form';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\n\nexport type SubmitButtonProps<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ButtonProps<D, P> & {\n    // @fixme Probably want to swap this with something that'll allow ...otherProps to inherit the specified component's props to pass through\n    ButtonComponent?: typeof FluentButton;\n    disablePristine: boolean;\n  };\n\ntype SubmitButtonComponent<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ComponentType<SubmitButtonProps<P, D>>;\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nexport let SubmitButton = forwardRef<HTMLButtonElement, SubmitButtonProps>((props, ref) => {\n  const {\n    ButtonComponent = FluentButton,\n    disabled,\n    disablePristine = true,\n    ...otherProps\n  } = props;\n\n  return (\n    <FormSpy subscription={{ submitting: true, pristine: true }}>\n      {({ submitting, pristine }) => (\n        <ButtonComponent\n          ref={ref}\n          type=\"submit\"\n          disabled={submitting || (disablePristine && pristine) || disabled}\n          {...otherProps}\n        />\n      )}\n    </FormSpy>\n  );\n});\nSubmitButton.displayName = 'SubmitButton';\n","import { makeStyles } from '@material-ui/core';\nimport React, { forwardRef, } from 'react';\n\nconst useStyles = makeStyles((theme:any) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(1),\n    '& > *': {\n      margin: `0 ${theme.spacing(2)}px 0 0`,\n    },\n  },\n}));\n\nexport type FormButtonsProps = {};\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nconst FormButtonsCore: any = (\n  props: any,\n  ref: any\n) => {\n  const classes = useStyles(props);\n  const { children, ...otherProps } = props;\n\n  return (\n    <div {...otherProps} ref={ref as any} className={classes.root}>\n      {children}\n    </div>\n  );\n};\nexport const FormButtons: React.FC<FormButtonsProps> = forwardRef(FormButtonsCore);\n"],"mappings":";;;;;;;;;AAsBA,IAAW,eAAe,YAAkD,OAAO,QAAQ;CACzF,MAAM,EACJ,kBAAkB,cAClB,UACA,kBAAkB,MAClB,GAAG,eACD;AAEJ,QACE,oCAAC,WAAQ,cAAc;EAAE,YAAY;EAAM,UAAU;EAAM,KACvD,EAAE,YAAY,eACd,oCAAC;EACM;EACL,MAAK;EACL,UAAU,cAAe,mBAAmB,YAAa;EACzD,GAAI;GACJ,CAEI;EAEZ;AACF,aAAa,cAAc;;;;ACxC3B,MAAM,YAAY,YAAY,WAAe,EAC3C,MAAM;CACJ,SAAS;CACT,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,cAAc,MAAM,QAAQ,EAAE;CAC9B,WAAW,MAAM,QAAQ,EAAE;CAC3B,SAAS,EACP,QAAQ,KAAK,MAAM,QAAQ,EAAE,CAAC,SAC/B;CACF,EACF,EAAE;;;;AAOH,MAAMA,mBACJ,OACA,QACG;CACH,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,GAAG,eAAe;AAEpC,QACE,oCAAC;EAAI,GAAI;EAAiB;EAAY,WAAW,QAAQ;IACtD,SACG;;AAGV,MAAaC,cAA0C,WAAW,gBAAgB"}

package/dist/FormControl-CkybPp4U.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { FormControl } from "@material-ui/core";
+
+//#region src/UI/utilityDisplay/FormControl.jsx
+const FormControl$1 = (props) => {
+	const { children, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(FormControl, otherProps, children);
+};
+
+//#endregion
+export { FormControl$1 as t };
+//# sourceMappingURL=FormControl-CkybPp4U.js.map

package/dist/FormControl-CkybPp4U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl-CkybPp4U.js","names":["FormControl","MuiFormControl"],"sources":["../src/UI/utilityDisplay/FormControl.jsx"],"sourcesContent":["import React from 'react';\nimport { FormControl as MuiFormControl } from '@material-ui/core';\n\nexport const FormControl = (props) => {\n  const { children, ...otherProps } = props;\n\n  return <MuiFormControl {...otherProps}>{children}</MuiFormControl>;\n};\n"],"mappings":";;;;AAGA,MAAaA,iBAAe,UAAU;CACpC,MAAM,EAAE,UAAU,GAAG,eAAe;AAEpC,QAAO,oCAACC,aAAmB,YAAa,SAA0B"}

package/dist/FormControlLabel-C_X37EhG.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { FormControlLabel } from "@material-ui/core";
+
+//#region src/UI/utilityDisplay/FormControlLabel.jsx
+const FormControlLabel$1 = (props) => {
+	const { control, label, labelPlacement, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(FormControlLabel, {
+		control,
+		label,
+		labelPlacement,
+		...otherProps
+	});
+};
+
+//#endregion
+export { FormControlLabel$1 as t };
+//# sourceMappingURL=FormControlLabel-C_X37EhG.js.map

package/dist/FormControlLabel-C_X37EhG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlLabel-C_X37EhG.js","names":["FormControlLabel","MuiFormControlLabel"],"sources":["../src/UI/utilityDisplay/FormControlLabel.jsx"],"sourcesContent":["import React from 'react';\nimport { FormControlLabel as MuiFormControlLabel } from '@material-ui/core';\n\nexport const FormControlLabel = (props) => {\n  const { control, label, labelPlacement, ...otherProps } = props;\n\n  return (\n    <MuiFormControlLabel\n      control={control}\n      label={label}\n      labelPlacement={labelPlacement}\n      {...otherProps}\n    />\n  );\n};\n"],"mappings":";;;;AAGA,MAAaA,sBAAoB,UAAU;CACzC,MAAM,EAAE,SAAS,OAAO,gBAAgB,GAAG,eAAe;AAE1D,QACE,oCAACC;EACU;EACF;EACS;EAChB,GAAI;GACJ"}

package/dist/GaugeWidget-GvHtWlDn.js

@@ -0,0 +1,382 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Vega } from "react-vega";
+
+//#region src/UI/widgets/library/GaugeWidget/GaugeWidget.jsx
+const GaugeWidget = (props) => {
+	const { title = "", unitLabel = "", legend = "", showTicks = false, ticksNumber = 6, backgroundColor = "#cbd1d6", fillColor = "#FF9800", value = 0, minValue = 0, maxValue = 100, handleHover = () => {} } = props;
+	const specs = {
+		$schema: "https://vega.github.io/schema/vega/v5.json",
+		width: 350,
+		height: 180,
+		padding: {
+			left: 0,
+			right: 0,
+			top: 0,
+			bottom: 0
+		},
+		data: [{
+			name: "ticks",
+			transform: [
+				{
+					type: "sequence",
+					as: "data",
+					start: { signal: "0" },
+					stop: { signal: "(maxValue - minValue) + 0.1" },
+					step: { signal: "(maxValue - minValue)/(ticksNumber-1)" }
+				},
+				{
+					type: "formula",
+					expr: "datum.data + minValue",
+					as: "data_2"
+				},
+				{
+					type: "formula",
+					as: "radianRef",
+					expr: "PI * (datum.data/(maxValue - minValue))"
+				},
+				{
+					type: "formula",
+					as: "x",
+					expr: "centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))"
+				},
+				{
+					type: "formula",
+					as: "y",
+					expr: "centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))"
+				}
+			]
+		}],
+		signals: [
+			{
+				name: "centerX",
+				update: "width/2"
+			},
+			{
+				name: "centerY",
+				update: "height/2 + outerRadius/2"
+			},
+			{
+				name: "outerRadius",
+				update: "targetValue ? radiusRef * 0.9 : radiusRef * 0.95"
+			},
+			{
+				name: "radiusRef",
+				update: "max(width/2, height/2)"
+			},
+			{
+				name: "innerRadius",
+				update: "outerRadius - outerRadius * 0.25"
+			},
+			{
+				name: "targetValue",
+				value
+			},
+			{
+				name: "backgroundColor",
+				value: backgroundColor
+			},
+			{
+				name: "ticksNumber",
+				value: ticksNumber
+			},
+			{
+				name: "mainValue",
+				value
+			},
+			{
+				name: "title",
+				value: title
+			},
+			{
+				name: "unit",
+				value: unitLabel
+			},
+			{
+				name: "usedValue",
+				update: "min(max(minValue, mainValue), maxValue)"
+			},
+			{
+				name: "minValue",
+				value: minValue
+			},
+			{
+				name: "maxValue",
+				value: maxValue
+			},
+			{
+				name: "fillColor",
+				value: fillColor
+			},
+			{
+				name: "ticksColor",
+				value: "#000000"
+			},
+			{
+				name: "showTicks",
+				value: showTicks
+			},
+			{
+				name: "fontFactor",
+				update: "(radiusRef/5)/25"
+			},
+			{
+				name: "hasTarget",
+				update: "isNumber(targetValue) === true"
+			},
+			{
+				name: "targetRule",
+				update: "(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0"
+			},
+			{
+				name: "showTarget",
+				value: true
+			},
+			{
+				name: "targetStatus",
+				update: "mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1"
+			},
+			{
+				name: "lowIsGood",
+				value: false
+			},
+			{
+				name: "legend",
+				value: legend
+			}
+		],
+		scales: [
+			{
+				name: "gaugeScale",
+				type: "linear",
+				domain: {
+					data: "ticks",
+					field: "data_2"
+				},
+				zero: false,
+				range: { signal: "[-PI/2, PI/2]" }
+			},
+			{
+				name: "tickScale",
+				type: "linear",
+				domain: {
+					data: "ticks",
+					field: "data"
+				},
+				range: { signal: "[PI/2, -PI/2]" }
+			},
+			{
+				name: "targetStatusColorScale",
+				domain: [
+					-1,
+					0,
+					1
+				],
+				range: [
+					"red",
+					"orange",
+					"green"
+				]
+			}
+		],
+		axes: [],
+		legends: [],
+		marks: [
+			{
+				type: "arc",
+				name: "gauge",
+				encode: { enter: {
+					x: { signal: "centerX" },
+					y: { signal: "centerY" },
+					startAngle: { signal: "-PI/2" },
+					endAngle: { signal: "PI/2" },
+					outerRadius: { signal: "outerRadius" },
+					innerRadius: { signal: "innerRadius" },
+					fill: { signal: "backgroundColor" }
+				} }
+			},
+			{
+				type: "arc",
+				encode: {
+					enter: { startAngle: { signal: "-PI/2" } },
+					update: {
+						x: { signal: "centerX" },
+						y: { signal: "centerY" },
+						innerRadius: { signal: "innerRadius" },
+						outerRadius: { signal: "outerRadius" },
+						endAngle: {
+							scale: "gaugeScale",
+							signal: "usedValue"
+						},
+						fill: { signal: "fillColor" }
+					}
+				}
+			},
+			{
+				type: "arc",
+				description: "ticks on the arc",
+				from: { data: "ticks" },
+				encode: { enter: {
+					x: { signal: "centerX" },
+					y: { signal: "centerY" },
+					outerRadius: { signal: "outerRadius" },
+					innerRadius: { signal: "outerRadius - (radiusRef*0.05)" },
+					startAngle: {
+						scale: "tickScale",
+						field: "data"
+					},
+					endAngle: {
+						scale: "tickScale",
+						field: "data"
+					},
+					stroke: { signal: "ticksColor" },
+					opacity: { signal: "showTicks ? 1 : 0" }
+				} }
+			},
+			{
+				type: "text",
+				from: { data: "ticks" },
+				encode: {
+					enter: {
+						align: { value: "center" },
+						baseline: { value: "alphabetic" }
+					},
+					update: {
+						text: { signal: "format(datum.data_2, '.0f')" },
+						x: { field: "x" },
+						y: { field: "y" },
+						fontSize: { signal: "fontFactor* 11" },
+						fill: { signal: "ticksColor" },
+						opacity: { signal: "showTicks ? 1 : 0" }
+					}
+				}
+			},
+			{
+				type: "text",
+				description: "displayed min value at the bottom left of gauge when showTicks is false",
+				from: { data: "gauge" },
+				encode: {
+					enter: {
+						align: { value: "center" },
+						baseline: { value: "top" }
+					},
+					update: {
+						text: { signal: "minValue" },
+						x: { signal: "centerX - outerRadius + (outerRadius - innerRadius)/2" },
+						y: {
+							signal: "centerY",
+							offset: { signal: "fontFactor*5" }
+						},
+						fontSize: { signal: "fontFactor * 11" },
+						opacity: { signal: "showTicks ? 0 : 1" }
+					}
+				}
+			},
+			{
+				type: "text",
+				description: "displayed max value at the bottom right of gauge when showTicks is false",
+				from: { data: "gauge" },
+				encode: {
+					enter: {
+						align: { value: "center" },
+						baseline: { value: "top" }
+					},
+					update: {
+						text: { signal: "maxValue" },
+						x: { signal: "centerX + innerRadius + (outerRadius - innerRadius)/2" },
+						y: {
+							signal: "centerY",
+							offset: { signal: "fontFactor*5" }
+						},
+						fontSize: { signal: "fontFactor * 11" },
+						opacity: { signal: "showTicks ? 0 : 1" }
+					}
+				}
+			},
+			{
+				type: "text",
+				description: "displayed a title for the chart ",
+				name: "titleLabel",
+				encode: {
+					enter: {
+						x: { signal: "centerX" },
+						baseline: { value: "top" },
+						align: { value: "center" }
+					},
+					update: {
+						text: { signal: "title" },
+						y: {
+							signal: "centerY",
+							offset: { signal: "fontFactor * -50" }
+						},
+						fontSize: { signal: "fontFactor * 14" },
+						fill: { signal: "fillColor" }
+					}
+				}
+			},
+			{
+				type: "text",
+				description: "displayed main value at the bottom center of the gauge ",
+				name: "gaugeValue",
+				encode: {
+					enter: {
+						x: { signal: "centerX" },
+						baseline: { value: "top" },
+						align: { value: "center" }
+					},
+					update: {
+						text: { signal: "format(mainValue, '.1f') + unit " },
+						y: {
+							signal: "centerY",
+							offset: { signal: "fontFactor * -25" }
+						},
+						fontSize: { signal: "fontFactor * 20" }
+					}
+				}
+			},
+			{
+				type: "text",
+				name: "targetDiff",
+				description: "add status with symbol and difference and percentage",
+				from: { data: "gaugeValue" },
+				encode: {
+					enter: {
+						x: { signal: "centerX" },
+						align: { value: "center" },
+						baseline: { value: "top" }
+					},
+					update: {
+						text: { signal: "legend" },
+						y: {
+							signal: "centerY",
+							offset: { signal: "fontFactor * -4" }
+						},
+						fontSize: { signal: "fontFactor * 10" },
+						opacity: { signal: " targetRule ? 1 : 0" }
+					}
+				}
+			}
+		]
+	};
+	const signalListeners = { hover: handleHover };
+	return /* @__PURE__ */ React.createElement(Vega, {
+		spec: specs,
+		actions: false,
+		signalListeners
+	});
+};
+GaugeWidget.propTypes = {
+	title: PropTypes.string.isRequired,
+	legend: PropTypes.string,
+	showTicks: PropTypes.bool,
+	unitLabel: PropTypes.string,
+	ticksNumber: PropTypes.number,
+	backgroundColor: PropTypes.string,
+	value: PropTypes.number.isRequired,
+	minValue: PropTypes.number,
+	maxValue: PropTypes.number
+};
+
+//#endregion
+export { GaugeWidget as t };
+//# sourceMappingURL=GaugeWidget-GvHtWlDn.js.map

package/dist/GaugeWidget-GvHtWlDn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GaugeWidget-GvHtWlDn.js","names":[],"sources":["../src/UI/widgets/library/GaugeWidget/GaugeWidget.jsx"],"sourcesContent":["import React from 'react';\nimport { Vega } from 'react-vega';\nimport PropTypes from 'prop-types';\n\nexport const GaugeWidget = (props) => {\n  const {\n    title = '',\n    unitLabel = '',\n    legend = '',\n    showTicks = false,\n    ticksNumber = 6,\n    backgroundColor = '#cbd1d6',\n    fillColor = '#FF9800',\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    handleHover = () => {}\n  } = props;\n\n  const specs = {\n    $schema: 'https://vega.github.io/schema/vega/v5.json',\n    width: 350,\n    height: 180,\n    padding: { left: 0, right: 0, top: 0, bottom: 0 },\n\n    data: [\n      {\n        name: 'ticks',\n        transform: [\n          {\n            type: 'sequence',\n            as: 'data',\n            start: {\n              signal: '0'\n            },\n            stop: {\n              signal: '(maxValue - minValue) + 0.1'\n            },\n            step: {\n              signal: '(maxValue - minValue)/(ticksNumber-1)'\n            }\n          },\n          {\n            type: 'formula',\n            expr: 'datum.data + minValue',\n            as: 'data_2'\n          },\n          {\n            type: 'formula',\n            as: 'radianRef',\n            expr: 'PI * (datum.data/(maxValue - minValue))'\n          },\n          {\n            type: 'formula',\n            as: 'x',\n            expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n          },\n          {\n            type: 'formula',\n            as: 'y',\n            expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n          }\n        ]\n      }\n    ],\n    signals: [\n      {\n        name: 'centerX',\n        update: 'width/2'\n      },\n      {\n        name: 'centerY',\n        update: 'height/2 + outerRadius/2'\n      },\n      {\n        name: 'outerRadius',\n        update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n      },\n      {\n        name: 'radiusRef',\n        update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n      },\n      {\n        name: 'innerRadius',\n        update: 'outerRadius - outerRadius * 0.25'\n      },\n      {\n        name: 'targetValue',\n        value: value\n      },\n      {\n        name: 'backgroundColor',\n        value: backgroundColor\n      },\n      {\n        name: 'ticksNumber',\n        value: ticksNumber\n      },\n      {\n        name: 'mainValue',\n        value: value\n      },\n      {\n        name: 'title',\n        value: title\n      },\n      {\n        name: 'unit',\n        value: unitLabel\n      },\n      {\n        name: 'usedValue',\n        update: 'min(max(minValue, mainValue), maxValue)'\n      },\n      {\n        name: 'minValue',\n        value: minValue\n      },\n      {\n        name: 'maxValue',\n        value: maxValue\n      },\n      {\n        name: 'fillColor',\n        value: fillColor\n      },\n      {\n        name: 'ticksColor',\n        value: '#000000'\n      },\n      {\n        name: 'showTicks',\n        value: showTicks\n      },\n      {\n        name: 'fontFactor',\n        update: '(radiusRef/5)/25'\n      },\n      {\n        name: 'hasTarget',\n        update: 'isNumber(targetValue) === true'\n      },\n      {\n        name: 'targetRule',\n        update:\n          '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n      },\n      {\n        name: 'showTarget',\n        value: true\n      },\n      {\n        name: 'targetStatus',\n        update:\n          'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n      },\n      {\n        name: 'lowIsGood',\n        value: false\n      },\n      {\n        name: 'legend',\n        value: legend\n      }\n    ],\n    scales: [\n      {\n        name: 'gaugeScale',\n        type: 'linear',\n        domain: { data: 'ticks', field: 'data_2' },\n        zero: false,\n        range: { signal: '[-PI/2, PI/2]' }\n      },\n      {\n        name: 'tickScale',\n        type: 'linear',\n        domain: { data: 'ticks', field: 'data' },\n        range: { signal: '[PI/2, -PI/2]' }\n      },\n      {\n        name: 'targetStatusColorScale',\n        domain: [-1, 0, 1],\n        range: ['red', 'orange', 'green']\n      }\n    ],\n\n    axes: [],\n    legends: [],\n\n    marks: [\n      {\n        type: 'arc',\n        name: 'gauge',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            startAngle: { signal: '-PI/2' },\n            endAngle: { signal: 'PI/2' },\n            outerRadius: { signal: 'outerRadius' },\n            innerRadius: { signal: 'innerRadius' },\n            fill: { signal: 'backgroundColor' }\n          }\n        }\n      },\n      {\n        type: 'arc',\n        encode: {\n          enter: {\n            startAngle: { signal: '-PI/2' }\n          },\n          update: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            innerRadius: { signal: 'innerRadius' },\n            outerRadius: { signal: 'outerRadius' },\n            endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n            fill: { signal: 'fillColor' }\n          }\n        }\n      },\n      {\n        type: 'arc',\n        description: 'ticks on the arc',\n        from: { data: 'ticks' },\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            y: { signal: 'centerY' },\n            outerRadius: { signal: 'outerRadius' },\n            innerRadius: { signal: 'outerRadius - (radiusRef*0.05)' },\n            startAngle: {\n              scale: 'tickScale',\n              field: 'data'\n            },\n            endAngle: {\n              scale: 'tickScale',\n              field: 'data'\n            },\n            stroke: { signal: 'ticksColor' },\n            opacity: { signal: 'showTicks ? 1 : 0' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        from: { data: 'ticks' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'alphabetic' }\n          },\n          update: {\n            text: { signal: \"format(datum.data_2, '.0f')\" },\n            x: { field: 'x' },\n            y: { field: 'y' },\n            fontSize: { signal: 'fontFactor* 11' },\n            fill: { signal: 'ticksColor' },\n            opacity: { signal: 'showTicks ? 1 : 0' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description:\n          'displayed min value at the bottom left of gauge when showTicks is false',\n        from: { data: 'gauge' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            text: { signal: 'minValue' },\n            x: {\n              signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n            },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor*5' } },\n            fontSize: { signal: 'fontFactor * 11' },\n            opacity: { signal: 'showTicks ? 0 : 1' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description:\n          'displayed max value at the bottom right of gauge when showTicks is false',\n        from: { data: 'gauge' },\n        encode: {\n          enter: {\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            text: { signal: 'maxValue' },\n            x: {\n              signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n            },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor*5' } },\n            fontSize: { signal: 'fontFactor * 11' },\n            opacity: { signal: 'showTicks ? 0 : 1' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description: 'displayed a title for the chart ',\n        name: 'titleLabel',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            baseline: { value: 'top' },\n            align: { value: 'center' }\n          },\n          update: {\n            text: { signal: 'title' },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n            fontSize: { signal: 'fontFactor * 14' },\n            fill: { signal: 'fillColor' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        description: 'displayed main value at the bottom center of the gauge ',\n        name: 'gaugeValue',\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            baseline: { value: 'top' },\n            align: { value: 'center' }\n          },\n          update: {\n            text: { signal: \"format(mainValue, '.1f') + unit \" },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n            fontSize: { signal: 'fontFactor * 20' }\n          }\n        }\n      },\n      {\n        type: 'text',\n        name: 'targetDiff',\n        description: 'add status with symbol and difference and percentage',\n        from: { data: 'gaugeValue' },\n        encode: {\n          enter: {\n            x: { signal: 'centerX' },\n            align: { value: 'center' },\n            baseline: { value: 'top' }\n          },\n          update: {\n            // text: { \"signal\": \"format((mainValue - targetValue), '.2f') + ' (' + format(mainValue/targetValue, '.0%') + ')'\" },\n            // fill: { \"signal\": \"targetStatus\", \"scale\": \"targetStatusColorScale\" },\n            // x: { \"signal\": \"centerX + (fontFactor * 12)\" },\n            text: { signal: 'legend' },\n            y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n            fontSize: { signal: 'fontFactor * 10' },\n            opacity: { signal: ' targetRule ? 1 : 0' }\n          }\n        }\n      }\n    ]\n  };\n\n  const signalListeners = { hover: handleHover };\n\n  return (\n    <Vega spec={specs} actions={false} signalListeners={signalListeners} />\n  );\n};\n\nGaugeWidget.propTypes = {\n  /** @type {?string} label showed in the bottom part of the graph */\n  title: PropTypes.string.isRequired,\n\n  /** @type {?string} optional symbol to put at the right side of the value */\n  legend: PropTypes.string,\n\n  /** @type {?bool} optional icon to display ticks in the graph */\n  showTicks: PropTypes.bool,\n\n  /** @type {?string} optional additional css properties */\n  unitLabel: PropTypes.string,\n\n  /** @type {?number}  number of ticks in the graph */\n  ticksNumber: PropTypes.number,\n\n  /** @type {?string} render prop if you want to pass a custom react element instead of the predefined label*/\n  backgroundColor: PropTypes.string,\n\n  /** @type {?number} main value for the graph element*/\n  value: PropTypes.number.isRequired,\n\n  /** @type {?number} range min value for the graph element*/\n  minValue: PropTypes.number,\n\n  /** @type {?number} range max value for the graph element*/\n  maxValue: PropTypes.number\n};\n"],"mappings":";;;;;AAIA,MAAa,eAAe,UAAU;CACpC,MAAM,EACJ,QAAQ,IACR,YAAY,IACZ,SAAS,IACT,YAAY,OACZ,cAAc,GACd,kBAAkB,WAClB,YAAY,WACZ,QAAQ,GACR,WAAW,GACX,WAAW,KACX,oBAAoB,OAClB;CAEJ,MAAM,QAAQ;EACZ,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;GAAE,MAAM;GAAG,OAAO;GAAG,KAAK;GAAG,QAAQ;GAAG;EAEjD,MAAM,CACJ;GACE,MAAM;GACN,WAAW;IACT;KACE,MAAM;KACN,IAAI;KACJ,OAAO,EACL,QAAQ,KACT;KACD,MAAM,EACJ,QAAQ,+BACT;KACD,MAAM,EACJ,QAAQ,yCACT;KACF;IACD;KACE,MAAM;KACN,MAAM;KACN,IAAI;KACL;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACF;GACF,CACF;EACD,SAAS;GACP;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACC;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACC;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QACE;IACH;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QACE;IACH;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACF;EACD,QAAQ;GACN;IACE,MAAM;IACN,MAAM;IACN,QAAQ;KAAE,MAAM;KAAS,OAAO;KAAU;IAC1C,MAAM;IACN,OAAO,EAAE,QAAQ,iBAAiB;IACnC;GACD;IACE,MAAM;IACN,MAAM;IACN,QAAQ;KAAE,MAAM;KAAS,OAAO;KAAQ;IACxC,OAAO,EAAE,QAAQ,iBAAiB;IACnC;GACD;IACE,MAAM;IACN,QAAQ;KAAC;KAAI;KAAG;KAAE;IAClB,OAAO;KAAC;KAAO;KAAU;KAAQ;IAClC;GACF;EAED,MAAM,EAAE;EACR,SAAS,EAAE;EAEX,OAAO;GACL;IACE,MAAM;IACN,MAAM;IACN,QAAQ,EACN,OAAO;KACL,GAAG,EAAE,QAAQ,WAAW;KACxB,GAAG,EAAE,QAAQ,WAAW;KACxB,YAAY,EAAE,QAAQ,SAAS;KAC/B,UAAU,EAAE,QAAQ,QAAQ;KAC5B,aAAa,EAAE,QAAQ,eAAe;KACtC,aAAa,EAAE,QAAQ,eAAe;KACtC,MAAM,EAAE,QAAQ,mBAAmB;KACpC,EACF;IACF;GACD;IACE,MAAM;IACN,QAAQ;KACN,OAAO,EACL,YAAY,EAAE,QAAQ,SAAS,EAChC;KACD,QAAQ;MACN,GAAG,EAAE,QAAQ,WAAW;MACxB,GAAG,EAAE,QAAQ,WAAW;MACxB,aAAa,EAAE,QAAQ,eAAe;MACtC,aAAa,EAAE,QAAQ,eAAe;MACtC,UAAU;OAAE,OAAO;OAAc,QAAQ;OAAa;MACtD,MAAM,EAAE,QAAQ,aAAa;MAC9B;KACF;IACF;GACD;IACE,MAAM;IACN,aAAa;IACb,MAAM,EAAE,MAAM,SAAS;IACvB,QAAQ,EACN,OAAO;KACL,GAAG,EAAE,QAAQ,WAAW;KACxB,GAAG,EAAE,QAAQ,WAAW;KACxB,aAAa,EAAE,QAAQ,eAAe;KACtC,aAAa,EAAE,QAAQ,kCAAkC;KACzD,YAAY;MACV,OAAO;MACP,OAAO;MACR;KACD,UAAU;MACR,OAAO;MACP,OAAO;MACR;KACD,QAAQ,EAAE,QAAQ,cAAc;KAChC,SAAS,EAAE,QAAQ,qBAAqB;KACzC,EACF;IACF;GACD;IACE,MAAM;IACN,MAAM,EAAE,MAAM,SAAS;IACvB,QAAQ;KACN,OAAO;MACL,OAAO,EAAE,OAAO,UAAU;MAC1B,UAAU,EAAE,OAAO,cAAc;MAClC;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,+BAA+B;MAC/C,GAAG,EAAE,OAAO,KAAK;MACjB,GAAG,EAAE,OAAO,KAAK;MACjB,UAAU,EAAE,QAAQ,kBAAkB;MACtC,MAAM,EAAE,QAAQ,cAAc;MAC9B,SAAS,EAAE,QAAQ,qBAAqB;MACzC;KACF;IACF;GACD;IACE,MAAM;IACN,aACE;IACF,MAAM,EAAE,MAAM,SAAS;IACvB,QAAQ;KACN,OAAO;MACL,OAAO,EAAE,OAAO,UAAU;MAC1B,UAAU,EAAE,OAAO,OAAO;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,YAAY;MAC5B,GAAG,EACD,QAAQ,yDACT;MACD,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,gBAAgB;OAAE;MAC5D,UAAU,EAAE,QAAQ,mBAAmB;MACvC,SAAS,EAAE,QAAQ,qBAAqB;MACzC;KACF;IACF;GACD;IACE,MAAM;IACN,aACE;IACF,MAAM,EAAE,MAAM,SAAS;IACvB,QAAQ;KACN,OAAO;MACL,OAAO,EAAE,OAAO,UAAU;MAC1B,UAAU,EAAE,OAAO,OAAO;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,YAAY;MAC5B,GAAG,EACD,QAAQ,yDACT;MACD,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,gBAAgB;OAAE;MAC5D,UAAU,EAAE,QAAQ,mBAAmB;MACvC,SAAS,EAAE,QAAQ,qBAAqB;MACzC;KACF;IACF;GACD;IACE,MAAM;IACN,aAAa;IACb,MAAM;IACN,QAAQ;KACN,OAAO;MACL,GAAG,EAAE,QAAQ,WAAW;MACxB,UAAU,EAAE,OAAO,OAAO;MAC1B,OAAO,EAAE,OAAO,UAAU;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,SAAS;MACzB,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,oBAAoB;OAAE;MAChE,UAAU,EAAE,QAAQ,mBAAmB;MACvC,MAAM,EAAE,QAAQ,aAAa;MAC9B;KACF;IACF;GACD;IACE,MAAM;IACN,aAAa;IACb,MAAM;IACN,QAAQ;KACN,OAAO;MACL,GAAG,EAAE,QAAQ,WAAW;MACxB,UAAU,EAAE,OAAO,OAAO;MAC1B,OAAO,EAAE,OAAO,UAAU;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,oCAAoC;MACpD,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,oBAAoB;OAAE;MAChE,UAAU,EAAE,QAAQ,mBAAmB;MACxC;KACF;IACF;GACD;IACE,MAAM;IACN,MAAM;IACN,aAAa;IACb,MAAM,EAAE,MAAM,cAAc;IAC5B,QAAQ;KACN,OAAO;MACL,GAAG,EAAE,QAAQ,WAAW;MACxB,OAAO,EAAE,OAAO,UAAU;MAC1B,UAAU,EAAE,OAAO,OAAO;MAC3B;KACD,QAAQ;MAIN,MAAM,EAAE,QAAQ,UAAU;MAC1B,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,mBAAmB;OAAE;MAC/D,UAAU,EAAE,QAAQ,mBAAmB;MACvC,SAAS,EAAE,QAAQ,uBAAuB;MAC3C;KACF;IACF;GACF;EACF;CAED,MAAM,kBAAkB,EAAE,OAAO,aAAa;AAE9C,QACE,oCAAC;EAAK,MAAM;EAAO,SAAS;EAAwB;GAAmB;;AAI3E,YAAY,YAAY;CAEtB,OAAO,UAAU,OAAO;CAGxB,QAAQ,UAAU;CAGlB,WAAW,UAAU;CAGrB,WAAW,UAAU;CAGrB,aAAa,UAAU;CAGvB,iBAAiB,UAAU;CAG3B,OAAO,UAAU,OAAO;CAGxB,UAAU,UAAU;CAGpB,UAAU,UAAU;CACrB"}