npm - molstar - Versions diffs - 3.2.0 → 3.4.0 - Mend

molstar 3.2.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2448) hide show

package/lib/mol-plugin-ui/controls/icons.js CHANGED Viewed

@@ -3,152 +3,151 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Icon(props) {
     if (!props.svg)
         return null;
-    return _jsx("span", __assign({ className: "msp-icon msp-material-icon".concat(props.inline ? ' msp-icon-inline' : ''), title: props.title, style: props.style }, { children: _jsx(props.svg, {}, void 0) }), void 0);
+    return _jsx("span", __assign({ className: "msp-icon msp-material-icon".concat(props.inline ? ' msp-icon-inline' : ''), title: props.title, style: props.style }, { children: _jsx(props.svg, {}) }));
 }
 //
-var circleLeft = _jsx("circle", { r: '6px', id: 'circle-left', cy: '12px', cx: '8px', strokeWidth: '1px' }, void 0);
-var circleRight = _jsx("circle", { r: '6px', id: 'circle-right', cy: '12px', cx: '16px', strokeWidth: '1px' }, void 0);
-var _Union = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsxs("defs", { children: [circleLeft, circleRight] }, void 0), _jsxs("g", { children: [_jsx("use", { href: '#circle-left', className: 'msp-shape-filled' }, void 0), _jsx("use", { href: '#circle-right', className: 'msp-shape-filled' }, void 0), _jsx("use", { href: '#circle-left', className: 'msp-shape-empty' }, void 0)] }, void 0)] }), void 0);
+var circleLeft = _jsx("circle", { r: '6px', id: 'circle-left', cy: '12px', cx: '8px', strokeWidth: '1px' });
+var circleRight = _jsx("circle", { r: '6px', id: 'circle-right', cy: '12px', cx: '16px', strokeWidth: '1px' });
+var _Union = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsxs("defs", { children: [circleLeft, circleRight] }), _jsxs("g", { children: [_jsx("use", { href: '#circle-left', className: 'msp-shape-filled' }), _jsx("use", { href: '#circle-right', className: 'msp-shape-filled' }), _jsx("use", { href: '#circle-left', className: 'msp-shape-empty' })] })] }));
 export function UnionSvg() { return _Union; }
-var _Subtract = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsxs("defs", { children: [circleLeft, circleRight, _jsxs("mask", __assign({ id: 'mask-left' }, { children: [_jsx("use", { href: '#circle-left', fill: 'white', stroke: 'white' }, void 0), _jsx("use", { href: '#circle-right', fill: 'black', strokeWidth: '0px', stroke: 'white' }, void 0)] }), void 0)] }, void 0), _jsxs("g", { children: [_jsx("use", { href: '#circle-left', className: 'msp-shape-filled', mask: 'url(#mask-left)' }, void 0), _jsx("use", { href: '#circle-right', className: 'msp-shape-empty' }, void 0)] }, void 0)] }), void 0);
+var _Subtract = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsxs("defs", { children: [circleLeft, circleRight, _jsxs("mask", __assign({ id: 'mask-left' }, { children: [_jsx("use", { href: '#circle-left', fill: 'white', stroke: 'white' }), _jsx("use", { href: '#circle-right', fill: 'black', strokeWidth: '0px', stroke: 'white' })] }))] }), _jsxs("g", { children: [_jsx("use", { href: '#circle-left', className: 'msp-shape-filled', mask: 'url(#mask-left)' }), _jsx("use", { href: '#circle-right', className: 'msp-shape-empty' })] })] }));
 export function SubtractSvg() { return _Subtract; }
-var _Intersect = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsxs("defs", { children: [circleLeft, circleRight, _jsx("clipPath", __assign({ id: 'clip-left' }, { children: _jsx("use", { href: '#circle-right' }, void 0) }), void 0)] }, void 0), _jsxs("g", { children: [_jsx("use", { href: '#circle-left', className: 'msp-shape-filled', clipPath: 'url(#clip-left)' }, void 0), _jsx("use", { href: '#circle-left', className: 'msp-shape-empty' }, void 0), _jsx("use", { href: '#circle-right', className: 'msp-shape-empty' }, void 0)] }, void 0)] }), void 0);
+var _Intersect = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsxs("defs", { children: [circleLeft, circleRight, _jsx("clipPath", __assign({ id: 'clip-left' }, { children: _jsx("use", { href: '#circle-right' }) }))] }), _jsxs("g", { children: [_jsx("use", { href: '#circle-left', className: 'msp-shape-filled', clipPath: 'url(#clip-left)' }), _jsx("use", { href: '#circle-left', className: 'msp-shape-empty' }), _jsx("use", { href: '#circle-right', className: 'msp-shape-empty' })] })] }));
 export function IntersectSvg() { return _Intersect; }
