@ioca/react 1.4.80 → 1.4.81

package/lib/es/components/description/description.js

@@ -1,41 +1,28 @@
-import classNames from "classnames";
-import { Fragment } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/description/description.tsx
+import { jsx, jsxs } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { Fragment } from 'react';
+
 const Description = (props) => {
-	const { data, colon, columns = 1, gap = ".5em", align, labelWidth, labelAlign, vertical, equally, style, className } = props;
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames("i-description", className),
-		style: {
-			["--description-label-width"]: labelWidth,
-			gridTemplateColumns: `repeat(${columns}, ${equally ? "1fr" : "auto"})`,
-			gap,
-			textAlign: align,
-			...style
-		},
-		children: data.map((item, i) => {
-			const { label, value, style, hidden, rowSpan = 1, colSpan = 1 } = item;
-			if (hidden) return /* @__PURE__ */ jsx(Fragment, {}, i);
-			return /* @__PURE__ */ jsxs("div", {
-				className: classNames("i-description-item", { "i-description-item-vertical": vertical }),
-				style: {
-					gridColumn: `span ${colSpan}`,
-					gridRow: `span ${rowSpan}`,
-					...style
-				},
-				children: [label && /* @__PURE__ */ jsxs("div", {
-					className: "i-description-label",
-					style: { textAlign: labelAlign },
-					children: [label, colon]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "i-description-value",
-					children: value
-				})]
-			}, i);
-		})
-	});
+    const { data, colon, columns = 1, gap = ".5em", align, labelWidth, labelAlign, vertical, equally, style, className, } = props;
+    return (jsx("div", { className: classNames("i-description", className), style: {
+            ["--description-label-width"]: labelWidth,
+            gridTemplateColumns: `repeat(${columns}, ${equally ? "1fr" : "auto"})`,
+            gap,
+            textAlign: align,
+            ...style,
+        }, children: data.map((item, i) => {
+            const { label, value, style, hidden, rowSpan = 1, colSpan = 1, } = item;
+            if (hidden)
+                return jsx(Fragment, {}, i);
+            return (jsxs("div", { className: classNames("i-description-item", {
+                    "i-description-item-vertical": vertical,
+                }), style: {
+                    gridColumn: `span ${colSpan}`,
+                    gridRow: `span ${rowSpan}`,
+                    ...style,
+                }, children: [label && (jsxs("div", { className: 'i-description-label', style: { textAlign: labelAlign }, children: [label, colon] })), jsx("div", { className: 'i-description-value', children: value })] }, i));
+        }) }));
 };
-//#endregion
-export { Description as default };
 
-//# sourceMappingURL=description.js.map
+export { Description as default };
+//# sourceMappingURL=description.js.map

