dynamic-mui 2.5.2 → 2.6.0

package/dist/numberstepper-K_JfJJtg.mjs

@@ -0,0 +1,111 @@
+import { r as e } from "./validation-BRcYhhsT.mjs";
+import { B as t } from "./ai-UvDYQ30b.mjs";
+import { n } from "./useSyncedState-CzAO4D1o.mjs";
+import { alpha as r } from "@mui/material/styles";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@mui/material/FormControl";
+import s from "@mui/material/FormHelperText";
+import c from "@mui/material/FormLabel";
+import l from "@mui/material/Stack";
+import u from "@mui/material/IconButton";
+import d from "@mui/icons-material/Add";
+import f from "@mui/material/InputBase";
+import p from "@mui/icons-material/Remove";
+// src/components/controls/NumberStepper/numberstepper.tsx
+var m = (e, t = 0) => {
+	let n = Number(e);
+	return Number.isFinite(n) ? n : t;
+};
+function h({ attributes: h = {}, rules: g = {}, onChange: _ }) {
+	let { MuiAttributes: v = {}, id: y = "", min: b, max: x, step: S = 1, label: C } = h, { sx: w, ...T } = v, E = b != null, D = x != null, O = (e) => {
+		let t = e;
+		return E && (t = Math.max(t, m(b))), D && (t = Math.min(t, m(x))), t;
+	}, [k, A] = n(() => O(m(h.value, 0)), [h.value]), [j, M] = n(() => String(O(m(h.value, 0))), [h.value]), N = e(g), P = (e) => {
+		let t = O(e);
+		A(t), M(String(t)), _?.({
+			id: y,
+			value: t
+		});
+	}, F = E && k <= m(b), I = D && k >= m(x), L = () => {
+		F || P(k - m(S, 1));
+	}, R = () => {
+		I || P(k + m(S, 1));
+	}, z = () => {
+		P(m(j, k));
+	}, B = {
+		borderRadius: 0,
+		px: 1.25,
+		color: "text.primary",
+		transition: "background-color .18s",
+		"&:hover": (e) => ({ backgroundColor: r(e.palette.primary.main, .08) }),
+		"&.Mui-disabled": { color: "text.disabled" }
+	};
+	return /* @__PURE__ */ a(o, {
+		component: "fieldset",
+		error: !1,
+		children: [
+			C && /* @__PURE__ */ i(c, {
+				component: "legend",
+				required: N,
+				sx: { mb: 1 },
+				children: C
+			}),
+			/* @__PURE__ */ a(l, {
+				direction: "row",
+				sx: t((e) => ({
+					alignItems: "center",
+					display: "inline-flex",
+					width: "fit-content",
+					borderRadius: "10px",
+					overflow: "hidden",
+					border: `1px solid ${r(e.palette.text.primary, .16)}`,
+					backgroundColor: e.palette.background.paper,
+					transition: "box-shadow .2s, border-color .2s",
+					"&:hover": { borderColor: r(e.palette.primary.main, .5) },
+					"&:focus-within": {
+						borderColor: e.palette.primary.main,
+						boxShadow: `0 0 0 3px ${r(e.palette.primary.main, .16)}`
+					}
+				}), w),
+				children: [
+					/* @__PURE__ */ i(u, {
+						"aria-label": "decrement",
+						onClick: L,
+						disabled: F,
+						size: "small",
+						sx: B,
+						children: /* @__PURE__ */ i(p, { fontSize: "small" })
+					}),
+					/* @__PURE__ */ i(f, {
+						...T,
+						value: j,
+						inputProps: {
+							"aria-label": C || y || "value",
+							inputMode: "numeric",
+							style: {
+								textAlign: "center",
+								width: 56
+							}
+						},
+						onChange: (e) => M(e.target.value),
+						onBlur: z,
+						sx: { "& input": { py: .75 } }
+					}),
+					/* @__PURE__ */ i(u, {
+						"aria-label": "increment",
+						onClick: R,
+						disabled: I,
+						size: "small",
+						sx: B,
+						children: /* @__PURE__ */ i(d, { fontSize: "small" })
+					})
+				]
+			}),
+			N && /* @__PURE__ */ i(s, {
+				sx: { mx: 0 },
+				children: ""
+			})
+		]
+	});
+}
+export { h as default };

package/dist/pie-CueMspFX.js

@@ -0,0 +1 @@
+var e=require("./chartControl-ifHiG3nr.js").n(`PieChart`,()=>import(`@mui/x-charts/PieChart`).then(e=>({default:e.PieChart})),`Pie`);exports.default=e;

package/dist/pie-DFO89j-z.mjs

@@ -0,0 +1,4 @@
+import { n as e } from "./chartControl-IQafKpDk.mjs";
+// src/components/charts/Pie/pie.tsx
+var t = e("PieChart", () => import("@mui/x-charts/PieChart").then((e) => ({ default: e.PieChart })), "Pie");
+export { t as default };