-var _Set = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsxs("defs", { children: [circleLeft, circleRight] }, void 0), _jsxs("g", { children: [_jsx("use", { href: '#circle-left', className: 'msp-shape-empty' }, void 0), _jsx("use", { href: '#circle-right', className: 'msp-shape-filled' }, void 0)] }, void 0)] }), void 0);
+var _Set = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsxs("defs", { children: [circleLeft, circleRight] }), _jsxs("g", { children: [_jsx("use", { href: '#circle-left', className: 'msp-shape-empty' }), _jsx("use", { href: '#circle-right', className: 'msp-shape-filled' })] })] }));
 export function SetSvg() { return _Set; }
-var _Molecule = _jsx("svg", __assign({ width: '17px', height: '17px', viewBox: '0 0 299.463 299.463', strokeWidth: '6px' }, { children: _jsx("g", { children: _jsx("path", { d: 'M256.851,173.832v-48.201c22.916-4.918,34.151-30.668,22.556-50.771c-11.547-20.004-39.486-23.251-55.242-5.844 l-41.746-24.106C189.618,22.603,172.861,0,149.734,0c-23.132,0-39.881,22.609-32.685,44.911L75.305,69.016 C59.522,51.586,31.597,54.88,20.061,74.863c-11.63,20.163-0.298,45.862,22.557,50.769v48.2 c-22.821,4.898-34.195,30.591-22.556,50.771c11.529,19.972,39.454,23.285,55.242,5.845l41.746,24.106 c-7.199,22.308,9.559,44.911,32.685,44.911c23.132,0,39.88-22.609,32.685-44.911l41.745-24.106 c15.817,17.469,43.73,14.099,55.242-5.844c0,0,0-0.001,0.001-0.002c4.587-7.953,5.805-17.213,3.431-26.076 C279.392,185.657,269.129,176.461,256.851,173.832z M249.62,72.088c20.568,0,27.428,27.191,10.008,37.239 c-0.003,0.002-0.006,0.003-0.009,0.005c-10.04,5.81-22.85,1.762-27.877-8.475C225.206,87.548,234.938,72.088,249.62,72.088z M149.734,14.4c11.005,0,19.958,8.954,19.958,19.959c0,11.127-9.077,19.958-19.958,19.958c-10.95,0-19.958-8.9-19.958-19.958 C129.776,23.354,138.729,14.4,149.734,14.4z M39.84,109.328c-17.451-10.067-10.534-37.24,10.01-37.24 c15.311,0,24.922,16.653,17.251,29.942C61.681,111.397,49.517,114.925,39.84,109.328z M59.802,224.702 c-9.535,5.503-21.768,2.229-27.268-7.298c-7.639-13.242,1.887-29.945,17.236-29.945c0.013,0,0.027,0,0.04,0 C70.07,187.48,77.49,214.469,59.802,224.702z M149.734,285.062c-11.005,0-19.958-8.954-19.958-19.958 c0-11.127,9.077-19.958,19.958-19.958c10.954,0,19.958,8.903,19.958,19.958C169.693,276.109,160.74,285.062,149.734,285.062z M216.953,217.982l-41.727,24.095c-13.778-15.22-37.459-14.94-50.983,0l-41.728-24.096c6.196-19.289-5.541-39.835-25.498-44.149 V125.63c19.752-4.268,31.762-24.65,25.498-44.149l41.727-24.095c13.629,15.055,37.32,15.093,50.983,0l41.728,24.096 c-6.196,19.29,5.534,39.835,25.498,44.149v48.202C222.61,178.123,210.721,198.581,216.953,217.982z M266.935,217.404 c-5.501,9.528-17.732,12.802-27.261,7.302c-17.682-10.23-10.301-37.247,10.032-37.247 C264.984,187.459,274.602,204.112,266.935,217.404z' }, void 0) }, void 0) }), void 0);
+var _Molecule = _jsx("svg", __assign({ width: '17px', height: '17px', viewBox: '0 0 299.463 299.463', strokeWidth: '6px' }, { children: _jsx("g", { children: _jsx("path", { d: 'M256.851,173.832v-48.201c22.916-4.918,34.151-30.668,22.556-50.771c-11.547-20.004-39.486-23.251-55.242-5.844 l-41.746-24.106C189.618,22.603,172.861,0,149.734,0c-23.132,0-39.881,22.609-32.685,44.911L75.305,69.016 C59.522,51.586,31.597,54.88,20.061,74.863c-11.63,20.163-0.298,45.862,22.557,50.769v48.2 c-22.821,4.898-34.195,30.591-22.556,50.771c11.529,19.972,39.454,23.285,55.242,5.845l41.746,24.106 c-7.199,22.308,9.559,44.911,32.685,44.911c23.132,0,39.88-22.609,32.685-44.911l41.745-24.106 c15.817,17.469,43.73,14.099,55.242-5.844c0,0,0-0.001,0.001-0.002c4.587-7.953,5.805-17.213,3.431-26.076 C279.392,185.657,269.129,176.461,256.851,173.832z M249.62,72.088c20.568,0,27.428,27.191,10.008,37.239 c-0.003,0.002-0.006,0.003-0.009,0.005c-10.04,5.81-22.85,1.762-27.877-8.475C225.206,87.548,234.938,72.088,249.62,72.088z M149.734,14.4c11.005,0,19.958,8.954,19.958,19.959c0,11.127-9.077,19.958-19.958,19.958c-10.95,0-19.958-8.9-19.958-19.958 C129.776,23.354,138.729,14.4,149.734,14.4z M39.84,109.328c-17.451-10.067-10.534-37.24,10.01-37.24 c15.311,0,24.922,16.653,17.251,29.942C61.681,111.397,49.517,114.925,39.84,109.328z M59.802,224.702 c-9.535,5.503-21.768,2.229-27.268-7.298c-7.639-13.242,1.887-29.945,17.236-29.945c0.013,0,0.027,0,0.04,0 C70.07,187.48,77.49,214.469,59.802,224.702z M149.734,285.062c-11.005,0-19.958-8.954-19.958-19.958 c0-11.127,9.077-19.958,19.958-19.958c10.954,0,19.958,8.903,19.958,19.958C169.693,276.109,160.74,285.062,149.734,285.062z M216.953,217.982l-41.727,24.095c-13.778-15.22-37.459-14.94-50.983,0l-41.728-24.096c6.196-19.289-5.541-39.835-25.498-44.149 V125.63c19.752-4.268,31.762-24.65,25.498-44.149l41.727-24.095c13.629,15.055,37.32,15.093,50.983,0l41.728,24.096 c-6.196,19.29,5.534,39.835,25.498,44.149v48.202C222.61,178.123,210.721,198.581,216.953,217.982z M266.935,217.404 c-5.501,9.528-17.732,12.802-27.261,7.302c-17.682-10.23-10.301-37.247,10.032-37.247 C264.984,187.459,274.602,204.112,266.935,217.404z' }) }) }));
 export function MoleculeSvg() { return _Molecule; }
 // The following icons are adapted from https://materialdesignicons.com/ and
 // licensed with https://github.com/Templarian/MaterialDesign/blob/master/LICENSE