package/lib/es/components/description/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","names":[],"sources":["../../../../packages/components/description/description.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { CSSProperties, Fragment } from \"react\";\nimport \"./index.css\";\nimport { IDescription } from \"./type\";\n\nconst Description = (props: IDescription) => {\n\tconst {\n\t\tdata,\n\t\tcolon,\n\t\tcolumns = 1,\n\t\tgap = \".5em\",\n\t\talign,\n\t\tlabelWidth,\n\t\tlabelAlign,\n\t\tvertical,\n\t\tequally,\n\t\tstyle,\n\t\tclassName,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-description\", className)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t[\"--description-label-width\"]: labelWidth,\n\t\t\t\t\tgridTemplateColumns: `repeat(${columns}, ${\n\t\t\t\t\t\tequally ? \"1fr\" : \"auto\"\n\t\t\t\t\t})`,\n\t\t\t\t\tgap,\n\t\t\t\t\ttextAlign: align,\n\t\t\t\t\t...style,\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{data.map((item, i) => {\n\t\t\t\tconst {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue,\n\t\t\t\t\tstyle,\n\t\t\t\t\thidden,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t\tcolSpan = 1,\n\t\t\t\t} = item;\n\n\t\t\t\tif (hidden) return <Fragment key={i} />;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tclassName={classNames(\"i-description-item\", {\n\t\t\t\t\t\t\t\"i-description-item-vertical\": vertical,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tgridColumn: `span ${colSpan}`,\n\t\t\t\t\t\t\tgridRow: `span ${rowSpan}`,\n\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='i-description-label'\n\t\t\t\t\t\t\t\tstyle={{ textAlign: labelAlign }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t{colon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className='i-description-value'>{value}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Description;\n"],"mappings":""}
+{"version":3,"file":"description.js","sources":["../../../../packages/components/description/description.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { CSSProperties, Fragment } from \"react\";\nimport \"./index.css\";\nimport { IDescription } from \"./type\";\n\nconst Description = (props: IDescription) => {\n\tconst {\n\t\tdata,\n\t\tcolon,\n\t\tcolumns = 1,\n\t\tgap = \".5em\",\n\t\talign,\n\t\tlabelWidth,\n\t\tlabelAlign,\n\t\tvertical,\n\t\tequally,\n\t\tstyle,\n\t\tclassName,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-description\", className)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t[\"--description-label-width\"]: labelWidth,\n\t\t\t\t\tgridTemplateColumns: `repeat(${columns}, ${\n\t\t\t\t\t\tequally ? \"1fr\" : \"auto\"\n\t\t\t\t\t})`,\n\t\t\t\t\tgap,\n\t\t\t\t\ttextAlign: align,\n\t\t\t\t\t...style,\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{data.map((item, i) => {\n\t\t\t\tconst {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue,\n\t\t\t\t\tstyle,\n\t\t\t\t\thidden,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t\tcolSpan = 1,\n\t\t\t\t} = item;\n\n\t\t\t\tif (hidden) return <Fragment key={i} />;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tclassName={classNames(\"i-description-item\", {\n\t\t\t\t\t\t\t\"i-description-item-vertical\": vertical,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tgridColumn: `span ${colSpan}`,\n\t\t\t\t\t\t\tgridRow: `span ${rowSpan}`,\n\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='i-description-label'\n\t\t\t\t\t\t\t\tstyle={{ textAlign: labelAlign }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t{colon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className='i-description-value'>{value}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Description;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;AAKA,MAAM,WAAW,GAAG,CAAC,KAAmB,KAAI;AAC3C,IAAA,MAAM,EACL,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,MAAM,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACT,GAAG,KAAK;AAET,IAAA,QACCA,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,KAAK,EACJ;YACC,CAAC,2BAA2B,GAAG,UAAU;AACzC,YAAA,mBAAmB,EAAE,CAAA,OAAA,EAAU,OAAO,CAAA,EAAA,EACrC,OAAO,GAAG,KAAK,GAAG,MACnB,CAAA,CAAA,CAAG;YACH,GAAG;AACH,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,GAAG,KAAK;SACS,EAAA,QAAA,EAGlB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AACrB,YAAA,MAAM,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,GACX,GAAG,IAAI;AAER,YAAA,IAAI,MAAM;AAAE,gBAAA,OAAOA,GAAA,CAAC,QAAQ,EAAA,EAAA,EAAM,CAAC,CAAI;AAEvC,YAAA,QACCC,IAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;AAC3C,oBAAA,6BAA6B,EAAE,QAAQ;iBACvC,CAAC,EACF,KAAK,EAAE;oBACN,UAAU,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;oBAC7B,OAAO,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;AAC1B,oBAAA,GAAG,KAAK;AACR,iBAAA,EAAA,QAAA,EAAA,CAEA,KAAK,KACLA,IAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAE/B,KAAK,EACL,KAAK,CAAA,EAAA,CACD,CACN,EACDD,aAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAO,CAAA,EAAA,EAnB7C,CAAC,CAoBD;QAER,CAAC,CAAC,EAAA,CACG;AAER;;;;"}

package/lib/es/components/description/index.js

@@ -1,7 +1,6 @@
-import Description from "./description.js";
-//#region packages/components/description/index.tsx
-var description_default = Description;
-//#endregion
-export { description_default as default };
+import Description from './description.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Description as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/description/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/description/index.tsx"],"sourcesContent":["import Description from \"./description\";\n\nexport default Description;\n"],"mappings":";;AAEA,IAAA,sBAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/es/components/drawer/drawer.js

@@ -1,82 +1,66 @@
-import { useKeydown, useReactive } from "../../js/hooks.js";
-import helpericon_default from "../utils/helpericon/index.js";
-import classNames from "classnames";
-import { useEffect, useRef, useTransition } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-//#region packages/components/drawer/drawer.tsx
+import { jsx, jsxs } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { useRef, useTransition, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { useReactive, useKeydown } from '../../js/hooks.js';
+import Helpericon from '../utils/helpericon/helpericon.js';
+
 function Drawer(props) {
-	const { visible, position = "left", header, footer, backdropClosable = true, hideCloseButton, keepDOM, className, disabledEsc, children, onVisibleChange, onClose, ...restProps } = props;
-	const toggable = useRef(true);
-	const state = useReactive({
-		show: visible,
-		active: visible
-	});
-	const [isPending, startTransition] = useTransition();
-	const handleHide = () => {
-		if (!toggable.current || isPending) return;
-		toggable.current = false;
-		startTransition(() => {
-			state.active = false;
-			setTimeout(() => {
-				if (!keepDOM) state.show = false;
-				onVisibleChange?.(false);
-				toggable.current = true;
-				onClose?.();
-			}, 240);
-		});
-	};
-	const handleShow = () => {
-		if (!toggable.current || isPending) return;
-		state.show = true;
-		onVisibleChange?.(true);
-		toggable.current = false;
-		startTransition(() => {
-			requestAnimationFrame(() => {
-				state.active = true;
-				toggable.current = true;
-			});
-		});
-	};
-	useEffect(() => {
-		visible ? handleShow() : handleHide();
-	}, [visible]);
-	const handleBackdropClick = () => {
-		backdropClosable && handleHide();
-	};
-	useKeydown((e) => {
-		if (e.code !== "Escape" || !visible) return;
-		handleHide();
-	}, { disabled: disabledEsc });
-	if (!state.show) return null;
-	return createPortal(/* @__PURE__ */ jsx("div", {
-		className: classNames("i-backdrop-drawer", className, { "i-active": state.active }),
-		onClick: handleBackdropClick,
-		...restProps,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: classNames("i-drawer", `i-drawer-${position}`),
-			onClick: (e) => e.stopPropagation(),
-			children: [
-				header && /* @__PURE__ */ jsxs("header", {
-					className: "i-drawer-header",
-					children: [header, !hideCloseButton && /* @__PURE__ */ jsx(helpericon_default, {
-						className: "i-drawer-close",
-						onClick: handleHide
-					})]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "i-drawer-content",
-					children
-				}),
-				footer && /* @__PURE__ */ jsx("div", {
-					className: "i-drawer-footer",
-					children: footer
-				})
-			]
-		})
-	}), document.body);
+    const { visible, position = "left", header, footer, backdropClosable = true, hideCloseButton, keepDOM, className, disabledEsc, children, onVisibleChange, onClose, ...restProps } = props;
+    const toggable = useRef(true);
+    const state = useReactive({
+        show: visible,
+        active: visible,
+    });
+    const [isPending, startTransition] = useTransition();
+    const handleHide = () => {
+        if (!toggable.current || isPending)
+            return;
+        toggable.current = false;
+        startTransition(() => {
+            state.active = false;
+            setTimeout(() => {
+                if (!keepDOM) {
+                    state.show = false;
+                }
+                onVisibleChange?.(false);
+                toggable.current = true;
+                onClose?.();
+            }, 240);
+        });
+    };
+    const handleShow = () => {
+        if (!toggable.current || isPending)
+            return;
+        state.show = true;
+        onVisibleChange?.(true);
+        toggable.current = false;
+        startTransition(() => {
+            requestAnimationFrame(() => {
+                state.active = true;
+                toggable.current = true;
+            });
+        });
+    };
+    useEffect(() => {
+        visible ? handleShow() : handleHide();
+    }, [visible]);
+    const handleBackdropClick = () => {
+        backdropClosable && handleHide();
+    };
+    useKeydown((e) => {
+        if (e.code !== "Escape" || !visible)
+            return;
+        handleHide();
+    }, {
+        disabled: disabledEsc,
+    });
+    if (!state.show)
+        return null;
+    return createPortal(jsx("div", { className: classNames("i-backdrop-drawer", className, {
+            "i-active": state.active,
+        }), onClick: handleBackdropClick, ...restProps, children: jsxs("div", { className: classNames("i-drawer", `i-drawer-${position}`), onClick: (e) => e.stopPropagation(), children: [header && (jsxs("header", { className: 'i-drawer-header', children: [header, !hideCloseButton && (jsx(Helpericon, { className: 'i-drawer-close', onClick: handleHide }))] })), jsx("div", { className: 'i-drawer-content', children: children }), footer && jsx("div", { className: 'i-drawer-footer', children: footer })] }) }), document.body);
 }