package/dist/richtexteditor-BHM-8xe3.js

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-5iZMYShA.js"),t=require("./ai-BFpA3uHx.js");let n=require("react");n=e.n(n);let r=require("@mui/material/styles"),i=require("react/jsx-runtime"),a=require("@mui/material/FormControl");a=e.n(a);let o=require("@mui/material/Box");o=e.n(o);let s=require("@mui/material/FormLabel");s=e.n(s);let c=require("@mui/material/Divider");c=e.n(c);let l=require("@mui/material/IconButton");l=e.n(l);let u=require("@mui/material/Paper");u=e.n(u);let d=require("@mui/material/Tooltip");d=e.n(d);let f=require("@mui/icons-material/FormatBold");f=e.n(f);let p=require("@mui/icons-material/FormatItalic");p=e.n(p);let m=require("@mui/icons-material/FormatUnderlined");m=e.n(m);let h=require("@mui/icons-material/FormatListBulleted");h=e.n(h);let g=require("@mui/icons-material/FormatListNumbered");g=e.n(g);let _=require("@mui/icons-material/Link");_=e.n(_);let v=require("@mui/icons-material/FormatClear");v=e.n(v);var y=[{command:`bold`,label:`Bold`,icon:(0,i.jsx)(f.default,{fontSize:`small`})},{command:`italic`,label:`Italic`,icon:(0,i.jsx)(p.default,{fontSize:`small`})},{command:`underline`,label:`Underline`,icon:(0,i.jsx)(m.default,{fontSize:`small`})},{command:`insertUnorderedList`,label:`Bulleted list`,icon:(0,i.jsx)(h.default,{fontSize:`small`})},{command:`insertOrderedList`,label:`Numbered list`,icon:(0,i.jsx)(g.default,{fontSize:`small`})},{command:`createLink`,label:`Insert link`,icon:(0,i.jsx)(_.default,{sx:{fontSize:`small`}}),prompt:!0},{command:`removeFormat`,label:`Clear formatting`,icon:(0,i.jsx)(v.default,{fontSize:`small`})}];function b({attributes:e={},onChange:f}){let{id:p=``,label:m,minHeight:h=160,MuiAttributes:g={}}=e,_=n.default.useRef(null);n.default.useEffect(()=>{let t=_.current;if(!t)return;let n=e.value??``;t.innerHTML!==n&&(t.innerHTML=n)},[e.value]);let v=e=>{_.current?.focus();try{if(e.prompt){let t=window.prompt(`Enter a URL`);t&&document.execCommand(e.command,!1,t)}else document.execCommand(e.command)}catch{}_.current&&f?.({id:p,value:_.current.innerHTML})};return(0,i.jsxs)(a.default,{fullWidth:!0,children:[m&&(0,i.jsx)(s.default,{sx:{mb:.75,fontWeight:500},component:`legend`,children:m}),(0,i.jsxs)(u.default,{variant:`outlined`,sx:e=>({borderRadius:`12px`,borderColor:(0,r.alpha)(e.palette.text.primary,.12),overflow:`hidden`,transition:`box-shadow .2s ${t.z}, border-color .2s ${t.z}`,"&:hover":{borderColor:(0,r.alpha)(e.palette.primary.main,.5),boxShadow:`0 2px 10px ${(0,r.alpha)(e.palette.common.black,.06)}`},"&:focus-within":{borderColor:e.palette.primary.main,boxShadow:`0 0 0 3px ${(0,r.alpha)(e.palette.primary.main,.16)}`}}),children:[(0,i.jsx)(o.default,{sx:e=>({display:`flex`,flexWrap:`wrap`,alignItems:`center`,gap:.25,px:.75,py:.5,backgroundColor:(0,r.alpha)(e.palette.text.primary,.03)}),children:y.map((e,a)=>(0,i.jsxs)(n.default.Fragment,{children:[(a===3||a===5)&&(0,i.jsx)(c.default,{orientation:`vertical`,flexItem:!0,sx:{mx:.25,my:.5}}),(0,i.jsx)(d.default,{title:e.label,children:(0,i.jsx)(l.default,{size:`small`,"aria-label":e.label,onMouseDown:e=>e.preventDefault(),onClick:()=>v(e),sx:e=>({borderRadius:`8px`,transition:`background-color .18s ${t.z}, transform .18s ${t.z}`,"&:hover":{backgroundColor:(0,r.alpha)(e.palette.primary.main,.1),transform:`translateY(-1px)`}}),children:e.icon})})]},e.command))}),(0,i.jsx)(c.default,{}),(0,i.jsx)(o.default,{id:p,ref:_,role:`textbox`,"aria-multiline":`true`,"aria-label":m||`rich text`,contentEditable:!0,suppressContentEditableWarning:!0,onInput:e=>{f?.({id:p,value:e.currentTarget.innerHTML})},...g,sx:e=>({minHeight:h,px:1.75,py:1.25,outline:`none`,lineHeight:1.6,color:e.palette.text.primary,backgroundColor:e.palette.background.paper,"& p":{margin:`0 0 0.5em`},"& ul, & ol":{paddingLeft:`1.5em`,margin:`0 0 0.5em`},"& a":{color:e.palette.primary.main},...g.sx||{}})})]})]})}exports.default=b;

package/dist/richtexteditor-gmObNHZ7.mjs

@@ -0,0 +1,178 @@
+import { z as e } from "./ai-UvDYQ30b.mjs";
+import t from "react";
+import { alpha as n } from "@mui/material/styles";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@mui/material/FormControl";
+import o from "@mui/material/Box";
+import s from "@mui/material/FormLabel";
+import c from "@mui/material/Divider";
+import l from "@mui/material/IconButton";
+import u from "@mui/material/Paper";
+import d from "@mui/material/Tooltip";
+import f from "@mui/icons-material/FormatBold";
+import p from "@mui/icons-material/FormatItalic";
+import m from "@mui/icons-material/FormatUnderlined";
+import h from "@mui/icons-material/FormatListBulleted";
+import g from "@mui/icons-material/FormatListNumbered";
+import _ from "@mui/icons-material/Link";
+import v from "@mui/icons-material/FormatClear";
+// src/components/controls/RichTextEditor/richtexteditor.tsx
+var y = [
+	{
+		command: "bold",
+		label: "Bold",
+		icon: /* @__PURE__ */ r(f, { fontSize: "small" })
+	},
+	{
+		command: "italic",
+		label: "Italic",
+		icon: /* @__PURE__ */ r(p, { fontSize: "small" })
+	},
+	{
+		command: "underline",
+		label: "Underline",
+		icon: /* @__PURE__ */ r(m, { fontSize: "small" })
+	},
+	{
+		command: "insertUnorderedList",
+		label: "Bulleted list",
+		icon: /* @__PURE__ */ r(h, { fontSize: "small" })
+	},
+	{
+		command: "insertOrderedList",
+		label: "Numbered list",
+		icon: /* @__PURE__ */ r(g, { fontSize: "small" })
+	},
+	{
+		command: "createLink",
+		label: "Insert link",
+		icon: /* @__PURE__ */ r(_, { sx: { fontSize: "small" } }),
+		prompt: !0
+	},
+	{
+		command: "removeFormat",
+		label: "Clear formatting",
+		icon: /* @__PURE__ */ r(v, { fontSize: "small" })
+	}
+];
+function b({ attributes: f = {}, onChange: p }) {
+	let { id: m = "", label: h, minHeight: g = 160, MuiAttributes: _ = {} } = f, v = t.useRef(null);
+	t.useEffect(() => {
+		let e = v.current;
+		if (!e) return;
+		let t = f.value ?? "";
+		e.innerHTML !== t && (e.innerHTML = t);
+	}, [f.value]);
+	let b = (e) => {
+		v.current?.focus();
+		try {
+			if (e.prompt) {
+				let t = window.prompt("Enter a URL");
+				t && document.execCommand(e.command, !1, t);
+			} else document.execCommand(e.command);
+		} catch {}
+		v.current && p?.({
+			id: m,
+			value: v.current.innerHTML
+		});
+	};
+	return /* @__PURE__ */ i(a, {
+		fullWidth: !0,
+		children: [h && /* @__PURE__ */ r(s, {
+			sx: {
+				mb: .75,
+				fontWeight: 500
+			},
+			component: "legend",
+			children: h
+		}), /* @__PURE__ */ i(u, {
+			variant: "outlined",
+			sx: (t) => ({
+				borderRadius: "12px",
+				borderColor: n(t.palette.text.primary, .12),
+				overflow: "hidden",
+				transition: `box-shadow .2s ${e}, border-color .2s ${e}`,
+				"&:hover": {
+					borderColor: n(t.palette.primary.main, .5),
+					boxShadow: `0 2px 10px ${n(t.palette.common.black, .06)}`
+				},
+				"&:focus-within": {
+					borderColor: t.palette.primary.main,
+					boxShadow: `0 0 0 3px ${n(t.palette.primary.main, .16)}`
+				}
+			}),
+			children: [
+				/* @__PURE__ */ r(o, {
+					sx: (e) => ({
+						display: "flex",
+						flexWrap: "wrap",
+						alignItems: "center",
+						gap: .25,
+						px: .75,
+						py: .5,
+						backgroundColor: n(e.palette.text.primary, .03)
+					}),
+					children: y.map((a, o) => /* @__PURE__ */ i(t.Fragment, { children: [(o === 3 || o === 5) && /* @__PURE__ */ r(c, {
+						orientation: "vertical",
+						flexItem: !0,
+						sx: {
+							mx: .25,
+							my: .5
+						}
+					}), /* @__PURE__ */ r(d, {
+						title: a.label,
+						children: /* @__PURE__ */ r(l, {
+							size: "small",
+							"aria-label": a.label,
+							onMouseDown: (e) => e.preventDefault(),
+							onClick: () => b(a),
+							sx: (t) => ({
+								borderRadius: "8px",
+								transition: `background-color .18s ${e}, transform .18s ${e}`,
+								"&:hover": {
+									backgroundColor: n(t.palette.primary.main, .1),
+									transform: "translateY(-1px)"
+								}
+							}),
+							children: a.icon
+						})
+					})] }, a.command))
+				}),
+				/* @__PURE__ */ r(c, {}),
+				/* @__PURE__ */ r(o, {
+					id: m,
+					ref: v,
+					role: "textbox",
+					"aria-multiline": "true",
+					"aria-label": h || "rich text",
+					contentEditable: !0,
+					suppressContentEditableWarning: !0,
+					onInput: (e) => {
+						p?.({
+							id: m,
+							value: e.currentTarget.innerHTML
+						});
+					},
+					..._,
+					sx: (e) => ({
+						minHeight: g,
+						px: 1.75,
+						py: 1.25,
+						outline: "none",
+						lineHeight: 1.6,
+						color: e.palette.text.primary,
+						backgroundColor: e.palette.background.paper,
+						"& p": { margin: "0 0 0.5em" },
+						"& ul, & ol": {
+							paddingLeft: "1.5em",
+							margin: "0 0 0.5em"
+						},
+						"& a": { color: e.palette.primary.main },
+						..._.sx || {}
+					})
+				})
+			]
+		})]
+	});
+}
+export { b as default };