-var _CubeOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z' }, void 0) }), void 0);
+var _CubeOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z' }) }));
 export function CubeOutlineSvg() { return _CubeOutline; }
-var _CubeScan = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z' }, void 0) }), void 0);
+var _CubeScan = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z' }) }));
 export function CubeScanSvg() { return _CubeScan; }
-var _CubeSend = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: "M16,4L9,8.04V15.96L16,20L23,15.96V8.04M16,6.31L19.8,8.5L16,10.69L12.21,8.5M0,7V9H7V7M11,10.11L15,12.42V17.11L11,14.81M21,10.11V14.81L17,17.11V12.42M2,11V13H7V11M4,15V17H7V15" }, void 0) }), void 0);
+var _CubeSend = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: "M16,4L9,8.04V15.96L16,20L23,15.96V8.04M16,6.31L19.8,8.5L16,10.69L12.21,8.5M0,7V9H7V7M11,10.11L15,12.42V17.11L11,14.81M21,10.11V14.81L17,17.11V12.42M2,11V13H7V11M4,15V17H7V15" }) }));
 export function CubeSendSvg() { return _CubeSend; }
-var _CursorDefaultOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z' }, void 0) }), void 0);
+var _CursorDefaultOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z' }) }));
 export function CursorDefaultOutlineSvg() { return _CursorDefaultOutline; }
-var _FileOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { fill: 'currentColor', d: 'M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z' }, void 0) }), void 0);
+var _FileOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { fill: 'currentColor', d: 'M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z' }) }));
 export function FileOutlineSvg() { return _FileOutline; }
-var _PencilRuler = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M3 17.25V21H6.75L17.81 9.93L14.06 6.18L3 17.25M22.61 18.36L18.36 22.61L13.16 17.41L14.93 15.64L15.93 16.64L18.4 14.16L19.82 15.58L18.36 17L19.42 18L20.84 16.6L22.61 18.36M6.61 10.83L1.39 5.64L5.64 1.39L7.4 3.16L4.93 5.64L6 6.7L8.46 4.22L9.88 5.64L8.46 7.05L9.46 8.05L6.61 10.83M20.71 7C21.1 6.61 21.1 6 20.71 5.59L18.37 3.29C18 2.9 17.35 2.9 16.96 3.29L15.12 5.12L18.87 8.87L20.71 7Z' }, void 0) }), void 0);
+var _PencilRuler = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M3 17.25V21H6.75L17.81 9.93L14.06 6.18L3 17.25M22.61 18.36L18.36 22.61L13.16 17.41L14.93 15.64L15.93 16.64L18.4 14.16L19.82 15.58L18.36 17L19.42 18L20.84 16.6L22.61 18.36M6.61 10.83L1.39 5.64L5.64 1.39L7.4 3.16L4.93 5.64L6 6.7L8.46 4.22L9.88 5.64L8.46 7.05L9.46 8.05L6.61 10.83M20.71 7C21.1 6.61 21.1 6 20.71 5.59L18.37 3.29C18 2.9 17.35 2.9 16.96 3.29L15.12 5.12L18.87 8.87L20.71 7Z' }) }));
 export function PencilRulerSvg() { return _PencilRuler; }