-//#endregion
-export { Drawer as default };
 
-//# sourceMappingURL=drawer.js.map
+export { Drawer as default };
+//# sourceMappingURL=drawer.js.map

package/lib/es/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":[],"sources":["../../../../packages/components/drawer/drawer.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useTransition } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useKeydown, useReactive } from \"../../js/hooks\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IDrawer } from \"./type\";\n\nfunction Drawer(props: IDrawer) {\n\tconst {\n\t\tvisible,\n\t\tposition = \"left\",\n\t\theader,\n\t\tfooter,\n\t\tbackdropClosable = true,\n\t\thideCloseButton,\n\t\tkeepDOM,\n\t\tclassName,\n\t\tdisabledEsc,\n\t\tchildren,\n\t\tonVisibleChange,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst toggable = useRef(true);\n\tconst state = useReactive({\n\t\tshow: visible,\n\t\tactive: visible,\n\t});\n\tconst [isPending, startTransition] = useTransition();\n\n\tconst handleHide = () => {\n\t\tif (!toggable.current || isPending) return;\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\tstate.active = false;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (!keepDOM) {\n\t\t\t\t\tstate.show = false;\n\t\t\t\t}\n\t\t\t\tonVisibleChange?.(false);\n\t\t\t\ttoggable.current = true;\n\t\t\t\tonClose?.();\n\t\t\t}, 240);\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tif (!toggable.current || isPending) return;\n\n\t\tstate.show = true;\n\t\tonVisibleChange?.(true);\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tstate.active = true;\n\t\t\t\ttoggable.current = true;\n\t\t\t});\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tvisible ? handleShow() : handleHide();\n\t}, [visible]);\n\n\tconst handleBackdropClick = () => {\n\t\tbackdropClosable && handleHide();\n\t};\n\n\tuseKeydown(\n\t\t(e) => {\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\n\t\t\thandleHide();\n\t\t},\n\t\t{\n\t\t\tdisabled: disabledEsc,\n\t\t}\n\t);\n\n\tif (!state.show) return null;\n\n\treturn createPortal(\n\t\t<div\n\t\t\tclassName={classNames(\"i-backdrop-drawer\", className, {\n\t\t\t\t\"i-active\": state.active,\n\t\t\t})}\n\t\t\tonClick={handleBackdropClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-drawer\", `i-drawer-${position}`)}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<header className='i-drawer-header'>\n\t\t\t\t\t\t{header}\n\n\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tclassName='i-drawer-close'\n\t\t\t\t\t\t\t\tonClick={handleHide}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\n\t\t\t\t<div className='i-drawer-content'>{children}</div>\n\n\t\t\t\t{footer && <div className='i-drawer-footer'>{footer}</div>}\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument.body\n\t);\n}\n\nexport default Drawer;\n"],"mappings":""}
+{"version":3,"file":"drawer.js","sources":["../../../../packages/components/drawer/drawer.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useTransition } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useKeydown, useReactive } from \"../../js/hooks\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IDrawer } from \"./type\";\n\nfunction Drawer(props: IDrawer) {\n\tconst {\n\t\tvisible,\n\t\tposition = \"left\",\n\t\theader,\n\t\tfooter,\n\t\tbackdropClosable = true,\n\t\thideCloseButton,\n\t\tkeepDOM,\n\t\tclassName,\n\t\tdisabledEsc,\n\t\tchildren,\n\t\tonVisibleChange,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst toggable = useRef(true);\n\tconst state = useReactive({\n\t\tshow: visible,\n\t\tactive: visible,\n\t});\n\tconst [isPending, startTransition] = useTransition();\n\n\tconst handleHide = () => {\n\t\tif (!toggable.current || isPending) return;\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\tstate.active = false;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (!keepDOM) {\n\t\t\t\t\tstate.show = false;\n\t\t\t\t}\n\t\t\t\tonVisibleChange?.(false);\n\t\t\t\ttoggable.current = true;\n\t\t\t\tonClose?.();\n\t\t\t}, 240);\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tif (!toggable.current || isPending) return;\n\n\t\tstate.show = true;\n\t\tonVisibleChange?.(true);\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tstate.active = true;\n\t\t\t\ttoggable.current = true;\n\t\t\t});\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tvisible ? handleShow() : handleHide();\n\t}, [visible]);\n\n\tconst handleBackdropClick = () => {\n\t\tbackdropClosable && handleHide();\n\t};\n\n\tuseKeydown(\n\t\t(e) => {\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\n\t\t\thandleHide();\n\t\t},\n\t\t{\n\t\t\tdisabled: disabledEsc,\n\t\t}\n\t);\n\n\tif (!state.show) return null;\n\n\treturn createPortal(\n\t\t<div\n\t\t\tclassName={classNames(\"i-backdrop-drawer\", className, {\n\t\t\t\t\"i-active\": state.active,\n\t\t\t})}\n\t\t\tonClick={handleBackdropClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-drawer\", `i-drawer-${position}`)}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<header className='i-drawer-header'>\n\t\t\t\t\t\t{header}\n\n\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tclassName='i-drawer-close'\n\t\t\t\t\t\t\t\tonClick={handleHide}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\n\t\t\t\t<div className='i-drawer-content'>{children}</div>\n\n\t\t\t\t{footer && <div className='i-drawer-footer'>{footer}</div>}\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument.body\n\t);\n}\n\nexport default Drawer;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/es/components/drawer/index.js

@@ -1,7 +1,6 @@
-import Drawer from "./drawer.js";
-//#region packages/components/drawer/index.tsx
-var drawer_default = Drawer;
-//#endregion
-export { drawer_default as default };
+import Drawer from './drawer.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Drawer as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/drawer/index.tsx"],"sourcesContent":["import Drawer from \"./drawer\";\n\nexport default Drawer;\n"],"mappings":";;AAEA,IAAA,iBAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/es/components/dropdown/dropdown.js

@@ -1,37 +1,29 @@
-import list_default from "../list/index.js";
-import popup_default from "../popup/index.js";
-import Item from "./item.js";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/dropdown/dropdown.tsx
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import List from '../list/list.js';
+import Popup from '../popup/popup.js';
+import Item from './item.js';
+
 const Dropdown = (props) => {
-	const { visible, width, content, children, ...restProps } = props;
-	const [active, setActive] = useState(visible);
-	if (!content) return children;
-	const handleVisibleChange = (v) => {
-		setActive(v);
-		if (props.onVisibleChange) props.onVisibleChange(v);
-	};
-	useEffect(() => {
-		setActive(visible);
-	}, [visible]);
-	return /* @__PURE__ */ jsx(popup_default, {
-		trigger: "click",
-		position: "bottom",
-		content: /* @__PURE__ */ jsx(list_default, {
-			className: "i-dropdown-content",
-			style: { minWidth: width },
-			children: typeof content === "function" ? content(() => setActive(false)) : content
-		}),
-		...restProps,
-		touchable: true,
-		visible: active,
-		onVisibleChange: handleVisibleChange,
-		children
-	});
+    const { visible, width, content, children, ...restProps } = props;
+    const [active, setActive] = useState(visible);
+    if (!content) {
+        return children;
+    }
+    const handleVisibleChange = (v) => {
+        setActive(v);
+        if (props.onVisibleChange) {
+            props.onVisibleChange(v);
+        }
+    };
+    useEffect(() => {
+        setActive(visible);
+    }, [visible]);
+    return (jsx(Popup, { trigger: 'click', position: 'bottom', content: jsx(List, { className: 'i-dropdown-content', style: { minWidth: width }, children: typeof content === "function"
+                ? content(() => setActive(false))
+                : content }), ...restProps, touchable: true, visible: active, onVisibleChange: handleVisibleChange, children: children }));
 };
 Dropdown.Item = Item;
-//#endregion
-export { Dropdown as default };
 
-//# sourceMappingURL=dropdown.js.map
+export { Dropdown as default };
+//# sourceMappingURL=dropdown.js.map

package/lib/es/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":[],"sources":["../../../../packages/components/dropdown/dropdown.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport List from \"../list\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IDropdown } from \"./type\";\n\nconst Dropdown = (props: IDropdown) => {\n\tconst { visible, width, content, children, ...restProps } = props;\n\tconst [active, setActive] = useState(visible);\n\n\tif (!content) {\n\t\treturn children;\n\t}\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tsetActive(v);\n\t\tif (props.onVisibleChange) {\n\t\t\tprops.onVisibleChange(v);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetActive(visible);\n\t}, [visible]);\n\n\treturn (\n\t\t<Popup\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tcontent={\n\t\t\t\t<List\n\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\tstyle={{ minWidth: width }}\n\t\t\t\t>\n\t\t\t\t\t{typeof content === \"function\"\n\t\t\t\t\t\t? content(() => setActive(false))\n\t\t\t\t\t\t: content}\n\t\t\t\t</List>\n\t\t\t}\n\t\t\t{...restProps}\n\t\t\ttouchable\n\t\t\tvisible={active}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"mappings":""}
+{"version":3,"file":"dropdown.js","sources":["../../../../packages/components/dropdown/dropdown.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport List from \"../list\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IDropdown } from \"./type\";\n\nconst Dropdown = (props: IDropdown) => {\n\tconst { visible, width, content, children, ...restProps } = props;\n\tconst [active, setActive] = useState(visible);\n\n\tif (!content) {\n\t\treturn children;\n\t}\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tsetActive(v);\n\t\tif (props.onVisibleChange) {\n\t\t\tprops.onVisibleChange(v);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetActive(visible);\n\t}, [visible]);\n\n\treturn (\n\t\t<Popup\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tcontent={\n\t\t\t\t<List\n\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\tstyle={{ minWidth: width }}\n\t\t\t\t>\n\t\t\t\t\t{typeof content === \"function\"\n\t\t\t\t\t\t? content(() => setActive(false))\n\t\t\t\t\t\t: content}\n\t\t\t\t</List>\n\t\t\t}\n\t\t\t{...restProps}\n\t\t\ttouchable\n\t\t\tvisible={active}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"names":["_jsx"],"mappings":";;;;;;AAOA,MAAM,QAAQ,GAAG,CAAC,KAAgB,KAAI;AACrC,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE;AACb,QAAA,OAAO,QAAQ;IAChB;AAEA,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAU,KAAI;QAC1C,SAAS,CAAC,CAAC,CAAC;AACZ,QAAA,IAAI,KAAK,CAAC,eAAe,EAAE;AAC1B,YAAA,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACzB;AACD,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;QACd,SAAS,CAAC,OAAO,CAAC;AACnB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACCA,GAAA,CAAC,KAAK,EAAA,EACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACNA,GAAA,CAAC,IAAI,EAAA,EACJ,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAA,QAAA,EAEzB,OAAO,OAAO,KAAK;kBACjB,OAAO,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC;AAChC,kBAAE,OAAO,EAAA,CACJ,KAEJ,SAAS,EACb,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,mBAAmB,YAEnC,QAAQ,EAAA,CACF;AAEV;AAEA,QAAQ,CAAC,IAAI,GAAG,IAAI;;;;"}

package/lib/es/components/dropdown/index.js

@@ -1,7 +1,6 @@
-import Dropdown from "./dropdown.js";
-//#region packages/components/dropdown/index.tsx
-var dropdown_default = Dropdown;
-//#endregion
-export { dropdown_default as default };
+import Dropdown from './dropdown.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Dropdown as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/dropdown/index.tsx"],"sourcesContent":["import Dropdown from \"./dropdown\";\n\nexport default Dropdown;\n"],"mappings":";;AAEA,IAAA,mBAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/es/components/dropdown/item.js

@@ -1,35 +1,18 @@
-import list_default from "../list/index.js";
-import popup_default from "../popup/index.js";
-import { jsx } from "react/jsx-runtime";
-//#region packages/components/dropdown/item.tsx
-const { Item: ListItem } = list_default;
+import { jsx } from 'react/jsx-runtime';
+import List from '../list/list.js';
+import Popup from '../popup/popup.js';
+
+const { Item: ListItem } = List;
 const Item = (props) => {
-	const { more, moreProps, onClick, ...restProps } = props;
-	const Li = /* @__PURE__ */ jsx(ListItem, {
-		onClick: (e) => {
-			e.stopPropagation();
-			onClick?.(e);
-		},
-		...restProps
-	});
-	if (!more) return Li;
-	return /* @__PURE__ */ jsx(popup_default, {
-		position: "right",
-		touchable: true,
-		arrow: false,
-		align: "start",
-		offset: 10,
-		hideDelay: 240,
-		...moreProps,
-		content: /* @__PURE__ */ jsx(list_default, {
-			className: "i-dropdown-content",
-			onClick: (e) => e.stopPropagation(),
-			children: more
-		}),
-		children: Li
-	});
+    const { more, moreProps, onClick, ...restProps } = props;
+    const Li = (jsx(ListItem, { onClick: (e) => {
+            e.stopPropagation();
+            onClick?.(e);
+        }, ...restProps }));
+    if (!more)
+        return Li;
+    return (jsx(Popup, { position: 'right', touchable: true, arrow: false, align: 'start', offset: 10, hideDelay: 240, ...moreProps, content: jsx(List, { className: 'i-dropdown-content', onClick: (e) => e.stopPropagation(), children: more }), children: Li }));
 };
-//#endregion
-export { Item as default };
 
-//# sourceMappingURL=item.js.map
+export { Item as default };
+//# sourceMappingURL=item.js.map

package/lib/es/components/dropdown/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["List","Popup"],"sources":["../../../../packages/components/dropdown/item.tsx"],"sourcesContent":["import List from \"../list\";\nimport Popup from \"../popup\";\nimport { IDropItem } from \"./type\";\n\nconst { Item: ListItem } = List;\n\nconst Item = (props: IDropItem) => {\n\tconst { more, moreProps, onClick, ...restProps } = props;\n\tconst Li = (\n\t\t<ListItem\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\tonClick?.(e);\n\t\t\t}}\n\t\t\t{...restProps}\n\t\t/>\n\t);\n\n\tif (!more) return Li;\n\n\treturn (\n\t\t<Popup\n\t\t\tposition='right'\n\t\t\ttouchable\n\t\t\tarrow={false}\n\t\t\talign='start'\n\t\t\toffset={10}\n\t\t\thideDelay={240}\n\t\t\t{...moreProps}\n\t\t\tcontent={\n\t\t\t\t<List\n\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t>\n\t\t\t\t\t{more}\n\t\t\t\t</List>\n\t\t\t}\n\t\t>\n\t\t\t{Li}\n\t\t</Popup>\n\t);\n};\n\nexport default Item;\n"],"mappings":";;;;AAIA,MAAM,EAAE,MAAM,aAAaA;AAE3B,MAAM,QAAQ,UAAqB;CAClC,MAAM,EAAE,MAAM,WAAW,SAAS,GAAG,cAAc;CACnD,MAAM,KACL,oBAAC,UAAD;EACC,UAAU,MAAM;AACf,KAAE,iBAAiB;AACnB,aAAU,EAAE;;EAEb,GAAI;EACH,CAAA;AAGH,KAAI,CAAC,KAAM,QAAO;AAElB,QACC,oBAACC,eAAD;EACC,UAAS;EACT,WAAA;EACA,OAAO;EACP,OAAM;EACN,QAAQ;EACR,WAAW;EACX,GAAI;EACJ,SACC,oBAACD,cAAD;GACC,WAAU;GACV,UAAU,MAAM,EAAE,iBAAiB;aAElC;GACK,CAAA;YAGP;EACM,CAAA"}
+{"version":3,"file":"item.js","sources":["../../../../packages/components/dropdown/item.tsx"],"sourcesContent":["import List from \"../list\";\nimport Popup from \"../popup\";\nimport { IDropItem } from \"./type\";\n\nconst { Item: ListItem } = List;\n\nconst Item = (props: IDropItem) => {\n\tconst { more, moreProps, onClick, ...restProps } = props;\n\tconst Li = (\n\t\t<ListItem\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\tonClick?.(e);\n\t\t\t}}\n\t\t\t{...restProps}\n\t\t/>\n\t);\n\n\tif (!more) return Li;\n\n\treturn (\n\t\t<Popup\n\t\t\tposition='right'\n\t\t\ttouchable\n\t\t\tarrow={false}\n\t\t\talign='start'\n\t\t\toffset={10}\n\t\t\thideDelay={240}\n\t\t\t{...moreProps}\n\t\t\tcontent={\n\t\t\t\t<List\n\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t>\n\t\t\t\t\t{more}\n\t\t\t\t</List>\n\t\t\t}\n\t\t>\n\t\t\t{Li}\n\t\t</Popup>\n\t);\n};\n\nexport default Item;\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI;AAE/B,MAAM,IAAI,GAAG,CAAC,KAAgB,KAAI;AACjC,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACxD,MAAM,EAAE,IACPA,GAAA,CAAC,QAAQ,EAAA,EACR,OAAO,EAAE,CAAC,CAAC,KAAI;YACd,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,OAAO,GAAG,CAAC,CAAC;AACb,QAAA,CAAC,EAAA,GACG,SAAS,EAAA,CACZ,CACF;AAED,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IAEpB,QACCA,GAAA,CAAC,KAAK,EAAA,EACL,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,GAAG,EAAA,GACV,SAAS,EACb,OAAO,EACNA,GAAA,CAAC,IAAI,EAAA,EACJ,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EAAA,QAAA,EAElC,IAAI,EAAA,CACC,EAAA,QAAA,EAGP,EAAE,EAAA,CACI;AAEV;;;;"}

package/lib/es/components/editor/controls.js

@@ -1,85 +1,85 @@
-import button_default from "../button/index.js";
-import icon_default from "../icon/index.js";
-import { ClearAllRound, FormatBoldRound, FormatItalicRound, FormatUnderlinedRound, RedoRound, StrikethroughSRound, UndoRound } from "@ricons/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import xss from "xss";
-//#region packages/components/editor/controls.tsx
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ClearAllRound, UndoRound, RedoRound, StrikethroughSRound, FormatUnderlinedRound, FormatItalicRound, FormatBoldRound } from '@ricons/material';
+import xss from 'xss';
+import Button from '../button/button.js';
+import Icon from '../icon/icon.js';
+
 const { escapeAttrValue } = xss;
 const exec = (a, b, c) => {
-	if (typeof document === "undefined") return;
-	return document.execCommand(a, b, c);
+    if (typeof document === "undefined")
+        return;
+    return document.execCommand(a, b, c);
+};
+const xssOptions = {
+    onIgnoreTagAttr: function (tag, name, value) {
+        if (["data-", "style"].includes(name.substr(0, 5))) {
+            return name + '="' + escapeAttrValue(value) + '"';
+        }
+    },
 };
-const xssOptions = { onIgnoreTagAttr: function(tag, name, value) {
-	if (["data-", "style"].includes(name.substr(0, 5))) return name + "=\"" + escapeAttrValue(value) + "\"";
-} };
 const fnMap = {
-	bold: {
-		icon: /* @__PURE__ */ jsx(FormatBoldRound, {}),
-		onClick: () => exec("bold"),
-		tip: "粗体"
-	},
-	italic: {
-		icon: /* @__PURE__ */ jsx(FormatItalicRound, {}),
-		onClick: () => exec("italic"),
-		tip: "斜体"
-	},
-	underline: {
-		icon: /* @__PURE__ */ jsx(FormatUnderlinedRound, {}),
-		onClick: () => exec("underline"),
-		tip: "下划线"
-	},
-	strike: {
-		icon: /* @__PURE__ */ jsx(StrikethroughSRound, {}),
-		onClick: () => exec("strikeThrough"),
-		tip: "删除线"
-	},
-	redo: {
-		icon: /* @__PURE__ */ jsx(RedoRound, {}),
-		onClick: () => exec("redo"),
-		tip: "重做"
-	},
-	undo: {
-		icon: /* @__PURE__ */ jsx(UndoRound, {}),
-		onClick: () => exec("undo"),
-		tip: "撤销"
-	},
-	clear: {
-		icon: /* @__PURE__ */ jsx(ClearAllRound, {}),
-		onClick: () => exec("removeFormat"),
-		tip: "清除格式"
-	}
+    bold: {
+        icon: jsx(FormatBoldRound, {}),
+        onClick: () => exec("bold"),
+        tip: "粗体",
+    },
+    italic: {
+        icon: jsx(FormatItalicRound, {}),
+        onClick: () => exec("italic"),
+        tip: "斜体",
+    },
+    underline: {
+        icon: jsx(FormatUnderlinedRound, {}),
+        onClick: () => exec("underline"),
+        tip: "下划线",
+    },
+    strike: {
+        icon: jsx(StrikethroughSRound, {}),
+        onClick: () => exec("strikeThrough"),
+        tip: "删除线",
+    },
+    redo: {
+        icon: jsx(RedoRound, {}),
+        onClick: () => exec("redo"),
+        tip: "重做",
+    },
+    undo: {
+        icon: jsx(UndoRound, {}),
+        onClick: () => exec("undo"),
+        tip: "撤销",
+    },
+    // color: {
+    // 	icon: <FormatColorTextRound />,
+    // 	onClick: () => exec("foreColor", false, ""),
+    // },
+    // backColor: {
+    // 	icon: <FormatColorFillRound />,
+    // 	onClick: () => exec("backColor", false, ""),
+    // },
+    clear: {
+        icon: jsx(ClearAllRound, {}),
+        onClick: () => exec("removeFormat"),
+        tip: "清除格式",
+    },
 };
 const aliasMap = {
-	simple: [
-		"undo",
-		"redo",
-		"bold",
-		"italic",
-		"underline",
-		"strike",
-		"clear"
-	],
-	all: Object.keys(fnMap)
+    simple: ["undo", "redo", "bold", "italic", "underline", "strike", "clear"],
+    all: Object.keys(fnMap),
 };
 function getControls(fns, options) {
-	const { controlBtnProps } = options;
-	return (typeof fns === "string" ? aliasMap[fns] : fns).map((k) => {
-		if (fnMap[k]) {
-			const { icon, render, tip, onClick } = fnMap[k];
-			if (render) return render(options);
-			return /* @__PURE__ */ jsxs(button_default, {
-				...controlBtnProps,
-				onClick,
-				children: [/* @__PURE__ */ jsx(icon_default, { icon }), tip && /* @__PURE__ */ jsx("span", {
-					className: "i-editor-control-tip",
-					children: tip
-				})]
-			}, k);
-		}
-		return /* @__PURE__ */ jsx(Fragment, {}, k);
-	});
+    const { controlBtnProps } = options;
+    const keys = typeof fns === "string" ? aliasMap[fns] : fns;
+    return keys.map((k) => {
+        if (fnMap[k]) {
+            const { icon, render, tip, onClick } = fnMap[k];
+            if (render) {
+                return render(options);
+            }
+            return (jsxs(Button, { ...controlBtnProps, onClick: onClick, children: [jsx(Icon, { icon: icon }), tip && jsx("span", { className: 'i-editor-control-tip', children: tip })] }, k));
+        }
+        return jsx(Fragment, {}, k);
+    });
 }
-//#endregion
-export { getControls as default, exec, xssOptions };
 
-//# sourceMappingURL=controls.js.map
+export { getControls as default, exec, xssOptions };
+//# sourceMappingURL=controls.js.map