package/dist/rolldown-runtime-5iZMYShA.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t,t.exports),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,o)=>(o=n==null?{}:e(i(n)),s(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/s3Upload-C3-wcrua.js

@@ -0,0 +1 @@
+function e(e){let t=(e||``).split(`,`),n=t[0]?.match(/:(.*?);/);if(t.length<2||!n)throw Error(`uploadToS3: expected a base64 data URL (e.g. "data:image/png;base64,…").`);let r=n[1],i=atob(t[1]),a=i.length,o=new Uint8Array(a);for(;a--;)o[a]=i.charCodeAt(a);return new Blob([o],{type:r})}async function t(t,n,r,i,a,o=``){if(!a||!r||!i)return console.warn(`Missing AWS Config (Pool ID, Bucket, or Region). Returning data URL as fallback.`),t;try{let s,c;try{[s,c]=await Promise.all([import(`@aws-sdk/client-s3`),import(`@aws-sdk/credential-providers`)])}catch{throw Error(`uploadToS3 needs the optional AWS SDK. Install it with: npm i @aws-sdk/client-s3 @aws-sdk/credential-providers`)}let{S3Client:l,PutObjectCommand:u}=s,{fromCognitoIdentityPool:d}=c,f=new l({region:i,credentials:d({clientConfig:{region:i},identityPoolId:a}),requestChecksumCalculation:`WHEN_REQUIRED`,forcePathStyle:!0}),p=e(t),m=o.trim();m&&!m.endsWith(`/`)&&(m+=`/`);let h=m?`${m}${n}`:`signatures/${n}`,g=new u({Bucket:r,Key:h,Body:p,ContentType:p.type});return await f.send(g),`https://${r}/${h}`}catch(e){throw console.error(`Error uploading to S3:`,e),e}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/dist/s3Upload-HtE088XA.mjs

@@ -0,0 +1,39 @@
+// src/util/s3Upload.ts
+function e(e) {
+	let t = (e || "").split(","), n = t[0]?.match(/:(.*?);/);
+	if (t.length < 2 || !n) throw Error("uploadToS3: expected a base64 data URL (e.g. \"data:image/png;base64,…\").");
+	let r = n[1], i = atob(t[1]), a = i.length, o = new Uint8Array(a);
+	for (; a--;) o[a] = i.charCodeAt(a);
+	return new Blob([o], { type: r });
+}
+async function t(t, n, r, i, a, o = "") {
+	if (!a || !r || !i) return console.warn("Missing AWS Config (Pool ID, Bucket, or Region). Returning data URL as fallback."), t;
+	try {
+		let s, c;
+		try {
+			[s, c] = await Promise.all([import("@aws-sdk/client-s3"), import("@aws-sdk/credential-providers")]);
+		} catch {
+			throw Error("uploadToS3 needs the optional AWS SDK. Install it with: npm i @aws-sdk/client-s3 @aws-sdk/credential-providers");
+		}
+		let { S3Client: l, PutObjectCommand: u } = s, { fromCognitoIdentityPool: d } = c, f = new l({
+			region: i,
+			credentials: d({
+				clientConfig: { region: i },
+				identityPoolId: a
+			}),
+			requestChecksumCalculation: "WHEN_REQUIRED",
+			forcePathStyle: !0
+		}), p = e(t), m = o.trim();
+		m && !m.endsWith("/") && (m += "/");
+		let h = m ? `${m}${n}` : `signatures/${n}`, g = new u({
+			Bucket: r,
+			Key: h,
+			Body: p,
+			ContentType: p.type
+		});
+		return await f.send(g), `https://${r}/${h}`;
+	} catch (e) {
+		throw console.error("Error uploading to S3:", e), e;
+	}
+}
+export { t };

package/dist/signature-DjYfiNzq.js

@@ -0,0 +1,3 @@
+const e=require("./rolldown-runtime-5iZMYShA.js"),t=require("./validation-B7DPZ218.js"),n=require("./s3Upload-C3-wcrua.js");let r=require("react");r=e.n(r,1);let i=require("@mui/material"),a=require("react/jsx-runtime");function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(null,arguments)}function s(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function c(e,t){if(e==null)return{};var n,r,i=s(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function l(e){"@babel/helpers - typeof";return l=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},l(e)}function u(e,t){if(l(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(l(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function d(e){var t=u(e,`string`);return l(t)==`symbol`?t:t+``}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,d(r.key),r)}}function p(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function m(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function g(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Super expression must either be null or a function`);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}function _(e){return _=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},_(e)}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(v=function(){return!!e})()}function y(e){if(e===void 0)throw ReferenceError(`this hasn't been initialised - super() hasn't been called`);return e}function b(e,t){if(t&&(l(t)==`object`||typeof t==`function`))return t;if(t!==void 0)throw TypeError(`Derived constructors may only return object or undefined`);return y(e)}function x(e){var t=v();return function(){var n,r=_(e);if(t){var i=_(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return b(this,n)}}var S=e.t((e=>{var t=typeof Symbol==`function`&&Symbol.for,n=t?Symbol.for(`react.element`):60103,r=t?Symbol.for(`react.portal`):60106,i=t?Symbol.for(`react.fragment`):60107,a=t?Symbol.for(`react.strict_mode`):60108,o=t?Symbol.for(`react.profiler`):60114,s=t?Symbol.for(`react.provider`):60109,c=t?Symbol.for(`react.context`):60110,l=t?Symbol.for(`react.async_mode`):60111,u=t?Symbol.for(`react.concurrent_mode`):60111,d=t?Symbol.for(`react.forward_ref`):60112,f=t?Symbol.for(`react.suspense`):60113,p=t?Symbol.for(`react.suspense_list`):60120,m=t?Symbol.for(`react.memo`):60115,h=t?Symbol.for(`react.lazy`):60116,g=t?Symbol.for(`react.block`):60121,_=t?Symbol.for(`react.fundamental`):60117,v=t?Symbol.for(`react.responder`):60118,y=t?Symbol.for(`react.scope`):60119;function b(e){if(typeof e==`object`&&e){var t=e.$$typeof;switch(t){case n:switch(e=e.type,e){case l:case u:case i:case o:case a:case f:return e;default:switch(e&&=e.$$typeof,e){case c:case d:case h:case m:case s:return e;default:return t}}case r:return t}}}function x(e){return b(e)===u}e.AsyncMode=l,e.ConcurrentMode=u,e.ContextConsumer=c,e.ContextProvider=s,e.Element=n,e.ForwardRef=d,e.Fragment=i,e.Lazy=h,e.Memo=m,e.Portal=r,e.Profiler=o,e.StrictMode=a,e.Suspense=f,e.isAsyncMode=function(e){return x(e)||b(e)===l},e.isConcurrentMode=x,e.isContextConsumer=function(e){return b(e)===c},e.isContextProvider=function(e){return b(e)===s},e.isElement=function(e){return typeof e==`object`&&!!e&&e.$$typeof===n},e.isForwardRef=function(e){return b(e)===d},e.isFragment=function(e){return b(e)===i},e.isLazy=function(e){return b(e)===h},e.isMemo=function(e){return b(e)===m},e.isPortal=function(e){return b(e)===r},e.isProfiler=function(e){return b(e)===o},e.isStrictMode=function(e){return b(e)===a},e.isSuspense=function(e){return b(e)===f},e.isValidElementType=function(e){return typeof e==`string`||typeof e==`function`||e===i||e===u||e===o||e===a||e===f||e===p||typeof e==`object`&&!!e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===d||e.$$typeof===_||e.$$typeof===v||e.$$typeof===y||e.$$typeof===g)},e.typeOf=b})),C=e.t((e=>{process.env.NODE_ENV!==`production`&&(function(){"use strict";var t=typeof Symbol==`function`&&Symbol.for,n=t?Symbol.for(`react.element`):60103,r=t?Symbol.for(`react.portal`):60106,i=t?Symbol.for(`react.fragment`):60107,a=t?Symbol.for(`react.strict_mode`):60108,o=t?Symbol.for(`react.profiler`):60114,s=t?Symbol.for(`react.provider`):60109,c=t?Symbol.for(`react.context`):60110,l=t?Symbol.for(`react.async_mode`):60111,u=t?Symbol.for(`react.concurrent_mode`):60111,d=t?Symbol.for(`react.forward_ref`):60112,f=t?Symbol.for(`react.suspense`):60113,p=t?Symbol.for(`react.suspense_list`):60120,m=t?Symbol.for(`react.memo`):60115,h=t?Symbol.for(`react.lazy`):60116,g=t?Symbol.for(`react.block`):60121,_=t?Symbol.for(`react.fundamental`):60117,v=t?Symbol.for(`react.responder`):60118,y=t?Symbol.for(`react.scope`):60119;function b(e){return typeof e==`string`||typeof e==`function`||e===i||e===u||e===o||e===a||e===f||e===p||typeof e==`object`&&!!e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===d||e.$$typeof===_||e.$$typeof===v||e.$$typeof===y||e.$$typeof===g)}function x(e){if(typeof e==`object`&&e){var t=e.$$typeof;switch(t){case n:var p=e.type;switch(p){case l:case u:case i:case o:case a:case f:return p;default:var g=p&&p.$$typeof;switch(g){case c:case d:case h:case m:case s:return g;default:return t}}case r:return t}}}var S=l,C=u,w=c,T=s,E=n,D=d,O=i,k=h,A=m,j=r,M=o,N=a,P=f,F=!1;function I(e){return F||(F=!0,console.warn(`The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.`)),L(e)||x(e)===l}function L(e){return x(e)===u}function R(e){return x(e)===c}function z(e){return x(e)===s}function B(e){return typeof e==`object`&&!!e&&e.$$typeof===n}function V(e){return x(e)===d}function H(e){return x(e)===i}function U(e){return x(e)===h}function W(e){return x(e)===m}function G(e){return x(e)===r}function K(e){return x(e)===o}function q(e){return x(e)===a}function J(e){return x(e)===f}e.AsyncMode=S,e.ConcurrentMode=C,e.ContextConsumer=w,e.ContextProvider=T,e.Element=E,e.ForwardRef=D,e.Fragment=O,e.Lazy=k,e.Memo=A,e.Portal=j,e.Profiler=M,e.StrictMode=N,e.Suspense=P,e.isAsyncMode=I,e.isConcurrentMode=L,e.isContextConsumer=R,e.isContextProvider=z,e.isElement=B,e.isForwardRef=V,e.isFragment=H,e.isLazy=U,e.isMemo=W,e.isPortal=G,e.isProfiler=K,e.isStrictMode=q,e.isSuspense=J,e.isValidElementType=b,e.typeOf=x})()})),w=e.t(((e,t)=>{t.exports=process.env.NODE_ENV===`production`?S():C()})),T=e.t(((e,t)=>{var n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function a(e){if(e==null)throw TypeError(`Object.assign cannot be called with null or undefined`);return Object(e)}function o(){try{if(!Object.assign)return!1;var e=new String(`abc`);if(e[5]=`de`,Object.getOwnPropertyNames(e)[0]===`5`)return!1;for(var t={},n=0;n<10;n++)t[`_`+String.fromCharCode(n)]=n;if(Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(``)!==`0123456789`)return!1;var r={};return`abcdefghijklmnopqrst`.split(``).forEach(function(e){r[e]=e}),Object.keys(Object.assign({},r)).join(``)===`abcdefghijklmnopqrst`}catch{return!1}}t.exports=o()?Object.assign:function(e,t){for(var o,s=a(e),c,l=1;l<arguments.length;l++){for(var u in o=Object(arguments[l]),o)r.call(o,u)&&(s[u]=o[u]);if(n){c=n(o);for(var d=0;d<c.length;d++)i.call(o,c[d])&&(s[c[d]]=o[c[d]])}}return s}})),E=e.t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),D=e.t(((e,t)=>{t.exports=Function.call.bind(Object.prototype.hasOwnProperty)})),O=e.t(((e,t)=>{var n=function(){};if(process.env.NODE_ENV!==`production`){var r=E(),i={},a=D();n=function(e){var t=`Warning: `+e;typeof console<`u`&&console.error(t);try{throw Error(t)}catch{}}}function o(e,t,o,s,c){if(process.env.NODE_ENV!==`production`){for(var l in e)if(a(e,l)){var u;try{if(typeof e[l]!=`function`){var d=Error((s||`React class`)+`: `+o+" type `"+l+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[l]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw d.name=`Invariant Violation`,d}u=e[l](t,l,s,o,null,r)}catch(e){u=e}if(u&&!(u instanceof Error)&&n((s||`React class`)+`: type specification of `+o+" `"+l+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof u+`. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).`),u instanceof Error&&!(u.message in i)){i[u.message]=!0;var f=c?c():``;n(`Failed `+o+` type: `+u.message+(f??``))}}}}o.resetWarningCache=function(){process.env.NODE_ENV!==`production`&&(i={})},t.exports=o})),k=e.t(((e,t)=>{var n=w(),r=T(),i=E(),a=D(),o=O(),s=function(){};process.env.NODE_ENV!==`production`&&(s=function(e){var t=`Warning: `+e;typeof console<`u`&&console.error(t);try{throw Error(t)}catch{}});function c(){return null}t.exports=function(e,t){var l=typeof Symbol==`function`&&Symbol.iterator,u=`@@iterator`;function d(e){var t=e&&(l&&e[l]||e[u]);if(typeof t==`function`)return t}var f=`<<anonymous>>`,p={array:_(`array`),bigint:_(`bigint`),bool:_(`boolean`),func:_(`function`),number:_(`number`),object:_(`object`),string:_(`string`),symbol:_(`symbol`),any:v(),arrayOf:y,element:b(),elementType:x(),instanceOf:S,node:E(),objectOf:w,oneOf:C,oneOfType:T,shape:O,exact:k};function m(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}function h(e,t){this.message=e,this.data=t&&typeof t==`object`?t:{},this.stack=``}h.prototype=Error.prototype;function g(e){if(process.env.NODE_ENV!==`production`)var n={},r=0;function a(a,o,c,l,u,d,p){if(l||=f,d||=c,p!==i){if(t){var m=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name=`Invariant Violation`,m}if(process.env.NODE_ENV!==`production`&&typeof console<`u`){var g=l+`:`+c;!n[g]&&r<3&&(s("You are manually calling a React.PropTypes validation function for the `"+d+"` prop on `"+l+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),n[g]=!0,r++)}}return o[c]==null?a?o[c]===null?new h(`The `+u+" `"+d+"` is marked as required "+("in `"+l+"`, but its value is `null`.")):new h(`The `+u+" `"+d+"` is marked as required in "+("`"+l+"`, but its value is `undefined`.")):null:e(o,c,l,u,d)}var o=a.bind(null,!1);return o.isRequired=a.bind(null,!0),o}function _(e){function t(t,n,r,i,a,o){var s=t[n];if(M(s)!==e){var c=N(s);return new h(`Invalid `+i+" `"+a+"` of type "+("`"+c+"` supplied to `"+r+"`, expected ")+("`"+e+"`."),{expectedType:e})}return null}return g(t)}function v(){return g(c)}function y(e){function t(t,n,r,a,o){if(typeof e!=`function`)return new h("Property `"+o+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var s=t[n];if(!Array.isArray(s)){var c=M(s);return new h(`Invalid `+a+" `"+o+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an array."))}for(var l=0;l<s.length;l++){var u=e(s,l,r,a,o+`[`+l+`]`,i);if(u instanceof Error)return u}return null}return g(t)}function b(){function t(t,n,r,i,a){var o=t[n];if(!e(o)){var s=M(o);return new h(`Invalid `+i+" `"+a+"` of type "+("`"+s+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return g(t)}function x(){function e(e,t,r,i,a){var o=e[t];if(!n.isValidElementType(o)){var s=M(o);return new h(`Invalid `+i+" `"+a+"` of type "+("`"+s+"` supplied to `"+r+"`, expected a single ReactElement type."))}return null}return g(e)}function S(e){function t(t,n,r,i,a){if(!(t[n]instanceof e)){var o=e.name||f,s=F(t[n]);return new h(`Invalid `+i+" `"+a+"` of type "+("`"+s+"` supplied to `"+r+"`, expected ")+("instance of `"+o+"`."))}return null}return g(t)}function C(e){if(!Array.isArray(e))return process.env.NODE_ENV!==`production`&&(arguments.length>1?s(`Invalid arguments supplied to oneOf, expected an array, got `+arguments.length+` arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).`):s(`Invalid argument supplied to oneOf, expected an array.`)),c;function t(t,n,r,i,a){for(var o=t[n],s=0;s<e.length;s++)if(m(o,e[s]))return null;var c=JSON.stringify(e,function(e,t){return N(t)===`symbol`?String(t):t});return new h(`Invalid `+i+" `"+a+"` of value `"+String(o)+"` "+("supplied to `"+r+"`, expected one of "+c+`.`))}return g(t)}function w(e){function t(t,n,r,o,s){if(typeof e!=`function`)return new h("Property `"+s+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var c=t[n],l=M(c);if(l!==`object`)return new h(`Invalid `+o+" `"+s+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an object."));for(var u in c)if(a(c,u)){var d=e(c,u,r,o,s+`.`+u,i);if(d instanceof Error)return d}return null}return g(t)}function T(e){if(!Array.isArray(e))return process.env.NODE_ENV!==`production`&&s(`Invalid argument supplied to oneOfType, expected an instance of array.`),c;for(var t=0;t<e.length;t++){var n=e[t];if(typeof n!=`function`)return s(`Invalid argument supplied to oneOfType. Expected an array of check functions, but received `+P(n)+` at index `+t+`.`),c}function r(t,n,r,o,s){for(var c=[],l=0;l<e.length;l++){var u=e[l],d=u(t,n,r,o,s,i);if(d==null)return null;d.data&&a(d.data,`expectedType`)&&c.push(d.data.expectedType)}var f=c.length>0?`, expected one of type [`+c.join(`, `)+`]`:``;return new h(`Invalid `+o+" `"+s+"` supplied to "+("`"+r+"`"+f+`.`))}return g(r)}function E(){function e(e,t,n,r,i){return A(e[t])?null:new h(`Invalid `+r+" `"+i+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return g(e)}function D(e,t,n,r,i){return new h((e||`React class`)+`: `+t+" type `"+n+`.`+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+i+"`.")}function O(e){function t(t,n,r,a,o){var s=t[n],c=M(s);if(c!==`object`)return new h(`Invalid `+a+" `"+o+"` of type `"+c+"` "+("supplied to `"+r+"`, expected `object`."));for(var l in e){var u=e[l];if(typeof u!=`function`)return D(r,a,o,l,N(u));var d=u(s,l,r,a,o+`.`+l,i);if(d)return d}return null}return g(t)}function k(e){function t(t,n,o,s,c){var l=t[n],u=M(l);if(u!==`object`)return new h(`Invalid `+s+" `"+c+"` of type `"+u+"` "+("supplied to `"+o+"`, expected `object`."));for(var d in r({},t[n],e)){var f=e[d];if(a(e,d)&&typeof f!=`function`)return D(o,s,c,d,N(f));if(!f)return new h(`Invalid `+s+" `"+c+"` key `"+d+"` supplied to `"+o+`\`.
+Bad object: `+JSON.stringify(t[n],null,`  `)+`
+Valid keys: `+JSON.stringify(Object.keys(e),null,`  `));var p=f(l,d,o,s,c+`.`+d,i);if(p)return p}return null}return g(t)}function A(t){switch(typeof t){case`number`:case`string`:case`undefined`:return!0;case`boolean`:return!t;case`object`:if(Array.isArray(t))return t.every(A);if(t===null||e(t))return!0;var n=d(t);if(n){var r=n.call(t),i;if(n!==t.entries){for(;!(i=r.next()).done;)if(!A(i.value))return!1}else for(;!(i=r.next()).done;){var a=i.value;if(a&&!A(a[1]))return!1}}else return!1;return!0;default:return!1}}function j(e,t){return e===`symbol`?!0:t?t[`@@toStringTag`]===`Symbol`||typeof Symbol==`function`&&t instanceof Symbol:!1}function M(e){var t=typeof e;return Array.isArray(e)?`array`:e instanceof RegExp?`object`:j(t,e)?`symbol`:t}function N(e){if(e==null)return``+e;var t=M(e);if(t===`object`){if(e instanceof Date)return`date`;if(e instanceof RegExp)return`regexp`}return t}function P(e){var t=N(e);switch(t){case`array`:case`object`:return`an `+t;case`boolean`:case`date`:case`regexp`:return`a `+t;default:return t}}function F(e){return!e.constructor||!e.constructor.name?f:e.constructor.name}return p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p}})),A=e.t(((e,t)=>{var n=E();function r(){}function i(){}i.resetWarningCache=r,t.exports=function(){function e(e,t,r,i,a,o){if(o!==n){var s=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name=`Invariant Violation`,s}}e.isRequired=e;function t(){return e}var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return a.PropTypes=a,a}})),j=e.t(((e,t)=>{if(process.env.NODE_ENV!==`production`){var n=w();t.exports=k()(n.isElement,!0)}else t.exports=A()()})),M=e.n(j(),1);function N(e,t,n){this.x=e,this.y=t,this.time=n||new Date().getTime()}N.prototype.velocityFrom=function(e){return this.time===e.time?1:this.distanceTo(e)/(this.time-e.time)},N.prototype.distanceTo=function(e){return Math.sqrt((this.x-e.x)**2+(this.y-e.y)**2)},N.prototype.equals=function(e){return this.x===e.x&&this.y===e.y&&this.time===e.time};function P(e,t,n,r){this.startPoint=e,this.control1=t,this.control2=n,this.endPoint=r}P.prototype.length=function(){for(var e=10,t=0,n=void 0,r=void 0,i=0;i<=e;i+=1){var a=i/e,o=this._point(a,this.startPoint.x,this.control1.x,this.control2.x,this.endPoint.x),s=this._point(a,this.startPoint.y,this.control1.y,this.control2.y,this.endPoint.y);if(i>0){var c=o-n,l=s-r;t+=Math.sqrt(c*c+l*l)}n=o,r=s}return t},P.prototype._point=function(e,t,n,r,i){return t*(1-e)*(1-e)*(1-e)+3*n*(1-e)*(1-e)*e+3*r*(1-e)*e*e+i*e*e*e};function F(e,t,n){var r,i,a,o=null,s=0;n||={};var c=function(){s=n.leading===!1?0:Date.now(),o=null,a=e.apply(r,i),o||(r=i=null)};return function(){var l=Date.now();!s&&n.leading===!1&&(s=l);var u=t-(l-s);return r=this,i=arguments,u<=0||u>t?(o&&=(clearTimeout(o),null),s=l,a=e.apply(r,i),o||(r=i=null)):!o&&n.trailing!==!1&&(o=setTimeout(c,u)),a}}function I(e,t){var n=this,r=t||{};this.velocityFilterWeight=r.velocityFilterWeight||.7,this.minWidth=r.minWidth||.5,this.maxWidth=r.maxWidth||2.5,this.throttle=`throttle`in r?r.throttle:16,this.minDistance=`minDistance`in r?r.minDistance:5,this._strokeMoveUpdate=this.throttle?F(I.prototype._strokeUpdate,this.throttle):I.prototype._strokeUpdate,this.dotSize=r.dotSize||function(){return(this.minWidth+this.maxWidth)/2},this.penColor=r.penColor||`black`,this.backgroundColor=r.backgroundColor||`rgba(0,0,0,0)`,this.onBegin=r.onBegin,this.onEnd=r.onEnd,this._canvas=e,this._ctx=e.getContext(`2d`),this.clear(),this._handleMouseDown=function(e){e.which===1&&(n._mouseButtonDown=!0,n._strokeBegin(e))},this._handleMouseMove=function(e){n._mouseButtonDown&&n._strokeMoveUpdate(e)},this._handleMouseUp=function(e){e.which===1&&n._mouseButtonDown&&(n._mouseButtonDown=!1,n._strokeEnd(e))},this._handleTouchStart=function(e){if(e.targetTouches.length===1){var t=e.changedTouches[0];n._strokeBegin(t)}},this._handleTouchMove=function(e){e.preventDefault();var t=e.targetTouches[0];n._strokeMoveUpdate(t)},this._handleTouchEnd=function(e){e.target===n._canvas&&(e.preventDefault(),n._strokeEnd(e))},this.on()}I.prototype.clear=function(){var e=this._ctx,t=this._canvas;e.fillStyle=this.backgroundColor,e.clearRect(0,0,t.width,t.height),e.fillRect(0,0,t.width,t.height),this._data=[],this._reset(),this._isEmpty=!0},I.prototype.fromDataURL=function(e){var t=this,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=new Image,i=n.ratio||window.devicePixelRatio||1,a=n.width||this._canvas.width/i,o=n.height||this._canvas.height/i;this._reset(),r.src=e,r.onload=function(){t._ctx.drawImage(r,0,0,a,o)},this._isEmpty=!1},I.prototype.toDataURL=function(e){var t;switch(e){case`image/svg+xml`:return this._toSVG();default:for(var n=arguments.length,r=Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return(t=this._canvas).toDataURL.apply(t,[e].concat(r))}},I.prototype.on=function(){this._handleMouseEvents(),this._handleTouchEvents()},I.prototype.off=function(){this._canvas.removeEventListener(`mousedown`,this._handleMouseDown),this._canvas.removeEventListener(`mousemove`,this._handleMouseMove),document.removeEventListener(`mouseup`,this._handleMouseUp),this._canvas.removeEventListener(`touchstart`,this._handleTouchStart),this._canvas.removeEventListener(`touchmove`,this._handleTouchMove),this._canvas.removeEventListener(`touchend`,this._handleTouchEnd)},I.prototype.isEmpty=function(){return this._isEmpty},I.prototype._strokeBegin=function(e){this._data.push([]),this._reset(),this._strokeUpdate(e),typeof this.onBegin==`function`&&this.onBegin(e)},I.prototype._strokeUpdate=function(e){var t=e.clientX,n=e.clientY,r=this._createPoint(t,n),i=this._data[this._data.length-1],a=i&&i[i.length-1],o=a&&r.distanceTo(a)<this.minDistance;if(!(a&&o)){var s=this._addPoint(r),c=s.curve,l=s.widths;c&&l&&this._drawCurve(c,l.start,l.end),this._data[this._data.length-1].push({x:r.x,y:r.y,time:r.time,color:this.penColor})}},I.prototype._strokeEnd=function(e){var t=this.points.length>2,n=this.points[0];if(!t&&n&&this._drawDot(n),n){var r=this._data[this._data.length-1],i=r[r.length-1];n.equals(i)||r.push({x:n.x,y:n.y,time:n.time,color:this.penColor})}typeof this.onEnd==`function`&&this.onEnd(e)},I.prototype._handleMouseEvents=function(){this._mouseButtonDown=!1,this._canvas.addEventListener(`mousedown`,this._handleMouseDown),this._canvas.addEventListener(`mousemove`,this._handleMouseMove),document.addEventListener(`mouseup`,this._handleMouseUp)},I.prototype._handleTouchEvents=function(){this._canvas.style.msTouchAction=`none`,this._canvas.style.touchAction=`none`,this._canvas.addEventListener(`touchstart`,this._handleTouchStart),this._canvas.addEventListener(`touchmove`,this._handleTouchMove),this._canvas.addEventListener(`touchend`,this._handleTouchEnd)},I.prototype._reset=function(){this.points=[],this._lastVelocity=0,this._lastWidth=(this.minWidth+this.maxWidth)/2,this._ctx.fillStyle=this.penColor},I.prototype._createPoint=function(e,t,n){var r=this._canvas.getBoundingClientRect();return new N(e-r.left,t-r.top,n||new Date().getTime())},I.prototype._addPoint=function(e){var t=this.points,n=void 0;if(t.push(e),t.length>2){t.length===3&&t.unshift(t[0]),n=this._calculateCurveControlPoints(t[0],t[1],t[2]);var r=n.c2;n=this._calculateCurveControlPoints(t[1],t[2],t[3]);var i=n.c1,a=new P(t[1],r,i,t[2]),o=this._calculateCurveWidths(a);return t.shift(),{curve:a,widths:o}}return{}},I.prototype._calculateCurveControlPoints=function(e,t,n){var r=e.x-t.x,i=e.y-t.y,a=t.x-n.x,o=t.y-n.y,s={x:(e.x+t.x)/2,y:(e.y+t.y)/2},c={x:(t.x+n.x)/2,y:(t.y+n.y)/2},l=Math.sqrt(r*r+i*i),u=Math.sqrt(a*a+o*o),d=s.x-c.x,f=s.y-c.y,p=u/(l+u),m={x:c.x+d*p,y:c.y+f*p},h=t.x-m.x,g=t.y-m.y;return{c1:new N(s.x+h,s.y+g),c2:new N(c.x+h,c.y+g)}},I.prototype._calculateCurveWidths=function(e){var t=e.startPoint,n=e.endPoint,r={start:null,end:null},i=this.velocityFilterWeight*n.velocityFrom(t)+(1-this.velocityFilterWeight)*this._lastVelocity,a=this._strokeWidth(i);return r.start=this._lastWidth,r.end=a,this._lastVelocity=i,this._lastWidth=a,r},I.prototype._strokeWidth=function(e){return Math.max(this.maxWidth/(e+1),this.minWidth)},I.prototype._drawPoint=function(e,t,n){var r=this._ctx;r.moveTo(e,t),r.arc(e,t,n,0,2*Math.PI,!1),this._isEmpty=!1},I.prototype._drawCurve=function(e,t,n){var r=this._ctx,i=n-t,a=Math.floor(e.length());r.beginPath();for(var o=0;o<a;o+=1){var s=o/a,c=s*s,l=c*s,u=1-s,d=u*u,f=d*u,p=f*e.startPoint.x;p+=3*d*s*e.control1.x,p+=3*u*c*e.control2.x,p+=l*e.endPoint.x;var m=f*e.startPoint.y;m+=3*d*s*e.control1.y,m+=3*u*c*e.control2.y,m+=l*e.endPoint.y;var h=t+l*i;this._drawPoint(p,m,h)}r.closePath(),r.fill()},I.prototype._drawDot=function(e){var t=this._ctx,n=typeof this.dotSize==`function`?this.dotSize():this.dotSize;t.beginPath(),this._drawPoint(e.x,e.y,n),t.closePath(),t.fill()},I.prototype._fromData=function(e,t,n){for(var r=0;r<e.length;r+=1){var i=e[r];if(i.length>1)for(var a=0;a<i.length;a+=1){var o=i[a],s=new N(o.x,o.y,o.time),c=o.color;if(a===0)this.penColor=c,this._reset(),this._addPoint(s);else if(a!==i.length-1){var l=this._addPoint(s),u=l.curve,d=l.widths;u&&d&&t(u,d,c)}}else{this._reset();var f=i[0];n(f)}}},I.prototype._toSVG=function(){var e=this,t=this._data,n=this._canvas,r=Math.max(window.devicePixelRatio||1,1),i=0,a=0,o=n.width/r,s=n.height/r,c=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);c.setAttributeNS(null,`width`,n.width),c.setAttributeNS(null,`height`,n.height),this._fromData(t,function(e,t,n){var r=document.createElement(`path`);if(!isNaN(e.control1.x)&&!isNaN(e.control1.y)&&!isNaN(e.control2.x)&&!isNaN(e.control2.y)){var i=`M `+e.startPoint.x.toFixed(3)+`,`+e.startPoint.y.toFixed(3)+` `+(`C `+e.control1.x.toFixed(3)+`,`+e.control1.y.toFixed(3)+` `)+(e.control2.x.toFixed(3)+`,`+e.control2.y.toFixed(3)+` `)+(e.endPoint.x.toFixed(3)+`,`+e.endPoint.y.toFixed(3));r.setAttribute(`d`,i),r.setAttribute(`stroke-width`,(t.end*2.25).toFixed(3)),r.setAttribute(`stroke`,n),r.setAttribute(`fill`,`none`),r.setAttribute(`stroke-linecap`,`round`),c.appendChild(r)}},function(t){var n=document.createElement(`circle`),r=typeof e.dotSize==`function`?e.dotSize():e.dotSize;n.setAttribute(`r`,r),n.setAttribute(`cx`,t.x),n.setAttribute(`cy`,t.y),n.setAttribute(`fill`,t.color),c.appendChild(n)});var l=`data:image/svg+xml;base64,`,u=`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"`+(` viewBox="`+i+` `+a+` `+o+` `+s+`"`)+(` width="`+o+`"`)+(` height="`+s+`"`)+`>`,d=c.innerHTML;if(d===void 0){var f=document.createElement(`dummy`),p=c.childNodes;f.innerHTML=``;for(var m=0;m<p.length;m+=1)f.appendChild(p[m].cloneNode(!0));d=f.innerHTML}var h=u+d+`</svg>`;return l+btoa(h)},I.prototype.fromData=function(e){var t=this;this.clear(),this._fromData(e,function(e,n){return t._drawCurve(e,n.start,n.end)},function(e){return t._drawDot(e)}),this._data=e},I.prototype.toData=function(){return this._data};var L=e.t(((e,t,n)=>{(function(n,r){typeof e==`object`&&typeof t==`object`?t.exports=r():typeof define==`function`&&define.amd?define([],r):typeof e==`object`?e.trimCanvas=r():n.trimCanvas=r()})(n,function(){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p=``,t(0)}([function(e,t){"use strict";function n(e){var t=e.getContext(`2d`),n=e.width,r=e.height,i=t.getImageData(0,0,n,r).data,s=a(!0,n,r,i),c=a(!1,n,r,i),l=o(!0,n,r,i),u=o(!1,n,r,i)-l+1,d=c-s+1,f=t.getImageData(l,s,u,d);return e.width=u,e.height=d,t.clearRect(0,0,u,d),t.putImageData(f,0,0),e}function r(e,t,n,r){return{red:r[4*(n*t+e)],green:r[4*(n*t+e)+1],blue:r[4*(n*t+e)+2],alpha:r[4*(n*t+e)+3]}}function i(e,t,n,i){return r(e,t,n,i).alpha}function a(e,t,n,r){for(var a=e?1:-1,o=e?0:n-1;e?o<n:o>-1;o+=a)for(var s=0;s<t;s++)if(i(s,o,t,r))return o;return null}function o(e,t,n,r){for(var a=e?1:-1,o=e?0:t-1;e?o<t:o>-1;o+=a)for(var s=0;s<n;s++)if(i(o,s,t,r))return o;return null}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n}])})})),R=e.n(L(),1),z=[`canvasProps`,`clearOnResize`],B=function(e){g(n,e);var t=x(n);function n(){var e;m(this,n);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return e=t.call.apply(t,[this].concat(a)),e.staticThis=e.constructor,e._sigPad=null,e._canvas=null,e.setRef=function(t){e._canvas=t,e._canvas===null&&(e._sigPad=null)},e._excludeOurProps=function(){var t=e.props;return t.canvasProps,t.clearOnResize,c(t,z)},e.componentDidMount=function(){var t=e.getCanvas();e._sigPad=new I(t,e._excludeOurProps()),e._resizeCanvas(),e.on()},e.componentWillUnmount=function(){e.off()},e.componentDidUpdate=function(){Object.assign(e._sigPad,e._excludeOurProps())},e.getCanvas=function(){if(e._canvas===null)throw e.staticThis.refNullError;return e._canvas},e.getTrimmedCanvas=function(){var t=e.getCanvas(),n=document.createElement(`canvas`);return n.width=t.width,n.height=t.height,n.getContext(`2d`).drawImage(t,0,0),(0,R.default)(n)},e.getSignaturePad=function(){if(e._sigPad===null)throw e.staticThis.refNullError;return e._sigPad},e._checkClearOnResize=function(){e.props.clearOnResize&&e._resizeCanvas()},e._resizeCanvas=function(){var t=e.props.canvasProps??{},n=t.width,r=t.height;if(n===void 0||r===void 0){var i=e.getCanvas(),a=Math.max(window.devicePixelRatio??1,1);n===void 0&&(i.width=i.offsetWidth*a),r===void 0&&(i.height=i.offsetHeight*a),i.getContext(`2d`).scale(a,a),e.clear()}},e.render=function(){var t=e.props.canvasProps;return r.default.createElement(`canvas`,o({ref:e.setRef},t))},e.on=function(){return window.addEventListener(`resize`,e._checkClearOnResize),e.getSignaturePad().on()},e.off=function(){return window.removeEventListener(`resize`,e._checkClearOnResize),e.getSignaturePad().off()},e.clear=function(){return e.getSignaturePad().clear()},e.isEmpty=function(){return e.getSignaturePad().isEmpty()},e.fromDataURL=function(t,n){return e.getSignaturePad().fromDataURL(t,n)},e.toDataURL=function(t,n){return e.getSignaturePad().toDataURL(t,n)},e.fromData=function(t){return e.getSignaturePad().fromData(t)},e.toData=function(){return e.getSignaturePad().toData()},e}return p(n)}(r.Component);B.propTypes={velocityFilterWeight:M.default.number,minWidth:M.default.number,maxWidth:M.default.number,minDistance:M.default.number,dotSize:M.default.oneOfType([M.default.number,M.default.func]),penColor:M.default.string,throttle:M.default.number,onEnd:M.default.func,onBegin:M.default.func,canvasProps:M.default.object,clearOnResize:M.default.bool},B.defaultProps={clearOnResize:!0},B.refNullError=Error(`react-signature-canvas is currently mounting or unmounting: React refs are null during this phase.`);function V({attributes:e={},rules:o={},onChange:s}){let{id:c=``,MuiAttributes:l={},label:u=`Signature`,bucket:d=``,region:f=``,identityPoolId:p=``,path:m=``,disabled:h=!1,CanvasProps:g={}}=e,_=(0,r.useRef)(null),v=(0,r.useRef)(null),[y,b]=(0,r.useState)(!1),[x,S]=(0,r.useState)(e.value||null),[C,w]=(0,r.useState)(400),[T,E]=(0,r.useState)(!1),D=t.r(o),O=g?.style?.height||150;(0,r.useEffect)(()=>{let e=v.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect?.width;t&&t>0&&w(Math.floor(t))});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{e.value?S(e.value):(S(null),E(!1),_.current&&_.current.clear())},[e.value]);let k=()=>{_.current&&_.current.clear(),S(null),E(!1),s&&s({id:c,value:``})},A=async()=>{if(!_.current||_.current.isEmpty())return;b(!0);let e=_.current.toDataURL(`image/png`),t=`${c}-${Date.now()}.png`;try{let r=await n.t(e,t,d,f,p,m);S(r),E(!0),s&&s({id:c,value:r})}catch(e){console.error(`Signature upload failed`,e)}finally{b(!1)}};return(0,a.jsxs)(i.Box,{sx:{width:`100%`,...l.sx},children:[(0,a.jsxs)(i.Typography,{variant:`subtitle2`,gutterBottom:!0,sx:{display:`flex`},children:[u,D&&(0,a.jsx)(i.Box,{component:`span`,sx:{color:`error.main`,ml:.5},children:`*`})]}),(0,a.jsxs)(i.Box,{ref:v,sx:{position:`relative`,isolation:`isolate`,zIndex:1,border:`1px solid`,borderColor:`divider`,borderRadius:1,overflow:`hidden`,bgcolor:`background.paper`},children:[(0,a.jsx)(B,{ref:_,penColor:`black`,canvasProps:{className:`sigCanvas`,width:C,height:O,style:{display:`block`,position:`relative`,zIndex:1,touchAction:`none`,pointerEvents:h?`none`:`auto`,...g?.style,width:`100%`,height:O}},backgroundColor:`transparent`}),x&&(0,a.jsx)(i.Box,{component:`img`,src:x,alt:`Signature`,sx:{position:`absolute`,inset:0,width:`100%`,height:O,objectFit:`contain`,bgcolor:`background.paper`}})]}),(0,a.jsxs)(i.Box,{sx:{display:`flex`,flexWrap:`wrap`,gap:1,alignItems:`center`,mt:1},children:[(0,a.jsx)(i.Button,{variant:`outlined`,color:`secondary`,onClick:k,size:`small`,disabled:h||y,children:`Clear`}),(0,a.jsx)(i.Button,{variant:`contained`,color:`primary`,onClick:A,size:`small`,disabled:h||y||x!==null,startIcon:y?(0,a.jsx)(i.CircularProgress,{size:16,color:`inherit`}):null,children:x?`Saved`:`Save`}),T&&x&&(0,a.jsx)(i.Typography,{variant:`caption`,sx:{color:`success.main`},children:`Signature Saved!`})]})]})}exports.default=V;