-var _MagicWand = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { fill: 'currentColor', d: 'M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z' }, void 0) }), void 0);
+var _MagicWand = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { fill: 'currentColor', d: 'M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z' }) }));
 export function MagicWandSvg() { return _MagicWand; }
 // The following icons are adapted from https://material-ui.com/components/material-icons/ and
 // licensed with https://github.com/mui-org/material-ui/blob/master/LICENSE
-var _AccountTreeOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3h7zM7 9H4V5h3v4zm10 6h3v4h-3v-4zm0-10h3v4h-3V5z' }, void 0) }), void 0);
+var _AccountTreeOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3h7zM7 9H4V5h3v4zm10 6h3v4h-3v-4zm0-10h3v4h-3V5z' }) }));
 export function AccountTreeOutlinedSvg() { return _AccountTreeOutlined; }
-var _Add = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z' }, void 0) }), void 0);
+var _Add = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z' }) }));
 export function AddSvg() { return _Add; }
-var _ArrowDownward = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z' }, void 0) }), void 0);
+var _ArrowDownward = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z' }) }));
 export function ArrowDownwardSvg() { return _ArrowDownward; }
-var _ArrowDropDown = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M7 10l5 5 5-5z' }, void 0) }), void 0);
+var _ArrowDropDown = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M7 10l5 5 5-5z' }) }));
 export function ArrowDropDownSvg() { return _ArrowDropDown; }
-var _ArrowRight = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M10 17l5-5-5-5v10z' }, void 0) }), void 0);
+var _ArrowRight = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M10 17l5-5-5-5v10z' }) }));
 export function ArrowRightSvg() { return _ArrowRight; }
-var _ArrowUpward = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z' }, void 0) }), void 0);
+var _ArrowUpward = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z' }) }));
 export function ArrowUpwardSvg() { return _ArrowUpward; }
-var _Autorenew = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z' }, void 0) }), void 0);
+var _Autorenew = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z' }) }));
 export function AutorenewSvg() { return _Autorenew; }
-var _BlurOn = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z' }, void 0) }), void 0);
+var _BlurOn = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-4c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z' }) }));
 export function BlurOnSvg() { return _BlurOn; }
-var _BookmarksOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M15 7v12.97l-4.21-1.81-.79-.34-.79.34L5 19.97V7h10m4-6H8.99C7.89 1 7 1.9 7 3h10c1.1 0 2 .9 2 2v13l2 1V3c0-1.1-.9-2-2-2zm-4 4H5c-1.1 0-2 .9-2 2v16l7-3 7 3V7c0-1.1-.9-2-2-2z' }, void 0) }), void 0);
+var _BookmarksOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M15 7v12.97l-4.21-1.81-.79-.34-.79.34L5 19.97V7h10m4-6H8.99C7.89 1 7 1.9 7 3h10c1.1 0 2 .9 2 2v13l2 1V3c0-1.1-.9-2-2-2zm-4 4H5c-1.1 0-2 .9-2 2v16l7-3 7 3V7c0-1.1-.9-2-2-2z' }) }));
 export function BookmarksOutlinedSvg() { return _BookmarksOutlined; }
-var _Brush = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37l-1.34-1.34a.9959.9959 0 00-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z' }, void 0) }), void 0);
+var _Brush = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37l-1.34-1.34a.9959.9959 0 00-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z' }) }));
 export function BrushSvg() { return _Brush; }
-var _BuildOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M22.61 18.99l-9.08-9.08c.93-2.34.45-5.1-1.44-7C9.79.61 6.21.4 3.66 2.26L7.5 6.11 6.08 7.52 2.25 3.69C.39 6.23.6 9.82 2.9 12.11c1.86 1.86 4.57 2.35 6.89 1.48l9.11 9.11c.39.39 1.02.39 1.41 0l2.3-2.3c.4-.38.4-1.01 0-1.41zm-3 1.6l-9.46-9.46c-.61.45-1.29.72-2 .82-1.36.2-2.79-.21-3.83-1.25C3.37 9.76 2.93 8.5 3 7.26l3.09 3.09 4.24-4.24-3.09-3.09c1.24-.07 2.49.37 3.44 1.31 1.08 1.08 1.49 2.57 1.24 3.96-.12.71-.42 1.37-.88 1.96l9.45 9.45-.88.89z' }, void 0) }), void 0);
+var _BuildOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M22.61 18.99l-9.08-9.08c.93-2.34.45-5.1-1.44-7C9.79.61 6.21.4 3.66 2.26L7.5 6.11 6.08 7.52 2.25 3.69C.39 6.23.6 9.82 2.9 12.11c1.86 1.86 4.57 2.35 6.89 1.48l9.11 9.11c.39.39 1.02.39 1.41 0l2.3-2.3c.4-.38.4-1.01 0-1.41zm-3 1.6l-9.46-9.46c-.61.45-1.29.72-2 .82-1.36.2-2.79-.21-3.83-1.25C3.37 9.76 2.93 8.5 3 7.26l3.09 3.09 4.24-4.24-3.09-3.09c1.24-.07 2.49.37 3.44 1.31 1.08 1.08 1.49 2.57 1.24 3.96-.12.71-.42 1.37-.88 1.96l9.45 9.45-.88.89z' }) }));
 export function BuildOutlinedSvg() { return _BuildOutlined; }
-var _Build = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z' }, void 0) }), void 0);
+var _Build = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z' }) }));
 export function BuildSvg() { return _Build; }
-var _CameraOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M14.25 2.26l-.08-.04-.01.02C13.46 2.09 12.74 2 12 2 6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-4.75-3.31-8.72-7.75-9.74zM19.41 9h-7.99l2.71-4.7c2.4.66 4.35 2.42 5.28 4.7zM13.1 4.08L10.27 9l-1.15 2L6.4 6.3C7.84 4.88 9.82 4 12 4c.37 0 .74.03 1.1.08zM5.7 7.09L8.54 12l1.15 2H4.26C4.1 13.36 4 12.69 4 12c0-1.85.64-3.55 1.7-4.91zM4.59 15h7.98l-2.71 4.7c-2.4-.67-4.34-2.42-5.27-4.7zm6.31 4.91L14.89 13l2.72 4.7C16.16 19.12 14.18 20 12 20c-.38 0-.74-.04-1.1-.09zm7.4-3l-4-6.91h5.43c.17.64.27 1.31.27 2 0 1.85-.64 3.55-1.7 4.91z' }, void 0) }), void 0);
+var _CameraOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M14.25 2.26l-.08-.04-.01.02C13.46 2.09 12.74 2 12 2 6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-4.75-3.31-8.72-7.75-9.74zM19.41 9h-7.99l2.71-4.7c2.4.66 4.35 2.42 5.28 4.7zM13.1 4.08L10.27 9l-1.15 2L6.4 6.3C7.84 4.88 9.82 4 12 4c.37 0 .74.03 1.1.08zM5.7 7.09L8.54 12l1.15 2H4.26C4.1 13.36 4 12.69 4 12c0-1.85.64-3.55 1.7-4.91zM4.59 15h7.98l-2.71 4.7c-2.4-.67-4.34-2.42-5.27-4.7zm6.31 4.91L14.89 13l2.72 4.7C16.16 19.12 14.18 20 12 20c-.38 0-.74-.04-1.1-.09zm7.4-3l-4-6.91h5.43c.17.64.27 1.31.27 2 0 1.85-.64 3.55-1.7 4.91z' }) }));
 export function CameraOutlinedSvg() { return _CameraOutlined; }
-var _Camera = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M9.4 10.5l4.77-8.26C13.47 2.09 12.75 2 12 2c-2.4 0-4.6.85-6.32 2.25l3.66 6.35.06-.1zM21.54 9c-.92-2.92-3.15-5.26-6-6.34L11.88 9h9.66zm.26 1h-7.49l.29.5 4.76 8.25C21 16.97 22 14.61 22 12c0-.69-.07-1.35-.2-2zM8.54 12l-3.9-6.75C3.01 7.03 2 9.39 2 12c0 .69.07 1.35.2 2h7.49l-1.15-2zm-6.08 3c.92 2.92 3.15 5.26 6 6.34L12.12 15H2.46zm11.27 0l-3.9 6.76c.7.15 1.42.24 2.17.24 2.4 0 4.6-.85 6.32-2.25l-3.66-6.35-.93 1.6z' }, void 0) }), void 0);
+var _Camera = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M9.4 10.5l4.77-8.26C13.47 2.09 12.75 2 12 2c-2.4 0-4.6.85-6.32 2.25l3.66 6.35.06-.1zM21.54 9c-.92-2.92-3.15-5.26-6-6.34L11.88 9h9.66zm.26 1h-7.49l.29.5 4.76 8.25C21 16.97 22 14.61 22 12c0-.69-.07-1.35-.2-2zM8.54 12l-3.9-6.75C3.01 7.03 2 9.39 2 12c0 .69.07 1.35.2 2h7.49l-1.15-2zm-6.08 3c.92 2.92 3.15 5.26 6 6.34L12.12 15H2.46zm11.27 0l-3.9 6.76c.7.15 1.42.24 2.17.24 2.4 0 4.6-.85 6.32-2.25l-3.66-6.35-.93 1.6z' }) }));
 export function CameraSvg() { return _Camera; }
-var _CancelOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z' }, void 0) }), void 0);
+var _CancelOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z' }) }));
 export function CancelOutlinedSvg() { return _CancelOutlined; }
-var _Cancel = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z' }, void 0) }), void 0);
+var _Cancel = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z' }) }));
 export function CancelSvg() { return _Cancel; }
-var _CenterFocusStrong = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-7 7H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4z' }, void 0) }), void 0);
+var _CenterFocusStrong = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-7 7H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4z' }) }));
 export function CenterFocusStrongSvg() { return _CenterFocusStrong; }
-var _Check = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' }, void 0) }), void 0);
+var _Check = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' }) }));
 export function CheckSvg() { return _Check; }
-var _Clear = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' }, void 0) }), void 0);
+var _Clear = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' }) }));
 export function ClearSvg() { return _Clear; }
-var _Close = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' }, void 0) }), void 0);
+var _Close = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' }) }));
 export function CloseSvg() { return _Close; }
-var _CloudUpload = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z' }, void 0) }), void 0);
+var _CloudUpload = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z' }) }));
 export function CloudUploadSvg() { return _CloudUpload; }
-var _Code = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z' }, void 0) }), void 0);
+var _Code = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z' }) }));
 export function CodeSvg() { return _Code; }
-var _Copy = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z' }, void 0) }), void 0);
+var _Copy = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z' }) }));
 export function CopySvg() { return _Copy; }
-var _Crop = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M17 15h2V7c0-1.1-.9-2-2-2H9v2h8v8zM7 17V1H5v4H1v2h4v10c0 1.1.9 2 2 2h10v4h2v-4h4v-2H7z' }, void 0) }), void 0);
+var _Crop = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M17 15h2V7c0-1.1-.9-2-2-2H9v2h8v8zM7 17V1H5v4H1v2h4v10c0 1.1.9 2 2 2h10v4h2v-4h4v-2H7z' }) }));
 export function CropSvg() { return _Crop; }
-var _CropFree = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z' }, void 0) }), void 0);
+var _CropFree = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z' }) }));
 export function CropFreeSvg() { return _CropFree; }
-var _CropOriginal = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5.04-6.71l-2.75 3.54-1.96-2.36L6.5 17h11l-3.54-4.71z' }, void 0) }), void 0);
+var _CropOriginal = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5.04-6.71l-2.75 3.54-1.96-2.36L6.5 17h11l-3.54-4.71z' }) }));
 export function CropOrginalSvg() { return _CropOriginal; }
-var _DeleteOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z' }, void 0) }), void 0);
+var _DeleteOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z' }) }));
 export function DeleteOutlinedSvg() { return _DeleteOutlined; }
-var _Delete = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z' }, void 0) }), void 0);
+var _Delete = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z' }) }));
 export function DeleteSvg() { return _Delete; }
-var _Error = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z' }, void 0) }), void 0);
+var _Error = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z' }) }));
 export function ErrorSvg() { return _Error; }
-var _Extension = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z' }, void 0) }), void 0);
+var _Extension = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z' }) }));
 export function ExtensionSvg() { return _Extension; }
-var _FlipToFront = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M3 13h2v-2H3v2zm0 4h2v-2H3v2zm2 4v-2H3c0 1.1.89 2 2 2zM3 9h2V7H3v2zm12 12h2v-2h-2v2zm4-18H9c-1.11 0-2 .9-2 2v10c0 1.1.89 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H9V5h10v10zm-8 6h2v-2h-2v2zm-4 0h2v-2H7v2z' }, void 0) }), void 0);
+var _FlipToFront = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M3 13h2v-2H3v2zm0 4h2v-2H3v2zm2 4v-2H3c0 1.1.89 2 2 2zM3 9h2V7H3v2zm12 12h2v-2h-2v2zm4-18H9c-1.11 0-2 .9-2 2v10c0 1.1.89 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H9V5h10v10zm-8 6h2v-2h-2v2zm-4 0h2v-2H7v2z' }) }));
 export function FlipToFrontSvg() { return _FlipToFront; }
-var _Fullscreen = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z' }, void 0) }), void 0);
+var _Fullscreen = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z' }) }));
 export function FullscreenSvg() { return _Fullscreen; }
-var _GetApp = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z' }, void 0) }), void 0);
+var _GetApp = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z' }) }));
 export function GetAppSvg() { return _GetApp; }
-var _HelpOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z' }, void 0) }), void 0);
+var _HelpOutline = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z' }) }));
 export function HelpOutlineSvg() { return _HelpOutline; }
-var _HomeOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z' }, void 0) }), void 0);
+var _HomeOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z' }) }));
 export function HomeOutlinedSvg() { return _HomeOutlined; }
-var _Launch = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z' }, void 0) }), void 0);
+var _Launch = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z' }) }));
 export function LaunchSvg() { return _Launch; }
-var _LinearScale = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19.5 9.5c-1.03 0-1.9.62-2.29 1.5h-2.92c-.39-.88-1.26-1.5-2.29-1.5s-1.9.62-2.29 1.5H6.79c-.39-.88-1.26-1.5-2.29-1.5C3.12 9.5 2 10.62 2 12s1.12 2.5 2.5 2.5c1.03 0 1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5s1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5 1.38 0 2.5-1.12 2.5-2.5s-1.12-2.5-2.5-2.5z' }, void 0) }), void 0);
+var _LinearScale = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19.5 9.5c-1.03 0-1.9.62-2.29 1.5h-2.92c-.39-.88-1.26-1.5-2.29-1.5s-1.9.62-2.29 1.5H6.79c-.39-.88-1.26-1.5-2.29-1.5C3.12 9.5 2 10.62 2 12s1.12 2.5 2.5 2.5c1.03 0 1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5s1.9-.62 2.29-1.5h2.92c.39.88 1.26 1.5 2.29 1.5 1.38 0 2.5-1.12 2.5-2.5s-1.12-2.5-2.5-2.5z' }) }));
 export function LinearScaleSvg() { return _LinearScale; }
-var _MoreHoriz = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z' }, void 0) }), void 0);
+var _MoreHoriz = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z' }) }));
 export function MoreHorizSvg() { return _MoreHoriz; }
-var _NavigateBefore = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z' }, void 0) }), void 0);
+var _NavigateBefore = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z' }) }));
 export function NavigateBeforeSvg() { return _NavigateBefore; }
-var _NavigateNext = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z' }, void 0) }), void 0);
+var _NavigateNext = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z' }) }));
 export function NavigateNextSvg() { return _NavigateNext; }
-var _OpenInBrowser = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm-7 6l-4 4h3v6h2v-6h3l-4-4z' }, void 0) }), void 0);
+var _OpenInBrowser = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm-7 6l-4 4h3v6h2v-6h3l-4-4z' }) }));
 export function OpenInBrowserSvg() { return _OpenInBrowser; }
-var _PlayArrow = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M8 5v14l11-7z' }, void 0) }), void 0);
+var _PlayArrow = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M8 5v14l11-7z' }) }));
 export function PlayArrowSvg() { return _PlayArrow; }
-var _Refresh = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z' }, void 0) }), void 0);
+var _Refresh = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z' }) }));
 export function RefreshSvg() { return _Refresh; }
-var _Remove = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 13H5v-2h14v2z' }, void 0) }), void 0);
+var _Remove = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M19 13H5v-2h14v2z' }) }));
 export function RemoveSvg() { return _Remove; }
-var _Restore = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z' }, void 0) }), void 0);
+var _Restore = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z' }) }));
 export function RestoreSvg() { return _Restore; }
-var _SaveOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm2 16H5V5h11.17L19 7.83V19zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM6 6h9v4H6z' }, void 0) }), void 0);
+var _SaveOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24', strokeWidth: '0.1px' }, { children: _jsx("path", { d: 'M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm2 16H5V5h11.17L19 7.83V19zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM6 6h9v4H6z' }) }));
 export function SaveOutlinedSvg() { return _SaveOutlined; }
-var _ScatterPlot = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsx("circle", { cx: '7', cy: '14', r: '3' }, void 0), _jsx("circle", { cx: '11', cy: '6', r: '3' }, void 0), _jsx("circle", { cx: '16.6', cy: '17.6', r: '3' }, void 0)] }), void 0);
+var _ScatterPlot = _jsxs("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: [_jsx("circle", { cx: '7', cy: '14', r: '3' }), _jsx("circle", { cx: '11', cy: '6', r: '3' }), _jsx("circle", { cx: '16.6', cy: '17.6', r: '3' })] }));
 export function ScatterPlotSvg() { return _ScatterPlot; }
-var _SkipPrevious = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 6h2v12H6zm3.5 6l8.5 6V6z' }, void 0) }), void 0);
+var _SkipPrevious = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 6h2v12H6zm3.5 6l8.5 6V6z' }) }));
 export function SkipPreviousSvg() { return _SkipPrevious; }
-var _Stop = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 6h12v12H6z' }, void 0) }), void 0);
+var _Stop = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6 6h12v12H6z' }) }));
 export function StopSvg() { return _Stop; }
-var _SubscriptionsOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M4 6h16v2H4zm2-4h12v2H6zm14 8H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm0 10H4v-8h16v8zm-10-7.27v6.53L16 16z' }, void 0) }), void 0);
+var _SubscriptionsOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M4 6h16v2H4zm2-4h12v2H6zm14 8H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm0 10H4v-8h16v8zm-10-7.27v6.53L16 16z' }) }));
 export function SubscriptionsOutlinedSvg() { return _SubscriptionsOutlined; }
-var _SwapHoriz = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z' }, void 0) }), void 0);
+var _SwapHoriz = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z' }) }));
 export function SwapHorizSvg() { return _SwapHoriz; }
-var _Tune = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z' }, void 0) }), void 0);
+var _Tune = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z' }) }));
 export function TuneSvg() { return _Tune; }
-var _VisibilityOffOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z' }, void 0) }), void 0);
+var _VisibilityOffOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z' }) }));
 export function VisibilityOffOutlinedSvg() { return _VisibilityOffOutlined; }
-var _VisibilityOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z' }, void 0) }), void 0);
+var _VisibilityOutlined = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z' }) }));
 export function VisibilityOutlinedSvg() { return _VisibilityOutlined; }
-var _Warning = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z' }, void 0) }), void 0);
+var _Warning = _jsx("svg", __assign({ width: '24px', height: '24px', viewBox: '0 0 24 24' }, { children: _jsx("path", { d: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z' }) }));
 export function WarningSvg() { return _Warning; }
 // Aliases
 export var SelectionModeSvg = CursorDefaultOutlineSvg;
 export var SuperposeAtomsSvg = ScatterPlotSvg;
 export var SuperposeChainsSvg = LinearScaleSvg;
 export var SuperpositionSvg = FlipToFrontSvg;
-//# sourceMappingURL=icons.js.map

package/lib/mol-plugin-ui/controls/legend.js CHANGED Viewed

@@ -25,7 +25,7 @@ var ScaleLegend = /** @class */ (function (_super) {
     ScaleLegend.prototype.render = function () {
         var legend = this.props.legend;
         var colors = legend.colors.map(function (c) { return Array.isArray(c) ? "".concat(Color.toStyle(c[0]), " ").concat(100 * c[1], "%") : Color.toStyle(c); }).join(', ');
-        return _jsx("div", __assign({ className: 'msp-scale-legend' }, { children: _jsxs("div", __assign({ style: { background: "linear-gradient(to right, ".concat(colors, ")") } }, { children: [_jsx("span", __assign({ style: { float: 'left' } }, { children: legend.minLabel }), void 0), _jsx("span", __assign({ style: { float: 'right' } }, { children: legend.maxLabel }), void 0)] }), void 0) }), void 0);
+        return _jsx("div", __assign({ className: 'msp-scale-legend' }, { children: _jsxs("div", __assign({ style: { background: "linear-gradient(to right, ".concat(colors, ")") } }, { children: [_jsx("span", __assign({ style: { float: 'left' } }, { children: legend.minLabel })), _jsx("span", __assign({ style: { float: 'right' } }, { children: legend.maxLabel }))] })) }));
     };
     return ScaleLegend;
 }(React.PureComponent));
@@ -39,10 +39,9 @@ var TableLegend = /** @class */ (function (_super) {
         var legend = this.props.legend;
         return _jsx("div", __assign({ className: 'msp-table-legend' }, { children: legend.table.map(function (value, i) {
                 var name = value[0], color = value[1];
-                return _jsxs("div", { children: [_jsx("div", { className: 'msp-table-legend-color', style: { backgroundColor: Color.toStyle(color) } }, void 0), _jsx("div", __assign({ className: 'msp-table-legend-text' }, { children: name }), void 0)] }, i);
-            }) }), void 0);
+                return _jsxs("div", { children: [_jsx("div", { className: 'msp-table-legend-color', style: { backgroundColor: Color.toStyle(color) } }), _jsx("div", __assign({ className: 'msp-table-legend-text' }, { children: name }))] }, i);
+            }) }));
     };
     return TableLegend;
 }(React.PureComponent));
 export { TableLegend };
-//# sourceMappingURL=legend.js.map

package/lib/mol-plugin-ui/controls/line-graph/line-graph-component.js CHANGED Viewed

@@ -107,7 +107,7 @@ var LineGraphComponent = /** @class */ (function (_super) {
         var points = this.renderPoints();
         var lines = this.renderLines();
         return ([
-            _jsx("div", { children: _jsxs("svg", __assign({ className: "msp-canvas", ref: this.refCallBack, viewBox: "0 0 ".concat(this.width + this.padding, " ").concat(this.height + this.padding), onMouseMove: this.handleDrag, onMouseUp: this.handlePointUpdate, onMouseLeave: this.handleLeave, onMouseEnter: this.handleEnter, tabIndex: 0, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onDoubleClick: this.handleDoubleClick }, { children: [_jsxs("g", __assign({ stroke: "black", fill: "black" }, { children: [lines, points] }), void 0), _jsx("g", { className: "ghost-points", stroke: "black", fill: "black" }, void 0)] }), void 0) }, "LineGraph"),
+            _jsx("div", { children: _jsxs("svg", __assign({ className: "msp-canvas", ref: this.refCallBack, viewBox: "0 0 ".concat(this.width + this.padding, " ").concat(this.height + this.padding), onMouseMove: this.handleDrag, onMouseUp: this.handlePointUpdate, onMouseLeave: this.handleLeave, onMouseEnter: this.handleEnter, tabIndex: 0, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onDoubleClick: this.handleDoubleClick }, { children: [_jsxs("g", __assign({ stroke: "black", fill: "black" }, { children: [lines, points] })), _jsx("g", { className: "ghost-points", stroke: "black", fill: "black" })] })) }, "LineGraph"),
             _jsx("div", { id: "modal-root" }, "modal")
         ]);
     };
@@ -305,4 +305,3 @@ var LineGraphComponent = /** @class */ (function (_super) {
     return LineGraphComponent;
 }(React.Component));
 export { LineGraphComponent };
-//# sourceMappingURL=line-graph-component.js.map

package/lib/mol-plugin-ui/controls/line-graph/point-component.js CHANGED Viewed

@@ -32,4 +32,3 @@ var PointComponent = /** @class */ (function (_super) {
     return PointComponent;
 }(React.Component));
 export { PointComponent };
-//# sourceMappingURL=point-component.js.map