├── .babelrc ├── .eslintrc.js ├── .github └── ISSUE_TEMPLATE │ └── ------md.md ├── .gitignore ├── .prettierrc ├── README.md ├── package-lock.json ├── package.json ├── public ├── favicon.ico └── index.html ├── src ├── @types │ ├── animation.ts │ ├── colorType.ts │ ├── index.d.ts │ └── tabData.ts ├── MainPage.tsx ├── components │ ├── Alert │ │ ├── AlertComponent.tsx │ │ ├── index.tsx │ │ ├── magicNumber.ts │ │ └── style.ts │ ├── Common │ │ ├── Button │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── Canvas │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── DictionaryContent │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── DropDown │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── LatexContent │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── LatexSymbolContent │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── RoundButton │ │ │ └── style.tsx │ │ ├── SaveModeButton │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── Svg │ │ │ └── index.tsx │ │ ├── SvgButton │ │ │ ├── index.tsx │ │ │ └── style.ts │ │ ├── Title │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ └── ToolbarButton │ │ │ ├── index.tsx │ │ │ └── style.tsx │ ├── Header │ │ ├── HeaderTitle.tsx │ │ ├── SaveButtons.tsx │ │ ├── index.tsx │ │ └── style.tsx │ ├── LeftSection │ │ ├── BottomWhiteSpace │ │ │ ├── index.tsx │ │ │ └── style.ts │ │ ├── InputSelectionSection │ │ │ ├── InputBottomSelectionSection.tsx │ │ │ ├── InputTopSelectionSection.tsx │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── LeftSection.tsx │ │ ├── LeftSectionStyle.ts │ │ ├── LeftSectionTemplate.tsx │ │ ├── ResizingArea │ │ │ ├── MathSection │ │ │ │ ├── ButtonList.tsx │ │ │ │ ├── index.tsx │ │ │ │ └── style.tsx │ │ │ ├── TemplateSection │ │ │ │ ├── index.tsx │ │ │ │ └── style.tsx │ │ │ └── index.tsx │ │ └── ResizingBar │ │ │ ├── index.tsx │ │ │ └── style.ts │ ├── MainSection │ │ ├── CropSection.tsx │ │ ├── LatexSection │ │ │ ├── Handle.tsx │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── MainSection.tsx │ │ ├── MainSectionStyle.ts │ │ ├── MainSectionTemplate.tsx │ │ ├── MathQuill │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ └── Tab │ │ │ ├── PlusTab.tsx │ │ │ ├── TabList.tsx │ │ │ ├── index.tsx │ │ │ └── style.tsx │ ├── SubSection │ │ ├── index.tsx │ │ └── style.ts │ ├── Toolbar │ │ ├── AlignDropdown │ │ │ ├── AlignContent.tsx │ │ │ ├── Button.tsx │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── BackgroundDropdown │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── FontColorDropdown │ │ │ ├── Button.tsx │ │ │ ├── DropdownContent.tsx │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── FontSizeDropdown │ │ │ ├── FontButton.tsx │ │ │ ├── FontContent.tsx │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── GraphButton │ │ │ ├── Button.tsx │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── HistoryButtons │ │ │ └── index.tsx │ │ ├── ItalicButton │ │ │ └── index.tsx │ │ ├── PaintDropdown │ │ │ ├── index.tsx │ │ │ └── style.tsx │ │ ├── ToolBar.tsx │ │ ├── ToolBarStyle.ts │ │ └── ToolBarTemplate.tsx │ ├── index.tsx │ └── style.ts ├── constants │ ├── InputSection.ts │ ├── colorList.ts │ ├── fontSizeList.ts │ ├── mathSection.ts │ ├── symbolList.ts │ └── templateSection.ts ├── hooks │ ├── useInterval.ts │ └── useOutSideClick.ts ├── index.tsx ├── mainPageStyle.ts ├── store │ ├── index.ts │ └── modules │ │ ├── alert.ts │ │ ├── backgroundDropdown.ts │ │ ├── fontAlign.ts │ │ ├── fontColorDropdown.ts │ │ ├── fontDecline.ts │ │ ├── fontSizeDropdown.ts │ │ ├── graph.ts │ │ ├── index.ts │ │ ├── leftSection.ts │ │ ├── mathQuill.ts │ │ ├── paintDropdown.ts │ │ ├── saveMode.ts │ │ └── tab.ts └── utils │ ├── colors.ts │ ├── drawingRainAnimation.ts │ ├── drawingSnowAnimation.ts │ ├── global-style.ts │ ├── localstorage.ts │ ├── savefile.ts │ ├── setColor.ts │ └── svg │ ├── background │ ├── background_icon.svg │ ├── blackboard.svg │ ├── fall.svg │ ├── spring.svg │ ├── summer.svg │ ├── winter.svg │ ├── 눈배경화면.jpg │ └── 비배경화면.jpg │ ├── footer │ └── .txt │ ├── header │ ├── cloud.svg │ └── logo.svg │ ├── latex │ ├── integral │ │ ├── .txt │ │ ├── operator │ │ │ ├── 1.svg │ │ │ ├── 1_hover.svg │ │ │ ├── operator1.svg │ │ │ ├── operator10.svg │ │ │ ├── operator11.svg │ │ │ ├── operator2.svg │ │ │ ├── operator3.svg │ │ │ ├── operator4.svg │ │ │ ├── operator5.svg │ │ │ ├── operator6.svg │ │ │ ├── operator7.svg │ │ │ ├── operator8.svg │ │ │ └── operator9.svg │ │ └── template │ │ │ ├── template1.svg │ │ │ ├── template2.svg │ │ │ ├── template3.svg │ │ │ └── template4.svg │ ├── limit │ │ ├── .txt │ │ ├── operator │ │ │ ├── 1.svg │ │ │ ├── 1_hover.svg │ │ │ ├── 2.svg │ │ │ ├── 3.svg │ │ │ ├── 4.svg │ │ │ ├── 5.svg │ │ │ ├── 6.svg │ │ │ ├── 7.svg │ │ │ └── 8.svg │ │ └── template │ │ │ ├── template1.svg │ │ │ ├── template2.svg │ │ │ ├── template3.svg │ │ │ ├── template4.svg │ │ │ ├── template5.svg │ │ │ └── template6.svg │ ├── nullPreview.png │ └── sigma │ │ ├── .txt │ │ ├── operator │ │ ├── 1.svg │ │ ├── 10.svg │ │ ├── 11.svg │ │ ├── 12.svg │ │ ├── 13.svg │ │ ├── 1_hover.svg │ │ ├── 2.svg │ │ ├── 3.svg │ │ ├── 4.svg │ │ ├── 5.svg │ │ ├── 6.svg │ │ ├── 7.svg │ │ ├── 8.svg │ │ └── 9.svg │ │ └── template │ │ ├── template1.svg │ │ ├── template2.svg │ │ ├── template3.svg │ │ ├── template4.svg │ │ └── template5.svg │ ├── leftsection │ ├── inputsection │ │ ├── arrow.svg │ │ ├── decoration.svg │ │ ├── division.svg │ │ ├── figure.svg │ │ ├── font.svg │ │ ├── galho.svg │ │ ├── greece.svg │ │ ├── inequality.svg │ │ ├── inputdraw.svg │ │ ├── integral.svg │ │ ├── limit.svg │ │ ├── matrix.svg │ │ ├── minus.svg │ │ ├── multiple.svg │ │ ├── multiply.svg │ │ ├── notoperator.svg │ │ ├── operator.svg │ │ ├── plus.svg │ │ ├── pow.svg │ │ ├── root.svg │ │ ├── sigma.svg │ │ ├── sin.svg │ │ ├── specialsymbol.svg │ │ └── unit.svg │ ├── mathsection │ │ ├── bracket │ │ │ ├── absolute.svg │ │ │ ├── absolute2.svg │ │ │ ├── absolute3.svg │ │ │ ├── angle-bracket.svg │ │ │ ├── curly-bracket.svg │ │ │ ├── delimited-angle-brackets.svg │ │ │ ├── delimited-angle-brackets2.svg │ │ │ ├── delimited-braces.svg │ │ │ ├── index.ts │ │ │ ├── lower-bound.svg │ │ │ ├── parentheses.svg │ │ │ ├── separated-parentheses.svg │ │ │ ├── square-bracket.svg │ │ │ └── upper-bound.svg │ │ ├── combi │ │ │ ├── combi-all.svg │ │ │ ├── combi-down-both.svg │ │ │ ├── combi-down.svg │ │ │ ├── combi-left.svg │ │ │ ├── combi-right.svg │ │ │ ├── combi.svg │ │ │ └── index.ts │ │ ├── deco │ │ │ ├── acute.svg │ │ │ ├── bar.svg │ │ │ ├── bbar.svg │ │ │ ├── boxed.svg │ │ │ ├── breve.svg │ │ │ ├── check.svg │ │ │ ├── dot.svg │ │ │ ├── double-dot.svg │ │ │ ├── grave.svg │ │ │ ├── hat.svg │ │ │ ├── index.ts │ │ │ ├── over-left-arrow.svg │ │ │ ├── over-left-harpoon-up.svg │ │ │ ├── over-left-right-arrow.svg │ │ │ ├── over-right-arrow.svg │ │ │ ├── over-right-harpoon-up.svg │ │ │ ├── overbrace.svg │ │ │ ├── overbrace2.svg │ │ │ ├── overline.svg │ │ │ ├── tilde.svg │ │ │ ├── triple-dot.svg │ │ │ ├── underbrace.svg │ │ │ ├── underbrace2.svg │ │ │ └── underline.svg │ │ ├── fraction │ │ │ ├── fraction.svg │ │ │ ├── index.ts │ │ │ └── slash.svg │ │ ├── index.ts │ │ ├── integral │ │ │ ├── definite-integral.svg │ │ │ ├── double-integral.svg │ │ │ ├── double-integral2.svg │ │ │ ├── index.ts │ │ │ ├── integral-theorem.svg │ │ │ ├── integral.svg │ │ │ ├── line-integral.svg │ │ │ ├── line-integral2.svg │ │ │ ├── surface-integral.svg │ │ │ ├── surface-integral2.svg │ │ │ ├── volumn-integral.svg │ │ │ └── volumn-integral2.svg │ │ ├── large-operator │ │ │ ├── index.ts │ │ │ ├── intersection.svg │ │ │ ├── intersection2.svg │ │ │ ├── pi.svg │ │ │ ├── pi2.svg │ │ │ ├── sigma.svg │ │ │ ├── sigma2.svg │ │ │ ├── union.svg │ │ │ ├── union2.svg │ │ │ ├── vee.svg │ │ │ ├── vee2.svg │ │ │ ├── wedge.svg │ │ │ └── wedge2.svg │ │ ├── limit │ │ │ ├── index.ts │ │ │ ├── lim.svg │ │ │ ├── lim2.svg │ │ │ ├── ln.svg │ │ │ ├── log.svg │ │ │ ├── log2.svg │ │ │ ├── max.svg │ │ │ └── min.svg │ │ ├── matrix │ │ │ ├── add-matrix-col.svg │ │ │ ├── add-matrix-row.svg │ │ │ ├── bmatrix.svg │ │ │ ├── cases.svg │ │ │ ├── cases2.svg │ │ │ ├── index.ts │ │ │ ├── matrix_1x2.svg │ │ │ ├── matrix_2x1.svg │ │ │ ├── matrix_2x2.svg │ │ │ ├── matrix_2x3.svg │ │ │ ├── matrix_3x2.svg │ │ │ ├── matrix_3x3.svg │ │ │ ├── pmatrix.svg │ │ │ └── vmatrix.svg │ │ ├── sqrt │ │ │ ├── index.ts │ │ │ ├── sqrt-with-degree.svg │ │ │ └── sqrt.svg │ │ ├── symbol │ │ │ ├── colon-equal.svg │ │ │ ├── def-equal.svg │ │ │ ├── delta-equal.svg │ │ │ ├── equal.svg │ │ │ ├── index.ts │ │ │ ├── m-equal.svg │ │ │ ├── minus-equal.svg │ │ │ ├── plus-equal.svg │ │ │ ├── x-left-arrow.svg │ │ │ ├── x-left-arrow2.svg │ │ │ ├── x-left-arrow3.svg │ │ │ ├── x-left-arrow4.svg │ │ │ ├── x-left-arrow5.svg │ │ │ ├── x-left-arrow6.svg │ │ │ ├── x-left-right-arrow.svg │ │ │ ├── x-left-right-arrow2.svg │ │ │ ├── x-left-right-arrow3.svg │ │ │ ├── x-left-right-arrow4.svg │ │ │ ├── x-left-right-arrow5.svg │ │ │ ├── x-left-right-arrow6.svg │ │ │ ├── x-right-arrow.svg │ │ │ ├── x-right-arrow2.svg │ │ │ ├── x-right-arrow3.svg │ │ │ ├── x-right-arrow4.svg │ │ │ ├── x-right-arrow5.svg │ │ │ └── x-right-arrow6.svg │ │ └── trigonometric │ │ │ ├── cos.svg │ │ │ ├── cos2.svg │ │ │ ├── cot.svg │ │ │ ├── cot2.svg │ │ │ ├── csc.svg │ │ │ ├── csc2.svg │ │ │ ├── f-func.svg │ │ │ ├── f-func2.svg │ │ │ ├── g-func.svg │ │ │ ├── g-func2.svg │ │ │ ├── h-func.svg │ │ │ ├── h-func2.svg │ │ │ ├── index.ts │ │ │ ├── sec.svg │ │ │ ├── sec2.svg │ │ │ ├── sin.svg │ │ │ ├── sin2.svg │ │ │ ├── tan.svg │ │ │ └── tan2.svg │ └── templatesection │ │ ├── bracket │ │ ├── bracket.svg │ │ ├── bracket2.svg │ │ ├── bracket3.svg │ │ ├── bracket4.svg │ │ └── index.ts │ │ ├── combi │ │ ├── combi.svg │ │ ├── combi2.svg │ │ ├── combi3.svg │ │ ├── combi4.svg │ │ ├── combi5.svg │ │ ├── combi6.svg │ │ └── index.ts │ │ ├── deco │ │ ├── deco.svg │ │ ├── deco2.svg │ │ ├── deco3.svg │ │ └── index.ts │ │ ├── down-arrow.svg │ │ ├── fraction │ │ ├── fraction.svg │ │ ├── fraction2.svg │ │ └── index.ts │ │ ├── index.ts │ │ ├── integral │ │ ├── index.ts │ │ ├── integral.svg │ │ ├── integral2.svg │ │ ├── integral3.svg │ │ └── integral4.svg │ │ ├── large-operator │ │ ├── index.ts │ │ ├── large-operator.svg │ │ ├── large-operator2.svg │ │ ├── large-operator3.svg │ │ ├── large-operator4.svg │ │ └── large-operator5.svg │ │ ├── limit │ │ ├── index.ts │ │ ├── limit.svg │ │ ├── limit2.svg │ │ ├── limit3.svg │ │ ├── limit4.svg │ │ ├── limit5.svg │ │ └── limit6.svg │ │ ├── matrix │ │ ├── index.ts │ │ ├── matrix.svg │ │ └── matrix2.svg │ │ ├── sqrt │ │ ├── index.ts │ │ ├── sqrt.svg │ │ └── sqrt2.svg │ │ ├── symbol │ │ ├── index.ts │ │ ├── symbol.svg │ │ ├── symbol2.svg │ │ ├── symbol3.svg │ │ └── symbol4.svg │ │ ├── trigonometric │ │ ├── cos.svg │ │ ├── func.svg │ │ ├── func2.svg │ │ ├── func3.svg │ │ ├── func4.svg │ │ ├── func5.svg │ │ ├── index.ts │ │ ├── sin.svg │ │ └── tan.svg │ │ └── up-arrow.svg │ ├── loading.svg │ ├── rightsection │ └── .txt │ ├── tab │ ├── plus_icon.svg │ └── x_icon.svg │ └── toolbar │ ├── align-center.svg │ ├── align-left.svg │ ├── align-right.svg │ ├── back.svg │ ├── clear.svg │ ├── drawer.svg │ ├── erase.svg │ ├── font-check.svg │ ├── font-color-active.svg │ ├── forward.svg │ └── graph.svg ├── tsconfig.json └── webpack.config.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-env",{ 3 | "targets":{ 4 | "node":"current", 5 | "ie":11, 6 | "browsers":["last 2 versions", ">= 5% in KR"] 7 | }, 8 | "corejs": 3, 9 | }, "@babel/preset-react"] 10 | } -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | parser: '@typescript-eslint/parser', 3 | plugins: ['@typescript-eslint', 'react-hooks'], 4 | extends: [ 5 | 'airbnb', 6 | 'plugin:react/recommended', 7 | 'plugin:jsx-a11y/recommended', 8 | 'plugin:import/errors', 9 | 'plugin:import/warnings', 10 | 'plugin:@typescript-eslint/recommended', 11 | 'plugin:prettier/recommended', 12 | ], 13 | rules: { 14 | 'import/no-unresolved': 'off', 15 | 'prettier/prettier': [ 16 | 'error', 17 | { 18 | endOfLine: 'auto', 19 | }, 20 | ], 21 | 'react/jsx-filename-extension': [ 22 | 2, 23 | { extensions: ['.js', '.jsx', '.ts', '.tsx'] }, 24 | ], 25 | 'no-use-before-define': 'off', 26 | '@typescript-eslint/no-use-before-define': ['error'], 27 | '@typescript-eslint/no-var-requires': 0, 28 | '@typescript-eslint/no-inferrable-types': 0, 29 | '@typescript-eslint/explicit-function-return-type': 'off', 30 | '@typescript-eslint/explicit-module-boundary-types': 'off', 31 | 'import/prefer-default-export': 'off', 32 | 'import/extensions': ['off', 'never'], 33 | 'func-names': ['off', 'always'], 34 | }, 35 | 36 | settings: { 37 | 'import/resolver': { 38 | node: { 39 | extensions: ['.js', '.jsx', '.ts', '.tsx'], 40 | }, 41 | }, 42 | }, 43 | }; 44 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/------md.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: 이슈템플릿.md 3 | about: 이슈템플릿입니다. 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | ## 목표 11 | 12 | 13 | ## 체크 리스트 14 | - [ ] 15 | - [ ] 16 | - [ ] 17 | 18 | ## 참고 19 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (http://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # Typescript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true, 3 | "parser": "typescript", 4 | "semi": true, 5 | "useTabs": false, 6 | "tabWidth": 2, 7 | "printWidth": 80, 8 | "arrowParens": "always" 9 | } -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boostcamp-2020/Project15-A-Client-Based-Formula-Editor/27e339f92a89fb38ee7ef8b4100c96cf714a3e06/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 수식판 7 | 8 | 9 | 10 |
11 | 12 | -------------------------------------------------------------------------------- /src/@types/animation.ts: -------------------------------------------------------------------------------- 1 | interface Position { 2 | x: number; 3 | y: number; 4 | } 5 | export interface SnowProps extends Position { 6 | randomRadius: number; 7 | g: CanvasGradient; 8 | distance: number; 9 | t: number; 10 | } 11 | export interface RainProps extends Position { 12 | distance: number; 13 | rainLength: number; 14 | } 15 | -------------------------------------------------------------------------------- /src/@types/colorType.ts: -------------------------------------------------------------------------------- 1 | export interface colorType { 2 | fontGreen: string; 3 | black: string; 4 | white: string; 5 | alertWhite: string; 6 | borderGrey: string; 7 | mainGreen: string; 8 | lightGrey: string; 9 | grey: string; 10 | darkGrey: string; 11 | backgroundGrey: string; 12 | hoverGrey: string; 13 | dragEffect: string; 14 | graphPuple: string; 15 | rainColor: string; 16 | errorBackground: string; 17 | errorBorder: string; 18 | error: string; 19 | succesBackground: string; 20 | succesBorder: string; 21 | success: string; 22 | infoBackround: string; 23 | infoBorder: string; 24 | info: string; 25 | } 26 | -------------------------------------------------------------------------------- /src/@types/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.svg' { 2 | const src: string; 3 | export default src; 4 | } 5 | 6 | declare module '*.png' { 7 | const src: string; 8 | export default src; 9 | } 10 | 11 | declare module '*.jpg' { 12 | const src: string; 13 | export default src; 14 | } 15 | -------------------------------------------------------------------------------- /src/@types/tabData.ts: -------------------------------------------------------------------------------- 1 | export interface TabData { 2 | id: number; 3 | title: string; 4 | latex: string; 5 | fontColor: string; 6 | fontSize: number; 7 | fontDecline: boolean; 8 | fontAlign: string; 9 | preLaTex: string[]; 10 | nextLaTex: string[]; 11 | } 12 | -------------------------------------------------------------------------------- /src/MainPage.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { GlobalStyle } from '@src/utils/global-style'; 3 | import * as Semantic from '@src/components/index'; 4 | import * as StyleComponent from './mainPageStyle'; 5 | 6 | const MainPage = () => { 7 | return ( 8 | <> 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | ); 19 | }; 20 | 21 | export default MainPage; 22 | -------------------------------------------------------------------------------- /src/components/Alert/AlertComponent.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/destructuring-assignment */ 2 | import React from 'react'; 3 | 4 | const AlertComponent = (props: any) => { 5 | return ( 6 | <> 7 | 8 | {props.messageType} 9 | 10 | 11 | 12 | ); 13 | }; 14 | 15 | export default AlertComponent; 16 | -------------------------------------------------------------------------------- /src/components/Alert/magicNumber.ts: -------------------------------------------------------------------------------- 1 | const masicNumber = { 2 | INFO: 0, 3 | ERROR: 1, 4 | SUCCESS: 2, 5 | }; 6 | export default masicNumber; 7 | -------------------------------------------------------------------------------- /src/components/Alert/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const MiddleHolder = styled.div<{ visible: boolean }>` 5 | position: absolute; 6 | visibility: ${(props) => (props.visible ? 'visible' : 'hidden')}; 7 | top: 10px; 8 | width: 100%; 9 | margin: 0 auto; 10 | border-radius: 0 0 5px 5px; 11 | background: transparent; 12 | opacity: ${(props) => (props.visible ? 1 : 0)}; 13 | align-items: center; 14 | z-index: 10; 15 | transition: ${(props) => 16 | props.visible 17 | ? 'opacity 0.1s linear' 18 | : 'visibility 0s 2s, opacity 2s linear'}; 19 | strong { 20 | font-weight: bold; 21 | } 22 | .alert { 23 | width: fit-content; 24 | margin: 10px auto 20px; 25 | padding: 8px 35px; 26 | border: 1px solid #fbeed5; 27 | border-radius: 4px; 28 | text-shadow: 0 1px 0 ${colors.alertWhite}; 29 | } 30 | .alert-error { 31 | border-color: ${colors.errorBorder}; 32 | background-color: ${colors.errorBackground}; 33 | color: ${colors.error}; 34 | } 35 | .alert-success { 36 | border-color: ${colors.succesBorder}; 37 | background-color: ${colors.succesBackground}; 38 | color: ${colors.success}; 39 | } 40 | .alert-info { 41 | border-color: ${colors.infoBorder}; 42 | background-color: ${colors.infoBackround}; 43 | color: ${colors.info}; 44 | } 45 | `; 46 | -------------------------------------------------------------------------------- /src/components/Common/Button/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/extensions */ 2 | import React from 'react'; 3 | import * as StyleComponent from './style'; 4 | 5 | interface ButtonProps { 6 | color: string; 7 | value: string; 8 | onClick: () => void; 9 | } 10 | 11 | const Button = ({ color, value, onClick }: ButtonProps) => { 12 | return ( 13 | 14 | {value} 15 | 16 | ); 17 | }; 18 | export default Button; 19 | -------------------------------------------------------------------------------- /src/components/Common/Button/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const CustomButton = styled.button` 5 | width: 100px; 6 | height: 100%; 7 | margin-left: 5px; 8 | outline: 0; 9 | border-radius: 7px; 10 | border: none; 11 | background-color: ${colors.mainGreen}; 12 | color: ${colors.white}; 13 | text-align: center; 14 | font-size: 18px; 15 | font-weight: bold; 16 | cursor: pointer; 17 | &:hover { 18 | opacity: 0.6; 19 | } 20 | `; 21 | -------------------------------------------------------------------------------- /src/components/Common/Canvas/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/destructuring-assignment */ 2 | import React, { RefObject } from 'react'; 3 | import * as StyledComponent from './style'; 4 | 5 | interface ButtonProps { 6 | backgroundCanvas: RefObject; 7 | show: string; 8 | } 9 | 10 | const Canvas = ({ backgroundCanvas, show }: ButtonProps) => { 11 | return ; 12 | }; 13 | export default Canvas; 14 | -------------------------------------------------------------------------------- /src/components/Common/Canvas/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | interface canvasProps { 5 | show: string; 6 | } 7 | export const CanvasContainer = styled.canvas` 8 | position: absolute; 9 | left: 0; 10 | top: 0; 11 | width: 100%; 12 | height: 100%; 13 | background-color: ${colors.white}; 14 | z-index: -1; 15 | `; 16 | -------------------------------------------------------------------------------- /src/components/Common/DictionaryContent/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/require-default-props */ 2 | import React from 'react'; 3 | import { addStyles, StaticMathField } from 'react-mathquill'; 4 | import * as StyleComponent from './style'; 5 | 6 | addStyles(); 7 | interface Props { 8 | latex: string; 9 | width: string; 10 | height: string; 11 | onClick?: () => void; 12 | } 13 | 14 | export const DictionaryContent = ({ latex, width, height, onClick }: Props) => { 15 | return ( 16 | <> 17 | 22 |
23 | {latex} 24 |
25 | 26 | 27 | ); 28 | }; 29 | -------------------------------------------------------------------------------- /src/components/Common/DictionaryContent/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | interface LatexProps { 5 | width: string; 6 | height: string; 7 | } 8 | export const InputLatexContent = styled.div` 9 | flex: auto; 10 | display: flex; 11 | width: ${(props) => props.width}; 12 | height: ${(props) => props.height}px; 13 | border: 1px dashed ${colors.borderGrey}; 14 | opacity: 1; 15 | justify-content: center; 16 | align-items: center; 17 | font-size: 80%; 18 | transition-duration: 0.4s; 19 | cursor: pointer; 20 | * { 21 | cursor: pointer; 22 | } 23 | &:hover { 24 | background-color: ${colors.lightGrey}; 25 | } 26 | `; 27 | -------------------------------------------------------------------------------- /src/components/Common/DropDown/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Drawer from '@src/components/Toolbar/PaintDropdown'; 3 | import Background from '@src/components/Toolbar/BackgroundDropdown'; 4 | import { DropdownDiv, DropdownContent } from './style'; 5 | 6 | interface DropDownProps { 7 | click: string; 8 | } 9 | const DropDown = ({ click }: DropDownProps) => { 10 | return ( 11 | 12 | 13 | {click === 'drawer' && } 14 | {click === 'background' && } 15 | 16 | 17 | ); 18 | }; 19 | 20 | export default DropDown; 21 | -------------------------------------------------------------------------------- /src/components/Common/DropDown/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | 3 | export const DropdownDiv = styled.div` 4 | position: absolute; 5 | width: 20%; 6 | margin-top: 70px; 7 | margin-left: 20px; 8 | `; 9 | export const DropdownContent = styled.div` 10 | width: 100%; 11 | height: 50px; 12 | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 13 | z-index: 1; 14 | `; 15 | -------------------------------------------------------------------------------- /src/components/Common/LatexContent/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | interface LatexProps { 5 | width: string; 6 | height: string; 7 | opacity: number; 8 | } 9 | export const InputLatexContent = styled.div` 10 | flex: auto; 11 | display: flex; 12 | width: ${(props) => props.width}px; 13 | height: ${(props) => props.height}px; 14 | border: 1px dashed ${colors.borderGrey}; 15 | opacity: ${(props) => props.opacity}; 16 | align-items: center; 17 | justify-content: center; 18 | cursor: pointer; 19 | transition-duration: 0.4s; 20 | &:hover { 21 | background-color: ${colors.lightGrey}; 22 | } 23 | `; 24 | -------------------------------------------------------------------------------- /src/components/Common/LatexSymbolContent/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { useDrag } from 'react-dnd'; 3 | import * as StyleComponent from './style'; 4 | 5 | interface Props { 6 | latex: string; 7 | name: string; 8 | symbol: string; 9 | width: string; 10 | height: string; 11 | onClick?: () => void; 12 | isPossible: boolean; 13 | } 14 | 15 | export const LatexSymbolContent = ({ 16 | latex, 17 | name, 18 | symbol, 19 | width, 20 | height, 21 | onClick, 22 | isPossible, 23 | }: Props) => { 24 | const [{ isDragging }, drag] = useDrag({ 25 | item: { name, type: 'box', latex, isPossible }, 26 | collect: (monitor) => ({ 27 | isDragging: monitor.isDragging(), 28 | }), 29 | }); 30 | const opacity = isDragging ? 0.4 : 1; 31 | 32 | return ( 33 | <> 34 | 41 |
{symbol}
42 | 43 | 44 | ); 45 | }; 46 | -------------------------------------------------------------------------------- /src/components/Common/LatexSymbolContent/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | interface LatexProps { 5 | width: string; 6 | height: string; 7 | opacity: number; 8 | } 9 | export const InputLatexContent = styled.div` 10 | flex: auto; 11 | display: flex; 12 | width: ${(props) => props.width}px; 13 | height: ${(props) => props.height}px; 14 | border: 1px dashed ${colors.borderGrey}; 15 | opacity: ${(props) => props.opacity}; 16 | align-items: center; 17 | justify-content: center; 18 | cursor: pointer; 19 | transition-duration: 0.4s; 20 | &:hover { 21 | background-color: ${colors.lightGrey}; 22 | } 23 | `; 24 | -------------------------------------------------------------------------------- /src/components/Common/RoundButton/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const RoundButton = styled.div` 5 | display: flex; 6 | width: 2rem; 7 | height: 2rem; 8 | border-radius: 3.125rem; 9 | background-color: ${colors.white}; 10 | overflow: hidden; 11 | cursor: pointer; 12 | .title { 13 | margin: auto; 14 | color: ${colors.black}; 15 | font-family: 'Times New Roman', Times, serif; 16 | font-size: 1 rem; 17 | font-weight: bold; 18 | } 19 | .italic { 20 | margin: auto; 21 | color: ${colors.black}; 22 | font-family: 'Times New Roman', Times, serif; 23 | font-size: 1 rem; 24 | font-weight: bold; 25 | font-style: italic; 26 | } 27 | svg { 28 | margin: auto; 29 | } 30 | &:hover { 31 | background-color: #f1f3f4; 32 | } 33 | `; 34 | -------------------------------------------------------------------------------- /src/components/Common/SaveModeButton/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/extensions */ 2 | import React from 'react'; 3 | import * as StyleComponent from './style'; 4 | 5 | interface ButtonProps { 6 | color: string; 7 | value: string; 8 | onClick: () => void; 9 | } 10 | 11 | const Button = ({ color, value, onClick }: ButtonProps) => { 12 | return ( 13 | 14 | Save 15 | 16 | ); 17 | }; 18 | export default Button; 19 | -------------------------------------------------------------------------------- /src/components/Common/SaveModeButton/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const CustomButton = styled.button` 5 | display: inline-block; 6 | width: 100px; 7 | height: 100%; 8 | outline: 0; 9 | border-radius: 7px; 10 | border: none; 11 | background-color: ${colors.mainGreen}; 12 | color: #ffffff; 13 | font-size: 18px; 14 | font-weight: bold; 15 | text-align: center; 16 | cursor: pointer; 17 | transition: all 0.5s; 18 | `; 19 | 20 | export const Span = styled.span` 21 | display: inline-block; 22 | position: relative; 23 | transition: 0.5s; 24 | cursor: pointer; 25 | 26 | &::after { 27 | position: absolute; 28 | top: 0; 29 | right: -20px; 30 | opacity: 0; 31 | transition: 0.5s; 32 | content: '\\00bb'; 33 | } 34 | 35 | ${CustomButton}:hover & { 36 | padding-right: 25px; 37 | } 38 | 39 | ${CustomButton}:hover &::after { 40 | right: 0; 41 | opacity: 1; 42 | } 43 | `; 44 | -------------------------------------------------------------------------------- /src/components/Common/Svg/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | interface SvgProps { 4 | Svg: string; 5 | } 6 | const SvgSection = ({ Svg }: SvgProps) => { 7 | return ; 8 | }; 9 | 10 | export default SvgSection; 11 | -------------------------------------------------------------------------------- /src/components/Common/SvgButton/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import * as StyleComponent from './style'; 3 | 4 | interface ButtonProps { 5 | svgColor: string; 6 | Svg: string; 7 | onClick: () => void; 8 | } 9 | 10 | const SvgButton = ({ svgColor, Svg, onClick }: ButtonProps) => { 11 | return ( 12 | 13 | 14 | 15 | ); 16 | }; 17 | 18 | export default SvgButton; 19 | -------------------------------------------------------------------------------- /src/components/Common/SvgButton/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | 3 | export interface Props { 4 | svgColor: string; 5 | } 6 | 7 | export const CustomButton = styled.div` 8 | svg { 9 | fill: ${(props) => props.svgColor}; 10 | } 11 | `; 12 | -------------------------------------------------------------------------------- /src/components/Common/Title/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import * as StyledComponent from './style'; 3 | 4 | export interface NameProps { 5 | title?: string; 6 | } 7 | 8 | const Title = ({ title }: NameProps) => { 9 | return ( 10 | {title} 11 | ); 12 | }; 13 | 14 | export default Title; 15 | -------------------------------------------------------------------------------- /src/components/Common/Title/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | 3 | export const TitleContainer = styled.div` 4 | flex: none; 5 | display: flex; 6 | width: 97%; 7 | height: 33px; 8 | padding-left: 7px; 9 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); 10 | align-items: center; 11 | font-size: 17px; 12 | font-weight: bold; 13 | `; 14 | -------------------------------------------------------------------------------- /src/components/Common/ToolbarButton/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import * as StyleComponent from './style'; 3 | 4 | interface ButtonProps { 5 | color: string; 6 | Svg: string; 7 | onClick: () => void; 8 | } 9 | const ToolBarButton = ({ Svg, color, onClick }: ButtonProps) => { 10 | return ( 11 | <> 12 | 13 | 14 | 15 | 16 | ); 17 | }; 18 | export default ToolBarButton; 19 | -------------------------------------------------------------------------------- /src/components/Common/ToolbarButton/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const CustomButton = styled.div` 5 | cursor: pointer; 6 | svg { 7 | fill: ${colors.white}; 8 | &:hover { 9 | fill: ${colors.darkGrey}; 10 | } 11 | } 12 | `; 13 | -------------------------------------------------------------------------------- /src/components/Header/HeaderTitle.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import * as StyledComponent from './style'; 3 | 4 | const HeaderTitle = () => { 5 | return ( 6 | 7 |
수식판
8 |
Formula-Editor-A
9 | 10 | ); 11 | }; 12 | 13 | export default HeaderTitle; 14 | -------------------------------------------------------------------------------- /src/components/LeftSection/BottomWhiteSpace/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/ban-types */ 2 | import React from 'react'; 3 | import * as StyledComponent from './style'; 4 | 5 | const BottomWhiteSpace = () => { 6 | return ; 7 | }; 8 | 9 | export default BottomWhiteSpace; 10 | -------------------------------------------------------------------------------- /src/components/LeftSection/BottomWhiteSpace/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const BottomWhiteSpace = styled.div` 5 | width: 98%; 6 | height: 3%; 7 | background-color: ${colors.borderGrey}; 8 | `; 9 | -------------------------------------------------------------------------------- /src/components/LeftSection/InputSelectionSection/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Title from '@src/components/Common/Title'; 3 | import InputTopSelectionSection from '@src/components/LeftSection/InputSelectionSection/InputTopSelectionSection'; 4 | import InputBottomSelectionSection from '@src/components/LeftSection/InputSelectionSection/InputBottomSelectionSection'; 5 | import * as StyledComponent from './style'; 6 | 7 | const InputSelectionSectionContainer = () => { 8 | return ( 9 | 10 | 11 | 12 | <InputTopSelectionSection /> 13 | </StyledComponent.FlexContainer> 14 | <InputBottomSelectionSection /> 15 | </StyledComponent.InputSectionContainer> 16 | ); 17 | }; 18 | export default InputSelectionSectionContainer; 19 | -------------------------------------------------------------------------------- /src/components/LeftSection/LeftSection.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import LeftSectionTemplate from './LeftSectionTemplate'; 3 | import InputSelectionSection from './InputSelectionSection'; 4 | import ResizingBar from './ResizingBar'; 5 | import BottomWhiteSpace from './BottomWhiteSpace'; 6 | import ResizingArea from './ResizingArea'; 7 | 8 | const LeftSection = () => { 9 | return ( 10 | <> 11 | <LeftSectionTemplate 12 | InputSectionContainer={<InputSelectionSection />} 13 | ResizingArea={<ResizingArea />} 14 | ResizingBar={<ResizingBar />} 15 | BottomWhiteSpace={<BottomWhiteSpace />} 16 | /> 17 | </> 18 | ); 19 | }; 20 | 21 | export default LeftSection; 22 | -------------------------------------------------------------------------------- /src/components/LeftSection/LeftSectionStyle.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const Aside = styled.div` 5 | display: flex; 6 | flex-direction: column; 7 | width: 100%; 8 | height: 100%; 9 | background-color: ${colors.backgroundGrey}; 10 | 11 | .SplitPane { 12 | flex: 1 1 0 !important; 13 | position: relative !important; 14 | min-height: initial !important; 15 | } 16 | 17 | .Pane1 { 18 | max-height: 90% !important; 19 | } 20 | .Pane2 { 21 | height: 0px; 22 | } 23 | 24 | .Resizer { 25 | border: 3px solid ${colors.borderGrey}; 26 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); 27 | -moz-box-sizing: border-box; 28 | -webkit-box-sizing: border-box; 29 | box-sizing: border-box; 30 | background: #000; 31 | opacity: 0.2; 32 | z-index: 1; 33 | -moz-background-clip: padding; 34 | -webkit-background-clip: padding; 35 | background-clip: padding-box; 36 | cursor: row-resize; 37 | } 38 | 39 | .Resizer:hover { 40 | border-color: ${colors.darkGrey}; 41 | } 42 | `; 43 | -------------------------------------------------------------------------------- /src/components/LeftSection/LeftSectionTemplate.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import * as StyleComponent from './LeftSectionStyle'; 3 | 4 | interface Props { 5 | InputSectionContainer: JSX.Element; 6 | ResizingBar: JSX.Element; 7 | BottomWhiteSpace: JSX.Element; 8 | ResizingArea: JSX.Element; 9 | } 10 | 11 | const LeftSectionTemplate = ({ 12 | InputSectionContainer, 13 | ResizingBar, 14 | BottomWhiteSpace, 15 | ResizingArea, 16 | }: Props) => { 17 | return ( 18 | <StyleComponent.Aside> 19 | {InputSectionContainer} 20 | {ResizingBar} 21 | {ResizingArea} 22 | {BottomWhiteSpace} 23 | </StyleComponent.Aside> 24 | ); 25 | }; 26 | 27 | export default LeftSectionTemplate; 28 | -------------------------------------------------------------------------------- /src/components/LeftSection/ResizingArea/MathSection/ButtonList.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Loading from '@src/utils/svg/loading.svg'; 3 | import * as StyleComponent from './style'; 4 | 5 | interface Props { 6 | loading: boolean; 7 | latexContentList: JSX.Element[]; 8 | } 9 | const LatexContentList = ({ loading, latexContentList }: Props) => { 10 | return ( 11 | <> 12 | {loading === true ? ( 13 | <StyleComponent.LoadingContainer> 14 | <Loading /> 15 | </StyleComponent.LoadingContainer> 16 | ) : ( 17 | latexContentList 18 | )} 19 | </> 20 | ); 21 | }; 22 | 23 | export default LatexContentList; 24 | -------------------------------------------------------------------------------- /src/components/LeftSection/ResizingArea/MathSection/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const MathSectionContainer = styled.div` 5 | display: flex; 6 | flex-direction: column; 7 | width: 98%; 8 | height: 100%; 9 | border: 1px solid ${colors.borderGrey}; 10 | background-color: ${colors.white}; 11 | `; 12 | export const ButtonContainer = styled.div` 13 | flex: 1; 14 | display: flex; 15 | flex-wrap: wrap; 16 | align-content: flex-start; 17 | overflow: auto; 18 | &::-webkit-scrollbar { 19 | width: 8px; 20 | height: 8px; 21 | background: ${colors.white}; 22 | } 23 | &::-webkit-scrollbar-thumb { 24 | border-radius: 3.5px; 25 | background-color: ${colors.lightGrey}; 26 | 27 | &:hover { 28 | background-color: ${colors.grey}; 29 | } 30 | } 31 | &::-webkit-scrollbar-track { 32 | background: ${colors.white}; 33 | } 34 | `; 35 | 36 | export const LoadingContainer = styled.div` 37 | display: flex; 38 | width: 100%; 39 | height: 100%; 40 | align-items: center; 41 | justify-content: center; 42 | `; 43 | -------------------------------------------------------------------------------- /src/components/LeftSection/ResizingArea/TemplateSection/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const TemplateSectionContainer = styled.div` 5 | display: flex; 6 | flex-direction: column; 7 | width: 98%; 8 | height: 100%; 9 | border: 1px solid ${colors.borderGrey}; 10 | background-color: ${colors.white}; 11 | `; 12 | 13 | export const Header = styled.div` 14 | display: flex; 15 | align-items: center; 16 | button { 17 | width: 28px; 18 | height: 22px; 19 | margin-left: auto; 20 | margin-right: 10px; 21 | outline: none; 22 | border: none; 23 | background-color: ${colors.white}; 24 | opacity: 0.6; 25 | cursor: pointer; 26 | } 27 | 28 | button:hover { 29 | opacity: 1; 30 | } 31 | 32 | & > button > svg { 33 | fill: ${colors.grey}; 34 | } 35 | `; 36 | 37 | export const ButtonContainer = styled.div` 38 | display: flex; 39 | flex-wrap: wrap; 40 | align-content: flex-start; 41 | overflow: auto; 42 | &::-webkit-scrollbar { 43 | width: 8px; 44 | height: 8px; 45 | background: ${colors.white}; 46 | } 47 | &::-webkit-scrollbar-thumb { 48 | border-radius: 3.5px; 49 | background-color: ${colors.lightGrey}; 50 | 51 | &:hover { 52 | background-color: ${colors.grey}; 53 | } 54 | } 55 | &::-webkit-scrollbar-track { 56 | background: ${colors.white}; 57 | } 58 | `; 59 | -------------------------------------------------------------------------------- /src/components/LeftSection/ResizingArea/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import SplitPane from 'react-split-pane'; 3 | import MathSectionContainer from './MathSection'; 4 | import TemplateContainer from './TemplateSection'; 5 | 6 | const SplitArea = () => { 7 | return ( 8 | <SplitPane split="horizontal" defaultSize="50%"> 9 | <MathSectionContainer /> 10 | <TemplateContainer /> 11 | </SplitPane> 12 | ); 13 | }; 14 | 15 | export default SplitArea; 16 | -------------------------------------------------------------------------------- /src/components/LeftSection/ResizingBar/index.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/ban-types */ 2 | import React from 'react'; 3 | import * as StyledComponent from './style'; 4 | 5 | const ResizingBar = () => { 6 | return <StyledComponent.Bar />; 7 | }; 8 | 9 | export default ResizingBar; 10 | -------------------------------------------------------------------------------- /src/components/LeftSection/ResizingBar/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const Bar = styled.div` 5 | width: 100%; 6 | height: 3px; 7 | background-color: ${colors.borderGrey}; 8 | `; 9 | -------------------------------------------------------------------------------- /src/components/MainSection/LatexSection/Handle.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { useDrag, DragPreviewImage } from 'react-dnd'; 3 | import NullPreviewPng from '@src/utils/svg/latex/nullPreview.png'; 4 | import * as StyleComponent from './style'; 5 | 6 | export default function Handle() { 7 | const [{ isDragging }, drag, resizePreview] = useDrag({ 8 | item: { type: 'resize' }, 9 | collect: (monitor) => ({ 10 | isDragging: monitor.isDragging(), 11 | }), 12 | }); 13 | 14 | return ( 15 | <> 16 | <DragPreviewImage connect={resizePreview} src={NullPreviewPng} /> 17 | <StyleComponent.Handle ref={drag}> 18 | <div>LaTeX</div> 19 | </StyleComponent.Handle> 20 | </> 21 | ); 22 | } 23 | -------------------------------------------------------------------------------- /src/components/MainSection/LatexSection/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Handle from './Handle'; 3 | import * as StyleComponent from './style'; 4 | 5 | interface Props { 6 | value: string; 7 | onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void; 8 | } 9 | 10 | export default function LaTeXSection({ value, onChange }: Props) { 11 | return ( 12 | <> 13 | <Handle /> 14 | <StyleComponent.Content> 15 | <textarea value={value} onChange={onChange} /> 16 | </StyleComponent.Content> 17 | </> 18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /src/components/MainSection/LatexSection/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const LaTex = styled.div` 5 | overflow: hidden; 6 | `; 7 | 8 | export const Handle = styled.div` 9 | display: flex; 10 | padding-top: 10px; 11 | padding-bottom: 10px; 12 | margin-left: 6px; 13 | align-items: center; 14 | color: ${colors.backgroundGrey}; 15 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); 16 | font-weight: bold; 17 | cursor: row-resize; 18 | `; 19 | 20 | export const Content = styled.div` 21 | display: flex; 22 | height: 100%; 23 | textarea { 24 | padding: 10px; 25 | min-width: 96%; 26 | min-height: 90%; 27 | resize: none; 28 | border: none; 29 | outline: none; 30 | font-size: 17px; 31 | font-weight: bold; 32 | background-color: transparent; 33 | color: ${colors.white}; 34 | } 35 | `; 36 | -------------------------------------------------------------------------------- /src/components/MainSection/MainSectionTemplate.tsx: -------------------------------------------------------------------------------- 1 | import React, { MutableRefObject } from 'react'; 2 | import * as StyleComponent from './MainSectionStyle'; 3 | 4 | interface Props { 5 | mainSectionRef: MutableRefObject<HTMLDivElement>; 6 | mathQuill: JSX.Element; 7 | latex: JSX.Element; 8 | tab: JSX.Element; 9 | resizing: any; 10 | height: number; 11 | canvas: JSX.Element; 12 | alert: JSX.Element; 13 | show: boolean; 14 | } 15 | 16 | const MainSectionTemplate = ({ 17 | mainSectionRef, 18 | mathQuill, 19 | latex, 20 | tab, 21 | resizing, 22 | height, 23 | canvas, 24 | alert, 25 | show, 26 | }: Props) => { 27 | return ( 28 | <StyleComponent.MainSectionTemplate ref={resizing} show={show}> 29 | <StyleComponent.TextArea height={height} ref={mainSectionRef}> 30 | {alert} 31 | {mathQuill} 32 | {canvas} 33 | </StyleComponent.TextArea> 34 | 35 | <StyleComponent.LaTeX height={height}>{latex}</StyleComponent.LaTeX> 36 | <StyleComponent.Tab>{tab}</StyleComponent.Tab> 37 | </StyleComponent.MainSectionTemplate> 38 | ); 39 | }; 40 | 41 | export default MainSectionTemplate; 42 | -------------------------------------------------------------------------------- /src/components/MainSection/Tab/PlusTab.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PlusIcon from '@src/utils/svg/tab/plus_icon.svg'; 3 | import * as StyleComponent from './style'; 4 | 5 | interface Props { 6 | handleAddTab: () => void; 7 | } 8 | 9 | const PlusTab = ({ handleAddTab }: Props) => { 10 | const onClickHandler = () => { 11 | handleAddTab(); 12 | }; 13 | 14 | return ( 15 | <StyleComponent.SmallTab onClick={onClickHandler}> 16 | <PlusIcon /> 17 | </StyleComponent.SmallTab> 18 | ); 19 | }; 20 | 21 | export default PlusTab; 22 | -------------------------------------------------------------------------------- /src/components/MainSection/Tab/TabList.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import SvgButton from '@src/components/Common/SvgButton'; 3 | import XIcon from '@src/utils/svg/tab/x_icon.svg'; 4 | import colors from '@src/utils/colors'; 5 | import * as StyleComponent from './style'; 6 | 7 | interface Props { 8 | tabId: number; 9 | selectedTabId: number; 10 | tabTitle: string; 11 | handleChangeTab: (tabId: number) => void; 12 | handleDeleteTab: (tabId: number) => void; 13 | } 14 | 15 | const TabList = ({ 16 | tabId, 17 | selectedTabId, 18 | tabTitle, 19 | handleChangeTab, 20 | handleDeleteTab, 21 | }: Props) => { 22 | const onClickHandler = () => { 23 | handleChangeTab(tabId); 24 | }; 25 | 26 | const deleteHandler = () => { 27 | handleDeleteTab(tabId); 28 | }; 29 | 30 | return ( 31 | <StyleComponent.TabItem 32 | tabId={tabId} 33 | selectedTabId={selectedTabId} 34 | title={tabTitle} 35 | > 36 | <StyleComponent.Title onClick={onClickHandler}> 37 | {tabTitle} 38 | </StyleComponent.Title> 39 | <input defaultValue="TAB1" /> 40 | <SvgButton 41 | svgColor={colors.darkGrey} 42 | Svg={XIcon} 43 | onClick={deleteHandler} 44 | /> 45 | </StyleComponent.TabItem> 46 | ); 47 | }; 48 | 49 | export default TabList; 50 | -------------------------------------------------------------------------------- /src/components/SubSection/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | interface Props { 5 | show: boolean; 6 | } 7 | 8 | export const RightArea = styled.div<Props>` 9 | flex: 0 1; 10 | flex-basis: ${(props) => (props.show ? '30%' : '0%')}; 11 | display: flex; 12 | flex-direction: column; 13 | width: ${(props) => (props.show ? '30%' : '0%')}; 14 | background-color: ${colors.graphPuple}; 15 | align-items: center; 16 | overflow: hidden; 17 | z-index: 10; 18 | `; 19 | 20 | export const GraphContainer = styled.div` 21 | width: 400px; 22 | height: 300px; 23 | `; 24 | 25 | export const Title = styled.div` 26 | width: 100%; 27 | height: 45px; 28 | margin-top: 30px; 29 | margin-bottom: 30px; 30 | display: flex; 31 | align-items: center; 32 | cursor: pointer; 33 | 34 | .edge { 35 | width: 10px; 36 | height: 100%; 37 | background-color: ${colors.mainGreen}; 38 | } 39 | .title { 40 | margin-left: 30px; 41 | font-size: 30px; 42 | font-weight: bold; 43 | color: ${colors.white}; 44 | } 45 | `; 46 | -------------------------------------------------------------------------------- /src/components/Toolbar/AlignDropdown/Button.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import AlignLeft from '@src/utils/svg/toolbar/align-left.svg'; 3 | import AlignCenter from '@src/utils/svg/toolbar/align-center.svg'; 4 | import AlignRight from '@src/utils/svg/toolbar/align-right.svg'; 5 | import * as StyledComponent from './style'; 6 | 7 | interface AlignProps { 8 | onClick: () => void; 9 | fontAlign: string; 10 | } 11 | const AlignButton = ({ onClick, fontAlign }: AlignProps) => { 12 | return ( 13 | <StyledComponent.ButtonContainer onClick={onClick}> 14 | {fontAlign === 'left' && <AlignLeft />} 15 | {fontAlign === 'center' && <AlignCenter />} 16 | {fontAlign === 'right' && <AlignRight />} 17 | </StyledComponent.ButtonContainer> 18 | ); 19 | }; 20 | 21 | export default AlignButton; 22 | -------------------------------------------------------------------------------- /src/components/Toolbar/AlignDropdown/index.tsx: -------------------------------------------------------------------------------- 1 | import React, { useRef } from 'react'; 2 | import { useDispatch, useSelector } from 'react-redux'; 3 | import { RootState } from '@src/store/modules'; 4 | import * as fontAlignReducer from '@src/store/modules/fontAlign'; 5 | import useOutsideClick from '@src/hooks/useOutSideClick'; 6 | import Button from './Button'; 7 | import AlignContent from './AlignContent'; 8 | import * as StyledComponent from './style'; 9 | 10 | const AlignButton = () => { 11 | const { fontAlignDropdown, fontAlign } = useSelector( 12 | (state: RootState) => state.fontAlignReducer 13 | ); 14 | const dispatch = useDispatch(); 15 | const onClickHandler = () => { 16 | dispatch(fontAlignReducer.showFontAlignDropdown()); 17 | }; 18 | const onChangeAlignHandler = (position: string) => { 19 | dispatch(fontAlignReducer.changeFontAlign(position)); 20 | }; 21 | const alignRef = useRef<HTMLDivElement>(null); 22 | useOutsideClick( 23 | alignRef, 24 | fontAlignDropdown, 25 | fontAlignReducer.closeFontAlignDropdown 26 | ); 27 | 28 | return ( 29 | <StyledComponent.AlignDropdown ref={alignRef}> 30 | <Button onClick={onClickHandler} fontAlign={fontAlign} /> 31 | {fontAlignDropdown && <AlignContent changeAlign={onChangeAlignHandler} />} 32 | </StyledComponent.AlignDropdown> 33 | ); 34 | }; 35 | 36 | export default AlignButton; 37 | -------------------------------------------------------------------------------- /src/components/Toolbar/AlignDropdown/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import { RoundButton } from '@src/components/Common/RoundButton/style'; 3 | import colors from '@src/utils/colors'; 4 | 5 | export const ButtonContainer = styled(RoundButton)` 6 | svg { 7 | background-color: transparent; 8 | } 9 | `; 10 | export const DropdownContainer = styled.div` 11 | display: flex; 12 | position: absolute; 13 | top: 3.75rem; 14 | padding: 12px; 15 | border: solid 1px ${colors.borderGrey}; 16 | background-color: ${colors.white}; 17 | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 18 | z-index: 15; 19 | `; 20 | 21 | export const AlignDropdown = styled.div``; 22 | 23 | export const RowContainer = styled.div` 24 | display: flex; 25 | width: 100%; 26 | `; 27 | 28 | export const ColorBox = styled.div` 29 | cursor: pointer; 30 | & + & { 31 | margin-left: 0.3rem; 32 | } 33 | &:hover { 34 | border-radius: 4px; 35 | background-color: ${colors.hoverGrey}; 36 | } 37 | `; 38 | -------------------------------------------------------------------------------- /src/components/Toolbar/BackgroundDropdown/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | import { RoundButton } from '@src/components/Common/RoundButton/style'; 4 | 5 | interface Props { 6 | backgroundDropdown: boolean; 7 | } 8 | export const BackgroundDropdownButton = styled(RoundButton)<Props>` 9 | background-color: ${(props) => 10 | props.backgroundDropdown ? colors.darkGrey : colors.white}; 11 | svg path { 12 | fill: ${(props) => props.backgroundDropdown && colors.white}; 13 | } 14 | 15 | &:hover { 16 | background-color: ${(props) => 17 | props.backgroundDropdown ? colors.darkGrey : '#f1f3f4'}; 18 | opacity: 0.8; 19 | } 20 | `; 21 | 22 | export const BackgroundContainer = styled.div` 23 | display: flex; 24 | position: absolute; 25 | top: 3.75rem; 26 | width: 70px; 27 | padding: 12px; 28 | border: solid 1px ${colors.borderGrey}; 29 | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 30 | background-color: ${colors.white}; 31 | justify-content: space-between; 32 | z-index: 15; 33 | & svg { 34 | cursor: pointer; 35 | width: 30px; 36 | height: 30px; 37 | border: solid 1px ${colors.borderGrey}; 38 | border-radius: 4px; 39 | } 40 | & svg:hover { 41 | background-color: ${colors.hoverGrey}; 42 | border-radius: 4px; 43 | } 44 | input { 45 | width: 10px; 46 | } 47 | `; 48 | -------------------------------------------------------------------------------- /src/components/Toolbar/FontColorDropdown/Button.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import * as StyleComponent from './style'; 3 | 4 | interface Props { 5 | onClick: () => void; 6 | fontColor: string; 7 | fontColorDropdown: boolean; 8 | } 9 | const FontColorButton = ({ onClick, fontColorDropdown, fontColor }: Props) => { 10 | return ( 11 | <StyleComponent.DropdownButton onClick={onClick}> 12 | {fontColorDropdown ? ( 13 | <> 14 | <div className="title">A</div> 15 | <StyleComponent.ColorBlind active /> 16 | </> 17 | ) : ( 18 | <> 19 | <div className="title">A</div> 20 | <StyleComponent.ColorBlind color={fontColor} /> 21 | </> 22 | )} 23 | </StyleComponent.DropdownButton> 24 | ); 25 | }; 26 | 27 | export default FontColorButton; 28 | -------------------------------------------------------------------------------- /src/components/Toolbar/FontColorDropdown/DropdownContent.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import colorList from '@src/constants/colorList'; 3 | import * as StyleComponent from './style'; 4 | 5 | interface Props { 6 | onClick: (color: string) => void; 7 | } 8 | const DropdownContent = ({ onClick }: Props) => { 9 | return ( 10 | <StyleComponent.DropdownContainer> 11 | <StyleComponent.RowContainer> 12 | {colorList.map((color) => { 13 | return ( 14 | <StyleComponent.ColorBox 15 | key={`colorbox-${color}`} 16 | color={color} 17 | onClick={() => onClick(color)} 18 | /> 19 | ); 20 | })} 21 | </StyleComponent.RowContainer> 22 | </StyleComponent.DropdownContainer> 23 | ); 24 | }; 25 | 26 | export default DropdownContent; 27 | -------------------------------------------------------------------------------- /src/components/Toolbar/FontSizeDropdown/FontButton.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { RoundButton } from '@src/components/Common/RoundButton/style'; 3 | 4 | interface Props { 5 | changeStatus: () => void; 6 | selectedFontSize: number; 7 | } 8 | 9 | const FontButton = ({ changeStatus, selectedFontSize }: Props) => { 10 | const onClickHandler = () => { 11 | changeStatus(); 12 | }; 13 | 14 | return ( 15 | <RoundButton onClick={onClickHandler}> 16 | <div className="title">{selectedFontSize}</div> 17 | </RoundButton> 18 | ); 19 | }; 20 | export default FontButton; 21 | -------------------------------------------------------------------------------- /src/components/Toolbar/FontSizeDropdown/FontContent.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import CheckIcon from '@src/utils/svg/toolbar/font-check.svg'; 3 | import * as StyledComponent from './style'; 4 | 5 | interface Props { 6 | fontSize: number; 7 | changeFontSize: (size: number) => void; 8 | selectedFontSize: number; 9 | } 10 | 11 | const FontContent = ({ fontSize, changeFontSize, selectedFontSize }: Props) => { 12 | const onClickHandler = () => { 13 | changeFontSize(fontSize); 14 | }; 15 | 16 | let isSelected = false; 17 | if (fontSize === selectedFontSize) { 18 | isSelected = true; 19 | } 20 | 21 | return ( 22 | <StyledComponent.Content onClick={onClickHandler} isSelected={isSelected}> 23 | <div className="number">{fontSize}</div> 24 | <CheckIcon /> 25 | </StyledComponent.Content> 26 | ); 27 | }; 28 | 29 | export default FontContent; 30 | -------------------------------------------------------------------------------- /src/components/Toolbar/FontSizeDropdown/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const FontDropdown = styled.div``; 5 | export const DropDownContent = styled.div<{ fontSizeDropdown: boolean }>` 6 | display: ${(props) => (props.fontSizeDropdown ? 'block' : 'none')}; 7 | position: absolute; 8 | top: 3.75rem; 9 | width: 6.25rem; 10 | border: 1px solid ${colors.borderGrey}; 11 | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 12 | background-color: white; 13 | z-index: 15; 14 | cursor: pointer; 15 | `; 16 | 17 | export const Content = styled.div<{ isSelected: boolean }>` 18 | display: flex; 19 | align-items: center; 20 | .number { 21 | margin-left: 15px; 22 | color: ${(props) => (props.isSelected ? colors.fontGreen : colors.black)}; 23 | font-size: 13px; 24 | } 25 | svg { 26 | visibility: ${(props) => (props.isSelected ? 'visible' : 'hidden')}; 27 | margin-left: auto; 28 | margin-top: 5px; 29 | } 30 | &:hover { 31 | background-color: ${colors.hoverGrey}; 32 | } 33 | `; 34 | -------------------------------------------------------------------------------- /src/components/Toolbar/GraphButton/Button.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import GraphIcon from '@src/utils/svg/toolbar/graph.svg'; 3 | import * as StyledComponent from './style'; 4 | 5 | interface Props { 6 | onClick: () => void; 7 | } 8 | const GraphButton = ({ onClick }: Props) => { 9 | return ( 10 | <StyledComponent.ButtonContainer onClick={onClick}> 11 | <GraphIcon /> 12 | </StyledComponent.ButtonContainer> 13 | ); 14 | }; 15 | 16 | export default GraphButton; 17 | -------------------------------------------------------------------------------- /src/components/Toolbar/GraphButton/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import * as GraphAction from '@src/store/modules/graph'; 3 | import { useDispatch } from 'react-redux'; 4 | import Button from './Button'; 5 | 6 | const Graph = () => { 7 | const dispatch = useDispatch(); 8 | 9 | const onClickHandler = () => { 10 | dispatch(GraphAction.clickGraphButton()); 11 | }; 12 | 13 | return <Button onClick={onClickHandler} />; 14 | }; 15 | 16 | export default Graph; 17 | -------------------------------------------------------------------------------- /src/components/Toolbar/GraphButton/style.tsx: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import { RoundButton } from '@src/components/Common/RoundButton/style'; 3 | 4 | export const ButtonContainer = styled(RoundButton)` 5 | svg { 6 | background-color: transparent; 7 | } 8 | `; 9 | -------------------------------------------------------------------------------- /src/components/Toolbar/HistoryButtons/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { useDispatch } from 'react-redux'; 3 | import BACK from '@src/utils/svg/toolbar/back.svg'; 4 | import FORWORD from '@src/utils/svg/toolbar/forward.svg'; 5 | import CLEAR from '@src/utils/svg/toolbar/clear.svg'; 6 | import ToolBarButton from '@src/components/Common/ToolbarButton'; 7 | import { clear, redo, undo } from '@src/store/modules/mathQuill'; 8 | import colors from '@src/utils/colors'; 9 | 10 | const OptionButtons = () => { 11 | const dispatch = useDispatch(); 12 | 13 | const onClickClearHandler = () => { 14 | dispatch(clear()); 15 | }; 16 | const onClickBackHandler = () => { 17 | dispatch(undo()); 18 | }; 19 | const onClickForwardHandler = () => { 20 | dispatch(redo()); 21 | }; 22 | 23 | const options = [ 24 | { Svg: BACK, onClick: onClickBackHandler, id: 1 }, 25 | { Svg: FORWORD, onClick: onClickForwardHandler, id: 2 }, 26 | { Svg: CLEAR, onClick: onClickClearHandler, id: 3 }, 27 | ]; 28 | 29 | return ( 30 | <> 31 | {options.map((value) => { 32 | return ( 33 | <ToolBarButton 34 | key={value.id} 35 | color={colors.mainGreen} 36 | Svg={value.Svg} 37 | onClick={value.onClick} 38 | /> 39 | ); 40 | })} 41 | </> 42 | ); 43 | }; 44 | 45 | export default OptionButtons; 46 | -------------------------------------------------------------------------------- /src/components/Toolbar/ItalicButton/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { useDispatch, useSelector } from 'react-redux'; 3 | import { RootState } from '@src/store/modules'; 4 | import { changeDecline } from '@src/store/modules/fontDecline'; 5 | import { RoundButton } from '@src/components/Common/RoundButton/style'; 6 | 7 | const ItalicButton = () => { 8 | const { fontDecline } = useSelector( 9 | (state: RootState) => state.fontDeclineReducer 10 | ); 11 | 12 | const dispatch = useDispatch(); 13 | 14 | const onClickDeclineHandler = () => { 15 | dispatch(changeDecline({ fontDecline: !fontDecline })); 16 | }; 17 | 18 | return ( 19 | <RoundButton onClick={onClickDeclineHandler}> 20 | <div className="italic">I</div> 21 | </RoundButton> 22 | ); 23 | }; 24 | 25 | export default ItalicButton; 26 | -------------------------------------------------------------------------------- /src/components/Toolbar/ToolBar.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import FontSizeDropDown from '@src/components/Toolbar/FontSizeDropdown'; 3 | import FontColorDropDown from '@src/components/Toolbar/FontColorDropdown'; 4 | import ItalicButton from '@src/components/Toolbar/ItalicButton'; 5 | import DrawerDropDown from '@src/components/Toolbar/PaintDropdown'; 6 | import BackgroundDropDown from '@src/components/Toolbar/BackgroundDropdown'; 7 | import AlignDropDown from '@src/components/Toolbar/AlignDropdown'; 8 | import GraphButton from '@src/components/Toolbar/GraphButton'; 9 | import OptionButtons from '@src/components/Toolbar/HistoryButtons'; 10 | import ToolBarTemplate from './ToolBarTemplate'; 11 | 12 | const ToolBar = () => { 13 | return ( 14 | <ToolBarTemplate 15 | FontSizeDropDown={<FontSizeDropDown />} 16 | FontColorDropDown={<FontColorDropDown />} 17 | AlignDropDown={<AlignDropDown />} 18 | ItalicButton={<ItalicButton />} 19 | DrawerDropDown={<DrawerDropDown />} 20 | BackgroundButton={<BackgroundDropDown />} 21 | graphButton={<GraphButton />} 22 | optionButtons={<OptionButtons />} 23 | /> 24 | ); 25 | }; 26 | 27 | export default ToolBar; 28 | -------------------------------------------------------------------------------- /src/components/Toolbar/ToolBarStyle.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const ToolBarTemplate = styled.div` 5 | flex: none; 6 | display: flex; 7 | position: relative; 8 | height: 3rem; 9 | background-color: ${colors.mainGreen}; 10 | align-items: center; 11 | `; 12 | 13 | export const Attributes = styled.div` 14 | display: flex; 15 | width: 300px; 16 | margin-left: 20px; 17 | margin-right: 20px; 18 | align-items: center; 19 | justify-content: space-between; 20 | `; 21 | 22 | export const Options = styled.div` 23 | display: flex; 24 | width: 105px; 25 | margin-left: auto; 26 | margin-right: 20px; 27 | align-items: center; 28 | justify-content: space-between; 29 | `; 30 | -------------------------------------------------------------------------------- /src/components/Toolbar/ToolBarTemplate.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import * as StyleComponent from './ToolBarStyle'; 3 | 4 | interface Props { 5 | FontSizeDropDown: JSX.Element; 6 | FontColorDropDown: JSX.Element; 7 | AlignDropDown: JSX.Element; 8 | ItalicButton: JSX.Element; 9 | DrawerDropDown: JSX.Element; 10 | BackgroundButton: JSX.Element; 11 | graphButton: JSX.Element; 12 | optionButtons: JSX.Element; 13 | } 14 | 15 | const ToolBarTemplate = ({ 16 | FontSizeDropDown, 17 | FontColorDropDown, 18 | AlignDropDown, 19 | ItalicButton, 20 | DrawerDropDown, 21 | BackgroundButton, 22 | graphButton, 23 | optionButtons, 24 | }: Props) => { 25 | return ( 26 | <StyleComponent.ToolBarTemplate> 27 | <StyleComponent.Attributes> 28 | {FontColorDropDown} 29 | {FontSizeDropDown} 30 | {AlignDropDown} 31 | {ItalicButton} 32 | {graphButton} 33 | {DrawerDropDown} 34 | {BackgroundButton} 35 | </StyleComponent.Attributes> 36 | <StyleComponent.Options>{optionButtons}</StyleComponent.Options> 37 | </StyleComponent.ToolBarTemplate> 38 | ); 39 | }; 40 | 41 | export default ToolBarTemplate; 42 | -------------------------------------------------------------------------------- /src/components/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ToolBar from '@src/components/Toolbar/ToolBar'; 3 | import Header from '@src/components/Header'; 4 | import LeftSection from '@src/components/LeftSection/LeftSection'; 5 | import MainSection from '@src/components/MainSection/MainSection'; 6 | import SubSection from '@src/components/SubSection'; 7 | import { RootState } from '@src/store/modules'; 8 | import { useSelector } from 'react-redux'; 9 | import * as StyleComponent from './style'; 10 | 11 | export const HeaderSection = () => { 12 | return ( 13 | <StyleComponent.Header> 14 | <Header /> 15 | </StyleComponent.Header> 16 | ); 17 | }; 18 | 19 | export const Aside = () => { 20 | return ( 21 | <StyleComponent.Aside> 22 | <LeftSection /> 23 | </StyleComponent.Aside> 24 | ); 25 | }; 26 | 27 | export const Section = () => { 28 | const { visible } = useSelector((state: RootState) => state.graphReducer); 29 | return ( 30 | <StyleComponent.Main> 31 | <ToolBar /> 32 | <StyleComponent.MoveArea> 33 | <MainSection visible={visible} /> 34 | <SubSection visible={visible} /> 35 | </StyleComponent.MoveArea> 36 | </StyleComponent.Main> 37 | ); 38 | }; 39 | -------------------------------------------------------------------------------- /src/components/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import colors from '@src/utils/colors'; 3 | 4 | export const Header = styled.div` 5 | display: flex; 6 | height: 3.8rem; 7 | border-bottom: 1px solid ${colors.borderGrey}; 8 | background-color: ${colors.white}; 9 | `; 10 | 11 | export const Aside = styled.div` 12 | width: 23%; 13 | @media screen and (max-width: 1600px) { 14 | width: 30%; 15 | } 16 | height: 100%; 17 | `; 18 | export const Main = styled.div` 19 | display: flex; 20 | flex-direction: column; 21 | width: 77%; 22 | @media screen and (max-width: 1600px) { 23 | width: 70%; 24 | } 25 | `; 26 | 27 | export const MoveArea = styled.div` 28 | flex: 1; 29 | display: flex; 30 | width: 100%; 31 | 32 | & > div { 33 | transition: all 1s; 34 | } 35 | `; 36 | -------------------------------------------------------------------------------- /src/constants/colorList.ts: -------------------------------------------------------------------------------- 1 | const colorList: string[] = [ 2 | 'black', 3 | 'red', 4 | 'blue', 5 | 'green', 6 | 'yellow', 7 | 'white', 8 | ]; 9 | 10 | export default colorList; 11 | -------------------------------------------------------------------------------- /src/constants/fontSizeList.ts: -------------------------------------------------------------------------------- 1 | const fontSizeList: number[] = [15, 16, 19, 24, 28, 30, 34]; 2 | 3 | export default fontSizeList; 4 | -------------------------------------------------------------------------------- /src/constants/symbolList.ts: -------------------------------------------------------------------------------- 1 | const symbolList = [ 2 | 'arrow', 3 | 'inequality', 4 | 'notoperator', 5 | 'figure', 6 | 'specialsymbol', 7 | 'unit', 8 | 'misc', 9 | 'division', 10 | 'plus', 11 | 'minus', 12 | 'multiple', 13 | 'greece', 14 | ]; 15 | 16 | export default symbolList; 17 | -------------------------------------------------------------------------------- /src/hooks/useInterval.ts: -------------------------------------------------------------------------------- 1 | import React, { MutableRefObject, useEffect, useRef } from 'react'; 2 | 3 | const useInterval = ( 4 | callback: MutableRefObject<HTMLDivElement>, 5 | delay: number 6 | ) => { 7 | const savedCallback: any = useRef(); 8 | 9 | // Remember the latest callback. 10 | useEffect(() => { 11 | savedCallback.current = callback; 12 | }, [callback]); 13 | 14 | // Set up the interval. 15 | useEffect(() => { 16 | function tick() { 17 | savedCallback.current(); 18 | } 19 | if (delay !== null) { 20 | const id = setInterval(tick, delay); 21 | return () => clearInterval(id); 22 | } 23 | return undefined; 24 | }, [delay]); 25 | }; 26 | 27 | export default useInterval; 28 | -------------------------------------------------------------------------------- /src/hooks/useOutSideClick.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-useless-return */ 2 | import { useEffect, MutableRefObject } from 'react'; 3 | import { useDispatch } from 'react-redux'; 4 | 5 | const outsideClick = ( 6 | ref: MutableRefObject<HTMLDivElement>, 7 | state: boolean, 8 | action: any 9 | ) => { 10 | const dispatch = useDispatch(); 11 | const click = (e: MouseEvent) => { 12 | if (ref && !ref.current.contains(e.target as Element)) { 13 | if (state) dispatch(action()); 14 | } 15 | }; 16 | useEffect(() => { 17 | document.addEventListener('click', click); 18 | return () => { 19 | document.removeEventListener('click', click); 20 | }; 21 | }); 22 | }; 23 | export default outsideClick; 24 | -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Provider } from 'react-redux'; 3 | import ReactDOM from 'react-dom'; 4 | import store from '@src/store'; 5 | import MainPage from '@src/MainPage'; 6 | import { DndProvider } from 'react-dnd'; 7 | import { HTML5Backend } from 'react-dnd-html5-backend'; 8 | 9 | ReactDOM.render( 10 | <DndProvider backend={HTML5Backend}> 11 | <Provider store={store}> 12 | <MainPage /> 13 | </Provider> 14 | </DndProvider>, 15 | document.getElementById('root') 16 | ); 17 | -------------------------------------------------------------------------------- /src/mainPageStyle.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | 3 | export const Wrap = styled.div` 4 | display: flex; 5 | flex-direction: column; 6 | width: 100%; 7 | height: 100%; 8 | `; 9 | 10 | export const Content = styled.div` 11 | flex: 1; 12 | display: flex; 13 | width: 100%; 14 | `; 15 | -------------------------------------------------------------------------------- /src/store/index.ts: -------------------------------------------------------------------------------- 1 | import { createStore } from 'redux'; 2 | import modules from './modules'; 3 | 4 | const configureStore = () => { 5 | const store = createStore(modules); 6 | 7 | return store; 8 | }; 9 | 10 | export default configureStore(); 11 | -------------------------------------------------------------------------------- /src/store/modules/alert.ts: -------------------------------------------------------------------------------- 1 | import { createAction, handleActions } from 'redux-actions'; 2 | 3 | const CHANGE_ALERT_MODE = 'alert/CHANGE_ALERT_MODE' as const; 4 | 5 | export const changeAlertMode = createAction(CHANGE_ALERT_MODE); 6 | 7 | type Action = ReturnType<typeof changeAlertMode>; 8 | 9 | export interface AlertModeState { 10 | mode: number; 11 | toggle: boolean; 12 | } 13 | 14 | const initialState = { 15 | mode: 0, 16 | toggle: false, 17 | }; 18 | 19 | export const alertReducer = handleActions( 20 | { 21 | [CHANGE_ALERT_MODE]: ( 22 | state: AlertModeState = initialState, 23 | action: Action 24 | ) => { 25 | return { ...state, mode: action.payload, toggle: !state.toggle }; 26 | }, 27 | }, 28 | initialState 29 | ); 30 | -------------------------------------------------------------------------------- /src/store/modules/fontDecline.ts: -------------------------------------------------------------------------------- 1 | import { createAction, handleActions } from 'redux-actions'; 2 | 3 | const CHANGE_DECLINE = 'fontDecline/CHANGE_DECLINE' as const; 4 | const LOAD_DECLINE = 'fontDecline/LOAD_DECLINE' as const; 5 | 6 | export const changeDecline = createAction(CHANGE_DECLINE); 7 | export const loadDeline = createAction(LOAD_DECLINE); 8 | type Action = ReturnType<typeof changeDecline> | ReturnType<typeof loadDeline>; 9 | 10 | export interface DeclineState { 11 | fontDecline: boolean; 12 | } 13 | 14 | const initialState: DeclineState = { 15 | fontDecline: false, 16 | }; 17 | 18 | export const fontDeclineReducer = handleActions( 19 | { 20 | [CHANGE_DECLINE]: (state: DeclineState = initialState) => { 21 | return { 22 | ...state, 23 | fontDecline: !state.fontDecline, 24 | }; 25 | }, 26 | [LOAD_DECLINE]: (state: DeclineState = initialState, action: Action) => { 27 | return { 28 | ...state, 29 | fontDecline: action.payload, 30 | }; 31 | }, 32 | }, 33 | initialState 34 | ); 35 | -------------------------------------------------------------------------------- /src/store/modules/graph.ts: -------------------------------------------------------------------------------- 1 | import { createAction, handleActions } from 'redux-actions'; 2 | 3 | const CLICK_GRAPH_BUTTON = 'graph/CLICK_GRAPH_BUTTON' as const; 4 | 5 | export const clickGraphButton = createAction(CLICK_GRAPH_BUTTON); 6 | 7 | export interface GraphState { 8 | visible: boolean; 9 | } 10 | const initialState: GraphState = { 11 | visible: false, 12 | }; 13 | 14 | export const graphReducer = handleActions( 15 | { 16 | [CLICK_GRAPH_BUTTON]: (state: GraphState = initialState) => { 17 | return { ...state, visible: !state.visible }; 18 | }, 19 | }, 20 | initialState 21 | ); 22 | -------------------------------------------------------------------------------- /src/store/modules/leftSection.ts: -------------------------------------------------------------------------------- 1 | import { createAction, handleActions } from 'redux-actions'; 2 | 3 | const CHANGE_FOMULAR = 'mathquill/CHANGE_FOMULAR' as const; 4 | 5 | export const changeFomula = createAction(CHANGE_FOMULAR); 6 | 7 | type Action = ReturnType<typeof changeFomula>; 8 | 9 | export interface LeftSectionState { 10 | name: string; 11 | } 12 | 13 | const initialState = { 14 | name: '', 15 | }; 16 | 17 | export const leftSectionReducer = handleActions( 18 | { 19 | [CHANGE_FOMULAR]: ( 20 | state: LeftSectionState = initialState, 21 | action: Action 22 | ) => { 23 | return { ...state, name: action.payload }; 24 | }, 25 | }, 26 | initialState 27 | ); 28 | -------------------------------------------------------------------------------- /src/utils/colors.ts: -------------------------------------------------------------------------------- 1 | import { colorType } from '@src/@types/colorType'; 2 | 3 | const colors: colorType = { 4 | fontGreen: '#00c73c', 5 | black: '#333', 6 | borderGrey: '#e0e0e0', 7 | mainGreen: '#41D3BD', 8 | lightGrey: '#C7C7C7', 9 | grey: '#818181', 10 | darkGrey: '#464653', 11 | backgroundGrey: '#e3e3e4', 12 | white: '#fff', 13 | hoverGrey: '#f1f1f1', 14 | dragEffect: '#F2F5E9', 15 | graphPuple: '#776e81', 16 | rainColor: '#dfdfdf', 17 | alertWhite: '#fff', 18 | errorBackground: '#f2dede', 19 | errorBorder: '#eed3d7', 20 | error: '#b94a48', 21 | succesBackground: '#dff0d8', 22 | succesBorder: '#d6e9c6', 23 | success: '#468847', 24 | infoBackround: '#d9edf7', 25 | infoBorder: '#bce8f1', 26 | info: '#3a87ad', 27 | }; 28 | export default colors; 29 | -------------------------------------------------------------------------------- /src/utils/global-style.ts: -------------------------------------------------------------------------------- 1 | import { createGlobalStyle } from 'styled-components'; 2 | import { reset } from 'styled-reset'; 3 | 4 | export const GlobalStyle = createGlobalStyle` 5 | ${reset} 6 | html{ 7 | height: 100%; 8 | } 9 | body { 10 | height: 100%; 11 | } 12 | #root { 13 | width: 100vw; 14 | height: 100vh; 15 | overflow: hidden; 16 | } 17 | `; 18 | -------------------------------------------------------------------------------- /src/utils/localstorage.ts: -------------------------------------------------------------------------------- 1 | export const getLastId = () => { 2 | const storedData = JSON.parse(window.localStorage.getItem('tab-data')); 3 | if (storedData) { 4 | return storedData[storedData.length - 1].id; 5 | } 6 | return 1; 7 | }; 8 | 9 | export default { getLastId }; 10 | -------------------------------------------------------------------------------- /src/utils/savefile.ts: -------------------------------------------------------------------------------- 1 | const saveAsFile = (str: string, filename: string) => { 2 | const fileLength = filename.length; 3 | const lastDot = filename.lastIndexOf('.'); 4 | const fileExtension = filename.substring(lastDot + 1, fileLength); 5 | const hiddenElement = document.createElement('a'); 6 | hiddenElement.href = 7 | fileExtension === 'gif' ? str : `data:attachment/text,${encodeURI(str)}`; 8 | hiddenElement.target = '_blank'; 9 | hiddenElement.download = filename; 10 | hiddenElement.click(); 11 | }; 12 | 13 | export default saveAsFile; 14 | -------------------------------------------------------------------------------- /src/utils/setColor.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-param-reassign */ 2 | /* eslint-disable consistent-return */ 3 | const setColor = (e: EventTarget, context: CanvasRenderingContext2D) => { 4 | const e1 = e as HTMLElement; 5 | const colorVal = e1.getAttribute('color'); 6 | context.fillStyle = colorVal; 7 | return [colorVal, context]; 8 | }; 9 | export const canvasX = (clientX: number, canvas: HTMLCanvasElement) => { 10 | const bound = canvas.getBoundingClientRect(); 11 | return (clientX - bound.left) * (canvas.width / bound.width); 12 | }; 13 | 14 | export const canvasY = (clientY: number, canvas: HTMLCanvasElement) => { 15 | const bound = canvas.getBoundingClientRect(); 16 | return (clientY - bound.top) * (canvas.height / bound.height); 17 | }; 18 | 19 | export default setColor; 20 | -------------------------------------------------------------------------------- /src/utils/svg/background/background_icon.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="iso-8859-1"?> 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 4 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 5 | width="22px" height="22px" viewBox="0 0 79.536 79.536" style="enable-background:new 0 0 79.536 79.536;" 6 | xml:space="preserve"> 7 | <g> 8 | <path style="fill:#010002;" d="M79.536,61.441H0l3.946-6.846l12.285-21.284c2.175-3.76,5.722-3.76,7.889,0 9 | c0,0,2.853,4.942,3.197,5.52c1.634-2.825,10.341-17.916,10.341-17.916c2.18-3.76,5.725-3.76,7.894,0l17.301,29.968 10 | c0.891-1.548,1.771-3.064,2.443-4.256c1.574-2.713,4.127-2.713,5.707,0c1.563,2.724,4.127,7.166,5.701,9.869L79.536,61.441z"/> 11 | </g> 12 | <g> 13 | </g> 14 | <g> 15 | </g> 16 | <g> 17 | </g> 18 | <g> 19 | </g> 20 | <g> 21 | </g> 22 | <g> 23 | </g> 24 | <g> 25 | </g> 26 | <g> 27 | </g> 28 | <g> 29 | </g> 30 | <g> 31 | </g> 32 | <g> 33 | </g> 34 | <g> 35 | </g> 36 | <g> 37 | </g> 38 | <g> 39 | </g> 40 | <g> 41 | </g> 42 | </svg> 43 | -------------------------------------------------------------------------------- /src/utils/svg/background/눈배경화면.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boostcamp-2020/Project15-A-Client-Based-Formula-Editor/27e339f92a89fb38ee7ef8b4100c96cf714a3e06/src/utils/svg/background/눈배경화면.jpg -------------------------------------------------------------------------------- /src/utils/svg/background/비배경화면.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boostcamp-2020/Project15-A-Client-Based-Formula-Editor/27e339f92a89fb38ee7ef8b4100c96cf714a3e06/src/utils/svg/background/비배경화면.jpg -------------------------------------------------------------------------------- /src/utils/svg/footer/.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boostcamp-2020/Project15-A-Client-Based-Formula-Editor/27e339f92a89fb38ee7ef8b4100c96cf714a3e06/src/utils/svg/footer/.txt -------------------------------------------------------------------------------- /src/utils/svg/header/cloud.svg: -------------------------------------------------------------------------------- 1 | <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M6.29608 9.89768L5.34774 10.0526C3.44924 10.3628 2 12.0141 2 14C2 16.2091 3.79086 18 6 18H19C20.6569 18 22 16.6569 22 15C22 13.5005 20.898 12.2548 19.4601 12.0348L18.1442 11.8334L17.822 10.5418C17.1711 7.93171 14.8087 6 12 6C9.75746 6 7.79944 7.22938 6.76775 9.06051L6.29608 9.89768ZM19.7626 10.0578C18.8948 6.57805 15.7485 4 12 4C9.00647 4 6.39696 5.64419 5.02529 8.07877C2.17514 8.54439 0 11.0182 0 14C0 17.3137 2.68629 20 6 20H19C21.7614 20 24 17.7614 24 15C24 12.4979 22.1621 10.425 19.7626 10.0578Z" fill="black"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /src/utils/svg/latex/integral/.txt: -------------------------------------------------------------------------------- 1 | 미/적분 수식 2 | 부정적분 : \int _{\ }^{\ } 3 | 정적분 : \int _{ }^{ } 4 | 이중적분 : \iint _{\ }^{\ } 5 | 이중적분 : \iint _{ }^{ } 6 | 선적분 : \oint _{\ }^{\ } 7 | 선적분 : \oint _{ }^{ } 8 | 면적분 : \oiint _{\ }^{\ } 9 | 면적분 : \oiint _{ }^{ } 10 | 체적분 : \oiiint _{\ }^{\ } 11 | 체적분 : \oiiint _{ }^{ } 12 | 적분의 정리 : \left\lceil \right\rceil _{ }^{ } 13 | 14 | 미/적분 템플릿 15 | 미/적분 템플릿1 : \frac{dy}{dx} 16 | 미/적분 템플릿2 : \frac{\triangle y}{\triangle x} 17 | 미/적분 템플릿3 : \int _{\ }^{\ }f\left(x\right)dx 18 | 미/적분 템플릿4 : \frac{d}{dx}\int _a^sf\left(t\right)dt -------------------------------------------------------------------------------- /src/utils/svg/latex/integral/operator/operator11.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M42 32h1v17h-1V33h-2v-1h2zm-21 1v16h-1V32h3v1h-2zm4 15v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm4 0v-1h1v1h-1zm-12-4v-1h1v1h-1zm0 2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-4v-1h1v1h-1zm12 2v-1h1v1h-1zm-12-4v-1h1v1h-1zm12 2v-1h1v1h-1zm-12-4v-1h1v1h-1zm12 2v-1h1v1h-1zm-12-4v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 12v-1h1v1h-1zm0-12v-1h1v1h-1zm2 0v-1h1v1h-1zm0 2v-1h1v1h-1zm10-12h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/integral/operator/operator5.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M37 28.988l-1.462.662c-.342-.788-.84-1.262-1.555-1.262-.902 0-1.804 2.588-2.301 7.068 2.208.253 4.012 1.83 3.794 4.576-.218 2.65-2.208 4.228-4.385 4.543-.28 2.304-.715 4.197-1.337 5.711C29.1 51.896 28.105 53 26.86 53c-1.244 0-2.208-.6-2.861-1.862l1.368-.82c.374.789.871 1.294 1.587 1.294.901 0 1.866-2.556 2.301-7.068-2.053-.347-3.701-1.894-3.483-4.512.217-2.525 2.021-4.04 4.043-4.481.28-2.335.746-4.323 1.368-5.837.653-1.61 1.649-2.714 2.893-2.714 1.306 0 2.27.663 2.923 1.988zm-3.048 11.044c.156-1.767-.746-3.282-2.363-3.63A60.05 60.05 0 0 0 31.402 40a42.916 42.916 0 0 1-.218 3.629c1.524-.379 2.613-1.736 2.768-3.597zm-4.23-3.503c-1.337.505-2.27 1.767-2.425 3.503-.156 1.83.653 3.155 2.052 3.565A60.05 60.05 0 0 0 29.536 40c.031-1.23.093-2.367.186-3.47zM41 33h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/integral/template/template2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M47.156 50.72l-.375-.978c-.225-.586-.581-1.315-1.406-1.742l-2.475.587.056.32a2.21 2.21 0 0 1 .713-.107c1.031 0 1.518.729 1.837 1.582l.619 1.636-1.219 1.795c-.6.871-1.087 1.05-1.312 1.05-.469 0-.394-.356-.882-.356a.688.688 0 0 0-.712.657c0 .392.3.836.975.836 1.05 0 1.594-.764 2.194-1.636l1.181-1.742.75 2.01c.244.64.6 1.368 1.369 1.368 1.087 0 1.931-1.707 2.156-1.973l-.263-.178c-.393.764-.843 1.013-1.143 1.013-.844 0-1.275-2.4-1.838-3.502l1.032-1.511c.262-.391.468-.676 1.03-.676.32 0 .413.16.826.16.487 0 .731-.409.731-.746 0-.374-.319-.587-.919-.587-.937 0-1.594.782-2.081 1.493l-.844 1.227z" fill="#555"></path><path d="M35 47.118L30.809 55.5h8.382L35 47.118z" stroke="#555"></path><path fill="#555" d="M26 41h29v1H26z"></path><g><path d="M47.12 28.348c-.154-1.306-.275-1.765-.67-2.348l-2.574.441.034.283c.154-.018.43-.07.618-.07.961 0 1.116 1.059 1.202 1.853l.652 5.544c-.446.707-1.425 1.801-1.717 1.801-.274 0-.24-.547-.978-.547-.223 0-.687.194-.687.724 0 .424.326.971.961.971 1.168 0 2.284-1.73 3.537-3.355.72-.936 3.502-5.173 3.502-6.55 0-.689-.43-1.095-.979-1.095-.497 0-.806.318-.806.706 0 .671.892.848.892 1.219 0 .317-.137.67-.48 1.324-.378.724-.979 1.783-2.026 3.249l-.48-4.15z" fill="#555"></path><path d="M36 26.118L31.809 34.5h8.382L36 26.118z" stroke="#555"></path></g></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/limit/.txt: -------------------------------------------------------------------------------- 1 | 극한 수식 2 | 로그 : \log _{ }\combi{ } 3 | 로그 : \log \combi{ } 4 | 자연로그 : \ln \combi{ } 5 | 극한 : \lim _{ }^{ }\combi{ } 6 | 극한 : \lim _{\combi{ }\to \combi{ }}^{ }\combi{ } 7 | 최소값 : \min _{ }^{ }\combi{ } 8 | 최대값 : \max _{ }^{ }\combi{ } 9 | 10 | 극한 템플릿 11 | 극한 및 로그 템플릿1 : a^{\log _bx} 12 | 극한 및 로그 템플릿2 : \lim _{n\to \infty }^{ }\combi{ } 13 | 극한 및 로그 템플릿3 : \lim _{n\to \infty }^{ }\left(a_n\pm b_n\right) 14 | 극한 및 로그 템플릿4 : \lim _{\righttriangle x\to 0}^{ }\frac{\righttriangle y}{\righttriangle x} 15 | 극한 및 로그 템플릿5 : \lim _{n\to \infty }^{ }\left(1+\frac{1}{n}\right)^n 16 | 극한 및 로그 템플릿6 : \lim _{n\to \infty }^{ }\sum _{k=1}^n\combi{ } -------------------------------------------------------------------------------- /src/utils/svg/latex/limit/operator/4.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M42 35h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zM30 44v-.22c-.807-.058-.945-.249-.945-1.054V34.06L28.992 34c-.656.249-1.122.395-1.992.644v.234c.202-.029.366-.029.466-.029.404 0 .53.234.53.937v6.867c0 .805-.177 1.054-.97 1.127V44H30zM37 44v-.196c-.627-.065-.78-.208-.78-.913V40.01c0-1.292-.538-2.009-1.51-2.009-.588 0-1.177.287-1.842 1.057h-.013v-1.018L32.753 38a23.18 23.18 0 0 1-1.753.587v.222c.09-.04.23-.052.371-.052.358 0 .448.208.448.847v3.17c0 .77-.141.978-.793 1.03V44h2.699v-.196c-.653-.052-.832-.234-.832-.743v-3.6c.589-.587.896-.744 1.318-.744.627 0 .934.392.934 1.318v2.595c0 .861-.154 1.122-.793 1.174l-.013.196H37z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/limit/template/template2.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boostcamp-2020/Project15-A-Client-Based-Formula-Editor/27e339f92a89fb38ee7ef8b4100c96cf714a3e06/src/utils/svg/latex/limit/template/template2.svg -------------------------------------------------------------------------------- /src/utils/svg/latex/nullPreview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boostcamp-2020/Project15-A-Client-Based-Formula-Editor/27e339f92a89fb38ee7ef8b4100c96cf714a3e06/src/utils/svg/latex/nullPreview.png -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/.txt: -------------------------------------------------------------------------------- 1 | 대형 연산자(시그마) 수식 2 | 총합 : \sum _{\ }^{\ } 3 | 총합 : \sum _{ }^{ } 4 | 곱 : \prod _{\ }^{\ } 5 | 곱 : \prod _{ }^{ } 6 | 합집합 : \bigcup _{\ }^{\ } 7 | 합집합 : \bigcup _{ }^{ } 8 | 교집합 : \bigcap _{\ }^{\ } 9 | 교집합 : \bigcap _{ }^{ } 10 | V자형 : \bigvee _{\ }^{\ } 11 | V자형 : \bigvee _{ }^{ } 12 | 쐐기형 : \bigwedge _{\ }^{\ } 13 | 쐐기형 : \bigwedge _{ }^{ } 14 | 15 | 대형 연산자(시그마) 템플릿 16 | 대형 연산자 템플릿1 : \sum _{i=0}^n 17 | 대형 연산자 템플릿2 : \sum _{k=1}^n 18 | 대형 연산자 템플릿3 : \sum _{k=1}^{\infty } 19 | 대형 연산자 템플릿4 : \sum _{k=1}^{\infty }\left(\frac{1}{n}\right)^n 20 | 대형 연산자 템플릿5 : \sum _{k=1}^{\infty }\log 21 | -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/1.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="47" height="56" viewBox="-10 -10 47 56" id="eq-5" x="600" y="280"><path fill="#555" fill-rule="evenodd" d="M5.255 12.726l3.38 5.163v.53l-3.79 5.24h4.567c.287 0 .503-.019.649-.056a1.07 1.07 0 0 0 .374-.171c.104-.077.2-.184.285-.322a2.69 2.69 0 0 0 .246-.569 7.31 7.31 0 0 0 .222-.95H12l-.18 2.997c-.005.154-.046.26-.122.321-.076.06-.188.091-.336.091H3v-.391l4.288-5.93-4.024-6.28V12h7.987c.12 0 .218.014.294.042.077.028.136.07.177.126a.494.494 0 0 1 .087.202c.016.08.024.17.024.273v2.466h-.749a11.606 11.606 0 0 0-.33-1.083 3.28 3.28 0 0 0-.319-.664 1.53 1.53 0 0 0-.333-.374 1.217 1.217 0 0 0-.392-.195 2.124 2.124 0 0 0-.59-.067H5.255zM3 1h1v1H3V1zm2 0h1v1H5V1zm2 0h1v1H7V1zm2 0h1v1H9V1zm2 0h1v1h-1V1zM3 3h1v1H3V3zm8 0h1v1h-1V3zM3 5h1v1H3V5zm8 0h1v1h-1V5zM3 7h1v1H3V7zm8 0h1v1h-1V7zM3 9h1v1H3V9zm2 0h1v1H5V9zm2 0h1v1H7V9zm2 0h1v1H9V9zm2 0h1v1h-1V9zm4 5h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM3 27h1v1H3v-1zm2 0h1v1H5v-1zm2 0h1v1H7v-1zm2 0h1v1H9v-1zm2 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm2 0h1v1H5v-1zm2 0h1v1H7v-1zm2 0h1v1H9v-1zm2 0h1v1h-1v-1z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/10.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M30.207 51L22 29h2.459l7.089 19.803h.032L38.669 29H41l-8.239 22h-2.554zM43 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/11.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34.207 51L26 29h2.459l7.089 19.803h.032L42.669 29H45l-8.239 22h-2.554zM47 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM29 56h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zM29 11h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/12.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M31.207 29h2.554L42 51h-2.331l-7.09-19.803h-.031L25.458 51H23l8.207-22zM44 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/13.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path d="M34.21,29h2.55L45,51H42.67L35.58,31.2h0L28.46,51H26ZM47,34h1v1H47V34Zm2,0h1v1H49V34Zm2,0h1v1H51V34Zm2,0h1v1H53V34Zm2,0h1v1H55V34Zm4,0h1v1H59V34ZM47,38h1v1H47V38Zm0-2h1v1H47V36Zm12,0h1v1H59V36ZM47,40h1v1H47V40Zm12-2h1v1H59V38ZM47,42h1v1H47V42Zm12-2h1v1H59V40ZM47,44h1v1H47V44Zm12-2h1v1H59V42ZM47,46h1v1H47V46Zm2,0h1v1H49V46Zm2,0h1v1H51V46Zm2,0h1v1H53V46Zm2,0h1v1H55V46Zm2-12h1v1H57V34Zm0,12h1v1H57V46Zm2,0h1v1H59V46Zm0-2h1v1H59V44ZM29,56h1v1H29V56Zm2,0h1v1H31V56Zm2,0h1v1H33V56Zm2,0h1v1H35V56Zm2,0h1v1H37V56Zm2,0h1v1H39V56Zm2,0h1v1H41V56ZM29,58h1v1H29V58Zm12,0h1v1H41V58ZM29,60h1v1H29V60Zm12,0h1v1H41V60ZM29,62h1v1H29V62Zm12,0h1v1H41V62ZM29,64h1v1H29V64Zm12,0h1v1H41V64ZM29,66h1v1H29V66Zm2,2h1v1H31V68Zm2,0h1v1H33V68Zm2,0h1v1H35V68Zm2,0h1v1H37V68Zm2,0h1v1H39V68Zm2-2h1v1H41V66ZM29,68h1v1H29V68Zm12,0h1v1H41V68ZM29,11h1v1H29V11Zm2,0h1v1H31V11Zm2,0h1v1H33V11Zm2,0h1v1H35V11Zm2,0h1v1H37V11Zm2,0h1v1H39V11Zm2,0h1v1H41V11ZM29,13h1v1H29V13Zm12,0h1v1H41V13ZM29,15h1v1H29V15Zm12,0h1v1H41V15ZM29,17h1v1H29V17Zm12,0h1v1H41V17ZM29,19h1v1H29V19Zm12,0h1v1H41V19ZM29,21h1v1H29V21Zm2,2h1v1H31V23Zm2,0h1v1H33V23Zm2,0h1v1H35V23Zm2,0h1v1H37V23Zm2,0h1v1H39V23Zm2-2h1v1H41V21ZM29,23h1v1H29V23Zm12,0h1v1H41V23Z" fill="#555"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/1_hover.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="47" height="56" viewBox="-10 -10 47 56" id="eq-5-active" x="600" y="336"><path fill="#00AE34" fill-rule="evenodd" d="M5.255 12.726l3.38 5.163v.53l-3.79 5.24h4.567c.287 0 .503-.019.649-.056a1.07 1.07 0 0 0 .374-.171c.104-.077.2-.184.285-.322a2.69 2.69 0 0 0 .246-.569 7.31 7.31 0 0 0 .222-.95H12l-.18 2.997c-.005.154-.046.26-.122.321-.076.06-.188.091-.336.091H3v-.391l4.288-5.93-4.024-6.28V12h7.987c.12 0 .218.014.294.042.077.028.136.07.177.126a.494.494 0 0 1 .087.202c.016.08.024.17.024.273v2.466h-.749a11.606 11.606 0 0 0-.33-1.083 3.28 3.28 0 0 0-.319-.664 1.53 1.53 0 0 0-.333-.374 1.217 1.217 0 0 0-.392-.195 2.124 2.124 0 0 0-.59-.067H5.255zM3 1h1v1H3V1zm2 0h1v1H5V1zm2 0h1v1H7V1zm2 0h1v1H9V1zm2 0h1v1h-1V1zM3 3h1v1H3V3zm8 0h1v1h-1V3zM3 5h1v1H3V5zm8 0h1v1h-1V5zM3 7h1v1H3V7zm8 0h1v1h-1V7zM3 9h1v1H3V9zm2 0h1v1H5V9zm2 0h1v1H7V9zm2 0h1v1H9V9zm2 0h1v1h-1V9zm4 5h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM3 27h1v1H3v-1zm2 0h1v1H5v-1zm2 0h1v1H7v-1zm2 0h1v1H9v-1zm2 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm2 0h1v1H5v-1zm2 0h1v1H7v-1zm2 0h1v1H9v-1zm2 0h1v1h-1v-1z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M43 33h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM27.759 31.118l5.632 7.942v.816l-6.315 8.06h7.61c.478 0 .839-.028 1.082-.085.242-.058.45-.145.624-.264.174-.118.332-.283.474-.494.143-.211.28-.503.41-.876.132-.372.255-.86.37-1.461H39l-.3 4.61c-.008.236-.076.401-.203.494-.127.093-.314.14-.561.14H24v-.602l7.147-9.124-6.708-9.661V30h13.312c.2 0 .364.021.491.064a.624.624 0 0 1 .295.194c.07.086.118.19.145.312.027.121.04.261.04.419v3.793h-1.249a16.852 16.852 0 0 0-.549-1.665c-.173-.43-.35-.77-.532-1.021a2.432 2.432 0 0 0-.555-.575 2.099 2.099 0 0 0-.653-.301c-.247-.068-.575-.102-.984-.102H27.76z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/4.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M43 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM40 30v.527c-.412.121-.702.232-.87.333-.17.1-.306.23-.41.392-.105.161-.18.396-.223.704-.044.308-.066.806-.066 1.494v13.1c0 .645.02 1.123.06 1.435.041.312.109.552.203.72.095.168.228.308.4.42.172.11.474.227.906.348V50h-5.364v-.527c.404-.114.691-.223.86-.327.169-.104.304-.239.405-.403.101-.165.174-.403.217-.715.044-.312.066-.804.066-1.478V31.14h-7.388v15.41c0 .695.021 1.193.065 1.494.044.301.117.532.218.693.101.161.24.296.415.403.175.108.469.219.88.333V50H25v-.527c.405-.114.695-.223.87-.327a1.13 1.13 0 0 0 .41-.409c.098-.168.17-.406.213-.714.044-.309.066-.8.066-1.473v-13.1c0-.674-.022-1.164-.066-1.473-.044-.308-.113-.542-.208-.703a1.173 1.173 0 0 0-.4-.404c-.171-.107-.467-.222-.885-.343V30h15z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/6.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M24 29h2.048v12.928c0 5.088 2.592 7.04 5.632 7.04 3.36 0 5.888-2.08 5.888-7.04V29h2.048v12.768c0 6.304-3.648 9.152-8.032 9.152-4.096 0-7.584-2.656-7.584-8.992V29zm19 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/7.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M28 30h1.967v11.796c0 4.642 2.49 6.423 5.41 6.423 3.228 0 5.656-1.898 5.656-6.423V30H43v11.65C43 47.4 39.496 50 35.285 50 31.35 50 28 47.577 28 41.796V30zm19 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM29 54h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zM29 13h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/8.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M24 50V38.204C24 32.424 27.35 30 31.285 30 35.495 30 39 32.599 39 38.35V50h-1.967V38.204c0-4.525-2.428-6.423-5.656-6.423-2.92 0-5.41 1.781-5.41 6.423V50H24zm19-16h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/latex/sigma/operator/9.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M27 49V37.204C27 31.424 30.35 29 34.285 29 38.495 29 42 31.599 42 37.35V49h-1.967V37.204c0-4.525-2.428-6.423-5.656-6.423-2.92 0-5.41 1.781-5.41 6.423V49H27zm19-16h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM28 55h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zM28 13h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/arrow.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="32" height="27" viewBox="-10 -10 32 27" id="symbol-4" x="688" y="332"><g fill="none" fill-rule="evenodd"><path d="M-6-9h24v24H-6z"/><path fill="#333" d="M1 4H0V3h1V2h1v1h10v1H2v1H1V4zm1 1h1v1H2V5zm1 1h1v1H3V6zM2 1h1v1H2V1zm1-1h1v1H3V0z"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/decoration.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="47" height="56" viewBox="-10 -10 47 56" id="eq-8" x="600" y="504"><path fill="#555" fill-rule="evenodd" d="M8 14h1v1H8v-1zm-2 0h1v1H6v-1zm-2 0h1v1H4v-1zm6 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 12h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm2 0h1v1h-1v-1zM4 16h1v1H4v-1zm18 0h1v1h-1v-1zM4 18h1v1H4v-1zm18 0h1v1h-1v-1zM4 20h1v1H4v-1zm18 0h1v1h-1v-1zM8 26h1v1H8v-1zm-4-4h1v1H4v-1zm14 4h1v1h-1v-1zm4-4h1v1h-1v-1zM6 26h1v1H6v-1zm-2-2h1v1H4v-1zm16 2h1v1h-1v-1zm2-12h1v1h-1v-1zm0 10h1v1h-1v-1zM4 26h1v1H4v-1zm18 0h1v1h-1v-1zM9 10.5c0-.828.666-1.5 1.5-1.5.828 0 1.5.666 1.5 1.5 0 .828-.666 1.5-1.5 1.5-.828 0-1.5-.666-1.5-1.5zm6 0c0-.828.666-1.5 1.5-1.5.828 0 1.5.666 1.5 1.5 0 .828-.666 1.5-1.5 1.5-.828 0-1.5-.666-1.5-1.5z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/division.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="-10 -10 42 42" id="symbol-1-4" x="515" y="581"><path fill="#333" fill-rule="evenodd" d="M6 10h10v1H6v-1zm4-4h2v2h-2V6zm0 7h2v2h-2v-2z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/figure.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="-10 -10 29 29" id="symbol-7" x="722" y="178"><g fill="none" fill-rule="evenodd"><path d="M-8-7h24v24H-8z"/><path fill="#333" d="M9 8v1H0V0h1v8z"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/font.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="-10 -10 28 32" id="symbol-3" x="688" y="268"><g fill="none" fill-rule="evenodd"><path d="M-8-6h24v24H-8z"/><path fill="#333" d="M7.916 9.8c-.758.762-1.492 1.319-2.204 1.671-.711.353-1.427.529-2.146.529-1.124 0-1.999-.27-2.626-.808C.313 10.653 0 9.9 0 8.932c0-.729.213-1.366.638-1.913.425-.548 1.05-.97 1.873-1.268v-.13C1.813 5.399 1.28 5.048.91 4.57.545 4.09.36 3.52.36 2.862c0-.412.083-.793.25-1.143a2.48 2.48 0 0 1 .748-.907c.332-.255.75-.454 1.25-.597C3.11.072 3.695 0 4.359 0c.36 0 .693.034.999.103.305.069.581.153.83.254.248.1.466.207.654.322.188.115.345.22.47.318.169.132.31.278.425.439.115.16.192.32.233.48a.845.845 0 0 1 0 .452.626.626 0 0 1-.265.348.809.809 0 0 1-.32.125.613.613 0 0 1-.29-.026.774.774 0 0 1-.421-.374l-.22-.417a2.798 2.798 0 0 0-.418-.554c-.18-.19-.43-.355-.752-.499C4.96.828 4.563.756 4.089.756c-.654 0-1.18.187-1.578.56-.387.372-.581.887-.581 1.546.005.447.072.821.2 1.122.128.301.32.542.577.722.256.18.578.31.965.387.387.077.845.116 1.374.116h.564v.929h-.924c-.48 0-.853.028-1.12.085a3.528 3.528 0 0 0-.397.108 2.524 2.524 0 0 0-.372.159 1.97 1.97 0 0 0-.863.825c-.204.367-.307.78-.307 1.238 0 .728.197 1.278.59 1.65.392.373.983.56 1.774.56.594 0 1.167-.134 1.717-.4.55-.267 1.115-.678 1.693-1.234l.515.67z"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/greece.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="-10 -10 30 30" id="symbol-2" x="722"><g fill="none" fill-rule="evenodd"><path d="M-7-7h24v24H-7z"/><path fill="#333" d="M10 9.06c-.673.627-1.346.94-2.019.94-.962 0-1.54-.944-1.736-2.831h-.103C5.28 9.056 4.223 10 2.972 10c-.937 0-1.667-.415-2.189-1.244S0 6.744 0 5.207C0 3.623.374 2.36 1.123 1.416 1.87.472 2.777 0 3.84 0c.792 0 1.413.202 1.863.607.45.404.838 1.082 1.165 2.032h.141L7.67.172h1.548v.495c-.453.749-1.057 2.134-1.811 4.156.132 1.362.286 2.386.462 3.074.176.687.459 1.031.849 1.031.258 0 .563-.155.915-.465L10 9.06zM6.094 4.954c-.17-1.516-.42-2.588-.75-3.215-.33-.627-.806-.94-1.429-.94-.667 0-1.198.39-1.594 1.168-.396.778-.595 1.815-.595 3.109 0 2.487.576 3.73 1.727 3.73 1.226 0 2.107-1.283 2.641-3.852z"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/inequality.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="-10 -10 30 30" id="symbol-5" x="722" y="60"><g fill="none" fill-rule="evenodd"><path d="M-7-7h24v24H-7z"/><path fill="#333" d="M0 5.564V4.436L10 0v1.208L1.214 5 10 8.792V10z"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/matrix.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="54" height="56" viewBox="-10 -10 54 56" id="eq-11" x="296" y="521"><path fill="#555" fill-rule="evenodd" d="M6 7h1v1H6V7zm2 0h1v1H8V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zM6 9h1v1H6V9zm8 0h1v1h-1V9zm-8 2h1v1H6v-1zm8 0h1v1h-1v-1zm-8 2h1v1H6v-1zm8 0h1v1h-1v-1zm-8 2h1v1H6v-1zm2 0h1v1H8v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm5-8h1v1h-1V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zm-8 2h1v1h-1V9zm8 0h1v1h-1V9zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM6 20h1v1H6v-1zm2 0h1v1H8v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 2h1v1H6v-1zm8 0h1v1h-1v-1zm-8 2h1v1H6v-1zm8 0h1v1h-1v-1zm-8 2h1v1H6v-1zm8 0h1v1h-1v-1zm-8 2h1v1H6v-1zm2 0h1v1H8v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm5-8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM1.537 18.746c0 3.51.323 6.998 2.463 10.254h-.946C.997 26.275 0 22.741 0 18.63v-.923C0 13.596.997 9.725 3.054 7H4c-2.036 3.048-2.463 6.896-2.463 10.591v1.155zm30.926 0v-1.155c0-3.695-.427-7.543-2.463-10.591h.946C33.003 9.725 34 13.596 34 17.707v.924c0 4.11-.997 7.644-3.054 10.369H30c2.14-3.256 2.463-6.744 2.463-10.254z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/minus.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="-10 -10 42 42" id="symbol-1-2" x="347" y="581"><path fill="#000" fill-rule="evenodd" d="M6 10h10v1H6z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/multiple.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="-10 -10 42 42" id="symbol-1-3" x="431" y="581"><path fill="#000" fill-rule="evenodd" d="M6 6h1v1H6V6zm1 1h1v1H7V7zm1 1h1v1H8V8zm1 1h1v1H9V9zm1 1h1v1h-1v-1zm-1 1h1v1H9v-1zm-1 1h1v1H8v-1zm-1 1h1v1H7v-1zm-1 1h1v1H6v-1zm5-5h1v1h-1V9zm1-1h1v1h-1V8zm1-1h1v1h-1V7zm1-1h1v1h-1V6zm-3 5h1v1h-1v-1zm1 1h1v1h-1v-1zm1 1h1v1h-1v-1zm1 1h1v1h-1v-1z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/multiply.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="47" height="56" viewBox="-10 -10 47 56" id="eq-1" x="120" y="521"><path fill="#555" fill-rule="evenodd" d="M3 18h21v1H3v-1zm3 3h1v1H6v-1zm2 0h1v1H8v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM8 31h1v1H8v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-10h1v1h-1v-1zm0 10h1v1h-1v-1zm2-10h1v1h-1v-1zm0 10h1v1h-1v-1zm2-2h1v1h-1v-1zm0-8h1v1h-1v-1zM6 23h1v1H6v-1zm14 0h1v1h-1v-1zM6 25h1v1H6v-1zm14 0h1v1h-1v-1zM6 27h1v1H6v-1zm14 0h1v1h-1v-1zM6 29h1v1H6v-1zm14 2h1v1h-1v-1zM6 31h1v1H6v-1zM6 5h1v1H6V5zm2 0h1v1H8V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zM8 15h1v1H8v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-10h1v1h-1V5zm0 10h1v1h-1v-1zm2-10h1v1h-1V5zm0 10h1v1h-1v-1zm2-2h1v1h-1v-1zm0-8h1v1h-1V5zM6 7h1v1H6V7zm14 0h1v1h-1V7zM6 9h1v1H6V9zm14 0h1v1h-1V9zM6 11h1v1H6v-1zm14 0h1v1h-1v-1zM6 13h1v1H6v-1zm14 2h1v1h-1v-1zM6 15h1v1H6v-1z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/notoperator.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="-10 -10 30 32" id="symbol-6" x="688" y="386"><g fill="none" fill-rule="evenodd"><path d="M-7-6h24v24H-7z"/><path fill="#333" d="M0 6.564V5.436L10 1v1.208L1.214 6 10 9.792V11z"/><path stroke="#333" stroke-linecap="square" d="M7.5.5L3.688 11.878"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/operator.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="41" height="56" viewBox="-10 -10 41 56" id="eq-10" x="214" y="521"><g fill="none" fill-rule="evenodd"><path fill="#555" d="M2 25h17v2H2zm0-3h17v2H2z"/><path stroke="#555" d="M10.5 10.959L5.892 18.5h9.216L10.5 10.959z"/><path stroke="#555" stroke-linecap="square" d="M10.5 12.5L14 18"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/plus.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="-10 -10 29 29" id="icon-add" x="722" y="120"><path fill="#000" fill-rule="evenodd" d="M5 4h4v1H5v4H4V5H0V4h4V0h1v4z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/pow.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="47" height="56" viewBox="-10 -10 47 56" id="eq-3" x="600" y="56"><path fill="#555" fill-rule="evenodd" d="M5 16h1v1H5v-1zm-2 0h1v1H3v-1zm-2 0h1v1H1v-1zm6 0h1v1H7v-1zm2 0h1v1H9v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM3 28h1v1H3v-1zm-2-2h1v1H1v-1zm0 2h1v1H1v-1zm6 0h1v1H7v-1zm-2 0h1v1H5v-1zm4 0h1v1H9v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm0-12h1v1h-1v-1zM1 18h1v1H1v-1zm14 0h1v1h-1v-1zM1 20h1v1H1v-1zm14 0h1v1h-1v-1zM1 22h1v1H1v-1zm14 0h1v1h-1v-1zM1 24h1v1H1v-1zm14 0h1v1h-1v-1zm0 2h1v1h-1v-1zm3-15h1v1h-1v-1zm0-2h1v1h-1V9zm2-2h1v1h-1V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zm2 2h1v1h-1V9zm-8-2h1v1h-1V7zm8 0h1v1h-1V7zm0 4h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/root.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="47" height="56" viewBox="-10 -10 47 56" id="eq-2" x="512" y="521"><path fill="#555" fill-rule="evenodd" d="M12 10h15v1H11L7 26H5.582l-3.764-7.225-1.536.61-.282-.61 2.982-1.217 3.209 6.299L10 10h2zm1 5h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-10h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm0 2h1v1h-1v-1zm10 0h1v1h-1v-1z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/sigma.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="47" height="56" viewBox="-10 -10 47 56" id="eq-5" x="600" y="280"><path fill="#555" fill-rule="evenodd" d="M5.255 12.726l3.38 5.163v.53l-3.79 5.24h4.567c.287 0 .503-.019.649-.056a1.07 1.07 0 0 0 .374-.171c.104-.077.2-.184.285-.322a2.69 2.69 0 0 0 .246-.569 7.31 7.31 0 0 0 .222-.95H12l-.18 2.997c-.005.154-.046.26-.122.321-.076.06-.188.091-.336.091H3v-.391l4.288-5.93-4.024-6.28V12h7.987c.12 0 .218.014.294.042.077.028.136.07.177.126a.494.494 0 0 1 .087.202c.016.08.024.17.024.273v2.466h-.749a11.606 11.606 0 0 0-.33-1.083 3.28 3.28 0 0 0-.319-.664 1.53 1.53 0 0 0-.333-.374 1.217 1.217 0 0 0-.392-.195 2.124 2.124 0 0 0-.59-.067H5.255zM3 1h1v1H3V1zm2 0h1v1H5V1zm2 0h1v1H7V1zm2 0h1v1H9V1zm2 0h1v1h-1V1zM3 3h1v1H3V3zm8 0h1v1h-1V3zM3 5h1v1H3V5zm8 0h1v1h-1V5zM3 7h1v1H3V7zm8 0h1v1h-1V7zM3 9h1v1H3V9zm2 0h1v1H5V9zm2 0h1v1H7V9zm2 0h1v1H9V9zm2 0h1v1h-1V9zm4 5h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM3 27h1v1H3v-1zm2 0h1v1H5v-1zm2 0h1v1H7v-1zm2 0h1v1H9v-1zm2 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm8 0h1v1h-1v-1zm-8 2h1v1H3v-1zm2 0h1v1H5v-1zm2 0h1v1H7v-1zm2 0h1v1H9v-1zm2 0h1v1h-1v-1z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/inputsection/specialsymbol.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="-10 -10 34 34" id="symbol-9" x="688" y="68"><g fill="none" fill-rule="evenodd"><path d="M-5-5h24v24H-5z"/><path fill="#333" d="M14 6.991A7.007 7.007 0 0 1 6.991 14 6.993 6.993 0 0 1 0 6.991C0 3.145 3.128 0 6.991 0 10.855 0 14 3.145 14 6.991zm-1 0C13 3.7 10.278 1 6.991 1 3.705 1 1 3.699 1 6.992 1 10.302 3.705 13 6.991 13 10.278 13 13 10.301 13 6.992zM6.831 11l-.034-6.998-1.57.74L5 3.94 6.988 3H8v8H6.831z"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/absolute.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM31 33v15h-1V33h1zm19 0h1v15h-1V33z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/absolute2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM31 33v15h-1V33h1zm-3 0v15h-1V33h1zm22 0h1v15h-1V33zm3 0h1v15h-1V33z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/absolute3.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M55 33h1v15h-3v-1h2V34h-2v-1h2zm-4 0h1v15h-3v-1h2V34h-2v-1h2zm-25 1v13h2v1h-3V33h3v1h-2zm4 0v13h2v1h-3V33h3v1h-2zm4 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/angle-bracket.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555"></path><path stroke="#555" stroke-linecap="square" d="M31 34l-4 6.5 4 6.5M50 34l4 6.5-4 6.5"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/curly-bracket.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M30 33h2v1h-2v-1zm0 14h2v1h-2v-1zm-1-13h1v6h-1v-6zm0 7h1v6h-1v-6zm-2-1h2v1h-2v-1zm24-7v1h-2v-1h2zm0 14v1h-2v-1h2zm1-13v6h-1v-6h1zm0 7v6h-1v-6h1zm2-1v1h-2v-1h2zm-20-6h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/delimited-angle-brackets.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M24 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm8-10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM41 33v15h-1V33h1z" fill="#555"></path><path fill="#555" fill-rule="nonzero" d="M21.426 34.262l-.852-.524-4.161 6.762 4.161 6.762.852-.524-3.839-6.238z"></path><path stroke="#555" d="M60 47l4-6.5-4-6.5"></path><path fill="#555" fill-rule="nonzero" d="M59.623 46.736l.85.525 4.156-6.733-4.155-6.733-.851.525 3.831 6.208z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/delimited-braces.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M20 33h2v1h-2v-1zm0 14h2v1h-2v-1zm-1-13h1v6h-1v-6zm0 7h1v6h-1v-6zm-2-1h2v1h-2v-1zm44-7v1h-2v-1h2zm0 14v1h-2v-1h2zm1-13v6h-1v-6h1zm0 7v6h-1v-6h1zm2-1v1h-2v-1h2zm-40-6h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm8-10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM41 33v15h-1V33h1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/index.ts: -------------------------------------------------------------------------------- 1 | import ABSOLUTE from './absolute.svg'; 2 | import ABSOLUTE_2 from './absolute2.svg'; 3 | import ABSOLUTE_3 from './absolute3.svg'; 4 | import ANGLE_BRACKET from './angle-bracket.svg'; 5 | import CURLY_BRACKET from './curly-bracket.svg'; 6 | import DELIMITED_ANGLE_BRACKET from './delimited-angle-brackets.svg'; 7 | import DELIMITED_ANGLE_BRACKET_2 from './delimited-angle-brackets2.svg'; 8 | import DELIMITED_BRACES from './delimited-braces.svg'; 9 | import LOWER_BOUND from './lower-bound.svg'; 10 | import PARENTHESES from './parentheses.svg'; 11 | import SEPARATED_PARENTHESES from './separated-parentheses.svg'; 12 | import SQUARE_BRACKET from './square-bracket.svg'; 13 | import UPPER_BOUND from './upper-bound.svg'; 14 | 15 | export default { 16 | ABSOLUTE, 17 | ABSOLUTE_2, 18 | ABSOLUTE_3, 19 | ANGLE_BRACKET, 20 | CURLY_BRACKET, 21 | DELIMITED_ANGLE_BRACKET, 22 | DELIMITED_ANGLE_BRACKET_2, 23 | DELIMITED_BRACES, 24 | LOWER_BOUND, 25 | PARENTHESES, 26 | SEPARATED_PARENTHESES, 27 | SQUARE_BRACKET, 28 | UPPER_BOUND, 29 | }; 30 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/lower-bound.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M51 48V32h1v17h-3v-1h2zm-21 1h-1V32h1v16h2v1h-2zm4-16h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/parentheses.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M31.227 48a10.708 10.708 0 0 1-3-5.41 9.755 9.755 0 0 1 0-4.18 10.777 10.777 0 0 1 1.664-3.83c.398-.575.843-1.101 1.336-1.58H32c-.964 1.18-1.661 2.42-2.092 3.718-.432 1.298-.647 2.559-.647 3.782 0 1.223.215 2.484.647 3.782.43 1.298 1.128 2.537 2.092 3.718h-.773zm18.546 0H49c.964-1.18 1.661-2.42 2.092-3.718.432-1.298.647-2.559.647-3.782 0-1.223-.215-2.484-.647-3.782C50.662 35.42 49.964 34.181 49 33h.773a10.708 10.708 0 0 1 3 5.41 9.755 9.755 0 0 1 0 4.18 10.777 10.777 0 0 1-1.664 3.83A10.631 10.631 0 0 1 49.773 48zM34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/square-bracket.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M51 33h1v15h-3v-1h2V34h-2v-1h2zm-21 1v13h2v1h-3V33h3v1h-2zm4 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/bracket/upper-bound.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M51 33v16h1V32h-3v1h2zm-21-1h-1v17h1V33h2v-1h-2zm4 16h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm4 0h1v-1h-1v1zm-12-4h1v-1h-1v1zm0 2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-4h1v-1h-1v1zm12 2h1v-1h-1v1zm-12-4h1v-1h-1v1zm12 2h1v-1h-1v1zm-12-4h1v-1h-1v1zm12 2h1v-1h-1v1zm-12-4h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 12h1v-1h-1v1zm0-12h1v-1h-1v1zm2 0h1v-1h-1v1zm0 2h1v-1h-1v1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/combi/combi-down-both.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M32 42h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm0 2h-1v1h1v-1zm8-2h-1v1h1v-1zm0 4h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm6 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm32-6h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm0 2h-1v1h1v-1zm8-2h-1v1h1v-1zm0 4h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm6 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-5-14h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 2h-1v1h1v-1zm12-2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 4h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/combi/combi-down.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M43 43h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm0 2h1v1h-1v-1zm-8-2h1v1h-1v-1zm0 4h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-6 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM28 33h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/combi/combi-left.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M37 44h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm0 2h-1v1h1v-1zm8-2h-1v1h1v-1zm0 4h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm6 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm6-18h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm0 2h-1v1h1v-1zm8-2h-1v1h1v-1zm0 4h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm6 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm21-2h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 2h-1v1h1v-1zm12-2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 4h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/combi/combi-right.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M37 44h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm0 2h-1v1h1v-1zm8-2h-1v1h1v-1zm0 4h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm6 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm6-18h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm0 2h-1v1h1v-1zm8-2h-1v1h1v-1zm0 4h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm8 2h-1v1h1v-1zm-8 0h-1v1h1v-1zm6 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm21-2h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 2h-1v1h1v-1zm12-2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 4h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/combi/combi.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M43 33h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm0 2h1v1h-1v-1zm-8-2h1v1h-1v-1zm0 4h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-8 2h1v1h-1v-1zm8 0h1v1h-1v-1zm-6 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-21 0h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/combi/index.ts: -------------------------------------------------------------------------------- 1 | import COMBI from './combi.svg'; 2 | import COMBI_DOWN from './combi-down.svg'; 3 | import COMBI_DOWN_BOTH from './combi-down-both.svg'; 4 | import COMBI_LEFT from './combi-left.svg'; 5 | import COMBI_RIGHT from './combi-right.svg'; 6 | import COMBI_ALL from './combi-all.svg'; 7 | 8 | export default { 9 | COMBI, 10 | COMBI_DOWN, 11 | COMBI_DOWN_BOTH, 12 | COMBI_LEFT, 13 | COMBI_RIGHT, 14 | COMBI_ALL, 15 | }; 16 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/acute.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M40 30h2v1h-2v-1zm-1 1h1v1h-1v-1zm-5 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/bar.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM36 31h9v1h-9v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/bbar.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M33 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM33 31h13v1H33v-1zm0-2h13v1H33v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/boxed.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path stroke="#666" d="M31.5 49.5h18v-18h-18z"></path><path d="M34 47h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm2-2h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 2h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1z" fill="#555"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/breve.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm-8-13h5v1h-5v-1zm-1-1h1v1h-1v-1zm6 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/check.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M45 36h-1v-1h2v1h-1zM35 46h1v1h-2v-1h1zm-1-11h1v2h-1v-2zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-8 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-1h1v2h-1v-2z" fill="#555"></path><path stroke="#555" d="M35 31l5 2 5-2"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/dot.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M45 36h-1v-1h2v1h-1zM35 46h1v1h-2v-1h1zm-1-11h1v2h-1v-2zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-8 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-1h1v2h-1v-2zm-6-13h2v2h-2v-2z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/double-dot.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm-8-13h2v2h-2v-2zm3 0h2v2h-2v-2z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/grave.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm-7-14h2v1h-2v-1zm2 1h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/hat.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M45 36h-1v-1h2v1h-1zM35 46h1v1h-2v-1h1zm-1-11h1v2h-1v-2zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-8 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-1h1v2h-1v-2z" fill="#555"></path><path stroke="#555" d="M35 33l5-2 5 2"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/over-left-arrow.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 30h-1v-1h1v-1h1v1h13v1H35v1h-1v-1zm1-3h1v1h-1v-1zm0 4h1v1h-1v-1zm0 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/over-left-harpoon-up.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M35 31v-1h1v1h11v1H34v-1h1zm1-2h1v1h-1v-1zm-2 5h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/over-left-right-arrow.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M47 30H34v1h-1v-1h-1v-1h1v-1h1v1h13v-1h1v1h1v1h-1v1h-1v-1zm-13-3h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/over-right-arrow.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M46 30H33v-1h13v-1h1v1h1v1h-1v1h-1v-1zm0-3v1h-1v-1h1zm0 4v1h-1v-1h1zm0 3v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-2 2v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2-2v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/over-right-harpoon-up.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M45 31v-1h1v1h1v1H34v-1h11zm0-2v1h-1v-1h1zm2 5v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-2 2v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2-2v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/overbrace.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM35 30h5v1h-5v-1zm6 0h5v1h-5v-1zm-7 1h1v1h-1v-1zm12 0h1v1h-1v-1zm-6-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/overbrace2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 44h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM34 24h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm-11 6h5v1h-5v-1zm6 0h5v1h-5v-1zm-7 1h1v1h-1v-1zm12 0h1v1h-1v-1zm-6-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/overline.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 31h13v1H34v-1zm0 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/tilde.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm-8-14h2v1h-2v-1zm-1 1h1v1h-1v-1zm6-1h1v1h-1v-1zm-3 1h3v1h-3v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/triple-dot.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M45 36h-1v-1h2v1h-1zM35 46h1v1h-2v-1h1zm-1-11h1v2h-1v-2zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-8 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-11 3h1v1h-1v-1zm11-1h1v1h-1v-1zm-8 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-1h1v2h-1v-2zm-9-13h2v2h-2v-2zm3 0h2v2h-2v-2zm3 0h2v2h-2v-2z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/underbrace.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 33h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm-11 7v-1h5v1h-5zm6 0v-1h5v1h-5zm-7-1v-1h1v1h-1zm12 0v-1h1v1h-1zm-6 2v-1h1v1h-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/underbrace2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 44h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM34 24h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zm-11 7v-1h5v1h-5zm6 0v-1h5v1h-5zm-7-1v-1h1v1h-1zm12 0v-1h1v1h-1zm-6 2v-1h1v1h-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/deco/underline.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 49v-1h13v1H34zm0-3v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm2-2v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 2v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/fraction/fraction.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M34 46h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM34 26h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM32 40h17v1H32z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/fraction/index.ts: -------------------------------------------------------------------------------- 1 | import FRACTION from './fraction.svg'; 2 | import SLASH from './slash.svg'; 3 | 4 | const fraction = { 5 | FRACTION, 6 | SLASH, 7 | }; 8 | export default fraction; 9 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/fraction/slash.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M23 28h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM45 43h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM43 30.86l-6 17.58h.88l6-17.58z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/index.ts: -------------------------------------------------------------------------------- 1 | import bracket from './bracket'; 2 | import combi from './combi'; 3 | import deco from './deco'; 4 | import fraction from './fraction'; 5 | import integral from './integral'; 6 | import largeOperator from './large-operator'; 7 | import limit from './limit'; 8 | import matrix from './matrix'; 9 | import sqrt from './sqrt'; 10 | import symbol from './symbol'; 11 | import trigonometric from './trigonometric'; 12 | 13 | export const SVG = { 14 | fraction, 15 | sqrt, 16 | combi, 17 | integral, 18 | largeOperator, 19 | bracket, 20 | trigonometric, 21 | limit, 22 | deco, 23 | symbol, 24 | matrix, 25 | }; 26 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/integral/index.ts: -------------------------------------------------------------------------------- 1 | import INTEGRAL from './integral.svg'; 2 | import DEFINITE_INTEGRAL from './definite-integral.svg'; 3 | import DOUBLE_INTEGRAL from './double-integral.svg'; 4 | import DOUBLE_INTEGRAL_2 from './double-integral2.svg'; 5 | import LINE_INTEGRAL from './line-integral.svg'; 6 | import LINE_INTEGRAL_2 from './line-integral2.svg'; 7 | import VOLUMN_INTEGRAL from './volumn-integral.svg'; 8 | import VOLUMN_INTEGRAL_2 from './volumn-integral2.svg'; 9 | import SURFACE_INTEGRAL from './surface-integral.svg'; 10 | import SURFACE_INTEGRAL_2 from './surface-integral2.svg'; 11 | import INTEGRAL_THEOREM from './integral-theorem.svg'; 12 | 13 | const integral = { 14 | INTEGRAL, 15 | DEFINITE_INTEGRAL, 16 | DOUBLE_INTEGRAL, 17 | DOUBLE_INTEGRAL_2, 18 | LINE_INTEGRAL, 19 | LINE_INTEGRAL_2, 20 | VOLUMN_INTEGRAL, 21 | VOLUMN_INTEGRAL_2, 22 | SURFACE_INTEGRAL, 23 | SURFACE_INTEGRAL_2, 24 | INTEGRAL_THEOREM, 25 | }; 26 | export default integral; 27 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/integral/integral-theorem.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M42 32h1v17h-1V33h-2v-1h2zm-21 1v16h-1V32h3v1h-2zm4 15v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm4 0v-1h1v1h-1zm-12-4v-1h1v1h-1zm0 2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-4v-1h1v1h-1zm12 2v-1h1v1h-1zm-12-4v-1h1v1h-1zm12 2v-1h1v1h-1zm-12-4v-1h1v1h-1zm12 2v-1h1v1h-1zm-12-4v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 12v-1h1v1h-1zm0-12v-1h1v1h-1zm2 0v-1h1v1h-1zm0 2v-1h1v1h-1zm10-12h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/integral/line-integral.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M37 28.988l-1.462.662c-.342-.788-.84-1.262-1.555-1.262-.902 0-1.804 2.588-2.301 7.068 2.208.253 4.012 1.83 3.794 4.576-.218 2.65-2.208 4.228-4.385 4.543-.28 2.304-.715 4.197-1.337 5.711C29.1 51.896 28.105 53 26.86 53c-1.244 0-2.208-.6-2.861-1.862l1.368-.82c.374.789.871 1.294 1.587 1.294.901 0 1.866-2.556 2.301-7.068-2.053-.347-3.701-1.894-3.483-4.512.217-2.525 2.021-4.04 4.043-4.481.28-2.335.746-4.323 1.368-5.837.653-1.61 1.649-2.714 2.893-2.714 1.306 0 2.27.663 2.923 1.988zm-3.048 11.044c.156-1.767-.746-3.282-2.363-3.63A60.05 60.05 0 0 0 31.402 40a42.916 42.916 0 0 1-.218 3.629c1.524-.379 2.613-1.736 2.768-3.597zm-4.23-3.503c-1.337.505-2.27 1.767-2.425 3.503-.156 1.83.653 3.155 2.052 3.565A60.05 60.05 0 0 0 29.536 40c.031-1.23.093-2.367.186-3.47zM41 33h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/index.ts: -------------------------------------------------------------------------------- 1 | import INTERSECTION from './intersection.svg'; 2 | import INTERSECTION_2 from './intersection2.svg'; 3 | import PI from './pi.svg'; 4 | import PI_2 from './pi2.svg'; 5 | import SIMGA from './sigma.svg'; 6 | import SIMGA_2 from './sigma2.svg'; 7 | import UNION from './union.svg'; 8 | import UNION_2 from './union2.svg'; 9 | import VEE from './vee.svg'; 10 | import VEE_2 from './vee2.svg'; 11 | import WEDGE from './wedge.svg'; 12 | import WEDGE_2 from './wedge2.svg'; 13 | 14 | const largeOperator = { 15 | INTERSECTION, 16 | INTERSECTION_2, 17 | PI, 18 | PI_2, 19 | SIMGA, 20 | SIMGA_2, 21 | UNION, 22 | UNION_2, 23 | VEE, 24 | VEE_2, 25 | WEDGE, 26 | WEDGE_2, 27 | }; 28 | export default largeOperator; 29 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/intersection.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M24 50V38.204C24 32.424 27.35 30 31.285 30 35.495 30 39 32.599 39 38.35V50h-1.967V38.204c0-4.525-2.428-6.423-5.656-6.423-2.92 0-5.41 1.781-5.41 6.423V50H24zm19-16h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/pi.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M43 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM40 30v.527c-.412.121-.702.232-.87.333-.17.1-.306.23-.41.392-.105.161-.18.396-.223.704-.044.308-.066.806-.066 1.494v13.1c0 .645.02 1.123.06 1.435.041.312.109.552.203.72.095.168.228.308.4.42.172.11.474.227.906.348V50h-5.364v-.527c.404-.114.691-.223.86-.327.169-.104.304-.239.405-.403.101-.165.174-.403.217-.715.044-.312.066-.804.066-1.478V31.14h-7.388v15.41c0 .695.021 1.193.065 1.494.044.301.117.532.218.693.101.161.24.296.415.403.175.108.469.219.88.333V50H25v-.527c.405-.114.695-.223.87-.327a1.13 1.13 0 0 0 .41-.409c.098-.168.17-.406.213-.714.044-.309.066-.8.066-1.473v-13.1c0-.674-.022-1.164-.066-1.473-.044-.308-.113-.542-.208-.703a1.173 1.173 0 0 0-.4-.404c-.171-.107-.467-.222-.885-.343V30h15z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/sigma.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M43 33h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM27.759 31.118l5.632 7.942v.816l-6.315 8.06h7.61c.478 0 .839-.028 1.082-.085.242-.058.45-.145.624-.264.174-.118.332-.283.474-.494.143-.211.28-.503.41-.876.132-.372.255-.86.37-1.461H39l-.3 4.61c-.008.236-.076.401-.203.494-.127.093-.314.14-.561.14H24v-.602l7.147-9.124-6.708-9.661V30h13.312c.2 0 .364.021.491.064a.624.624 0 0 1 .295.194c.07.086.118.19.145.312.027.121.04.261.04.419v3.793h-1.249a16.852 16.852 0 0 0-.549-1.665c-.173-.43-.35-.77-.532-1.021a2.432 2.432 0 0 0-.555-.575 2.099 2.099 0 0 0-.653-.301c-.247-.068-.575-.102-.984-.102H27.76z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/union.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M24 29h2.048v12.928c0 5.088 2.592 7.04 5.632 7.04 3.36 0 5.888-2.08 5.888-7.04V29h2.048v12.768c0 6.304-3.648 9.152-8.032 9.152-4.096 0-7.584-2.656-7.584-8.992V29zm19 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/vee.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M30.207 51L22 29h2.459l7.089 19.803h.032L38.669 29H41l-8.239 22h-2.554zM43 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/vee2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34.207 51L26 29h2.459l7.089 19.803h.032L42.669 29H45l-8.239 22h-2.554zM47 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1zM29 56h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zM29 11h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/wedge.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M31.207 29h2.554L42 51h-2.331l-7.09-19.803h-.031L25.458 51H23l8.207-22zM44 34h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm4 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm0-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm12-2h1v1h-1v-1zm-12 4h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-12h1v1h-1v-1zm0 12h1v1h-1v-1zm2 0h1v1h-1v-1zm0-2h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/large-operator/wedge2.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path d="M34.21,29h2.55L45,51H42.67L35.58,31.2h0L28.46,51H26ZM47,34h1v1H47V34Zm2,0h1v1H49V34Zm2,0h1v1H51V34Zm2,0h1v1H53V34Zm2,0h1v1H55V34Zm4,0h1v1H59V34ZM47,38h1v1H47V38Zm0-2h1v1H47V36Zm12,0h1v1H59V36ZM47,40h1v1H47V40Zm12-2h1v1H59V38ZM47,42h1v1H47V42Zm12-2h1v1H59V40ZM47,44h1v1H47V44Zm12-2h1v1H59V42ZM47,46h1v1H47V46Zm2,0h1v1H49V46Zm2,0h1v1H51V46Zm2,0h1v1H53V46Zm2,0h1v1H55V46Zm2-12h1v1H57V34Zm0,12h1v1H57V46Zm2,0h1v1H59V46Zm0-2h1v1H59V44ZM29,56h1v1H29V56Zm2,0h1v1H31V56Zm2,0h1v1H33V56Zm2,0h1v1H35V56Zm2,0h1v1H37V56Zm2,0h1v1H39V56Zm2,0h1v1H41V56ZM29,58h1v1H29V58Zm12,0h1v1H41V58ZM29,60h1v1H29V60Zm12,0h1v1H41V60ZM29,62h1v1H29V62Zm12,0h1v1H41V62ZM29,64h1v1H29V64Zm12,0h1v1H41V64ZM29,66h1v1H29V66Zm2,2h1v1H31V68Zm2,0h1v1H33V68Zm2,0h1v1H35V68Zm2,0h1v1H37V68Zm2,0h1v1H39V68Zm2-2h1v1H41V66ZM29,68h1v1H29V68Zm12,0h1v1H41V68ZM29,11h1v1H29V11Zm2,0h1v1H31V11Zm2,0h1v1H33V11Zm2,0h1v1H35V11Zm2,0h1v1H37V11Zm2,0h1v1H39V11Zm2,0h1v1H41V11ZM29,13h1v1H29V13Zm12,0h1v1H41V13ZM29,15h1v1H29V15Zm12,0h1v1H41V15ZM29,17h1v1H29V17Zm12,0h1v1H41V17ZM29,19h1v1H29V19Zm12,0h1v1H41V19ZM29,21h1v1H29V21Zm2,2h1v1H31V23Zm2,0h1v1H33V23Zm2,0h1v1H35V23Zm2,0h1v1H37V23Zm2,0h1v1H39V23Zm2-2h1v1H41V21ZM29,23h1v1H29V23Zm12,0h1v1H41V23Z" fill="#555"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/limit/index.ts: -------------------------------------------------------------------------------- 1 | import LIM from './lim.svg'; 2 | import LIM_2 from './lim2.svg'; 3 | import LN from './ln.svg'; 4 | import LOG from './log.svg'; 5 | import LOG_2 from './log2.svg'; 6 | import MAX from './max.svg'; 7 | import MIN from './min.svg'; 8 | 9 | const limit = { LIM, LIM_2, LN, LOG, LOG_2, MAX, MIN }; 10 | 11 | export default limit; 12 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/limit/ln.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M42 35h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zM30 44v-.22c-.807-.058-.945-.249-.945-1.054V34.06L28.992 34c-.656.249-1.122.395-1.992.644v.234c.202-.029.366-.029.466-.029.404 0 .53.234.53.937v6.867c0 .805-.177 1.054-.97 1.127V44H30zM37 44v-.196c-.627-.065-.78-.208-.78-.913V40.01c0-1.292-.538-2.009-1.51-2.009-.588 0-1.177.287-1.842 1.057h-.013v-1.018L32.753 38a23.18 23.18 0 0 1-1.753.587v.222c.09-.04.23-.052.371-.052.358 0 .448.208.448.847v3.17c0 .77-.141.978-.793 1.03V44h2.699v-.196c-.653-.052-.832-.234-.832-.743v-3.6c.589-.587.896-.744 1.318-.744.627 0 .934.392.934 1.318v2.595c0 .861-.154 1.122-.793 1.174l-.013.196H37z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/matrix/bmatrix.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M62 52V28h-2v-1h4v26h-4v-1h2z" fill="#666"></path><path d="M22 27h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm15-8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-35 9h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm15-8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1z" fill="#555"></path><path d="M18 53h-2V27h4v1h-2v24h2v1h-2z" fill="#666"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/matrix/cases.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M40 26h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 9h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zM30 38.863c0-.41.222-.491.556-.628 1.444-.519 1.75-2.266 1.75-3.823v-4.534c0-1.393.444-3.878 3.083-3.878h1.083c.528 0 .528-.027.528.492v.082c0 .464 0 .464-.528.464h-.916c-1.667 0-2.084 1.803-2.084 3.059v4.806c0 2.103-.555 3.469-2.278 4.097 1.723.628 2.278 1.994 2.278 4.097v4.806c0 1.256.417 3.059 2.084 3.059h.916c.528 0 .528 0 .528.464v.082c0 .52 0 .492-.528.492H35.39c-2.639 0-3.083-2.485-3.083-3.878v-4.534c0-1.557-.306-3.304-1.75-3.823-.334-.137-.556-.219-.556-.628v-.274z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/matrix/index.ts: -------------------------------------------------------------------------------- 1 | import MATRIX_1X2 from './matrix_1x2.svg'; 2 | import MATRIX_2X1 from './matrix_2x2.svg'; 3 | import MATRIX_2X2 from './matrix_2x1.svg'; 4 | import MATRIX_2X3 from './matrix_2x3.svg'; 5 | import MATRIX_3X2 from './matrix_3x2.svg'; 6 | import MATRIX_3X3 from './matrix_3x3.svg'; 7 | import CASES from './cases.svg'; 8 | import CASES_2 from './cases2.svg'; 9 | import BMATRIX from './bmatrix.svg'; 10 | import VMATRIX from './vmatrix.svg'; 11 | import PMATRIX from './pmatrix.svg'; 12 | import ADD_MATRTIX_ROW from './add-matrix-row.svg'; 13 | import ADD_MATRTIX_COL from './add-matrix-col.svg'; 14 | 15 | const matrix = { 16 | MATRIX_1X2, 17 | MATRIX_2X1, 18 | MATRIX_2X2, 19 | MATRIX_2X3, 20 | MATRIX_3X2, 21 | MATRIX_3X3, 22 | CASES, 23 | CASES_2, 24 | BMATRIX, 25 | VMATRIX, 26 | PMATRIX, 27 | ADD_MATRTIX_COL, 28 | ADD_MATRTIX_ROW, 29 | }; 30 | 31 | export default matrix; 32 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/matrix/matrix_1x2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M35 27h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 9h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/matrix/matrix_2x1.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M23 36h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm13-8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/matrix/matrix_2x2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M23 27h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm13-8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-33 9h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm13-8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/matrix/vmatrix.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#666" d="M62 27h2v26h-2z"></path><path d="M22 27h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm15-8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-35 9h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm15-8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 8h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-8h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1z" fill="#555"></path><path fill="#666" d="M16 27h2v26h-2z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/sqrt/index.ts: -------------------------------------------------------------------------------- 1 | import SQRT from './sqrt.svg'; 2 | import SQRT_WITH_DEGREE from './sqrt-with-degree.svg'; 3 | 4 | const sqrt = { SQRT, SQRT_WITH_DEGREE }; 5 | export default sqrt; 6 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/sqrt/sqrt-with-degree.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M30.982 40.558l3.209 6.299L38 31h3v1h-2l-4 17h-1.418l-3.764-7.225-1.536.61-.282-.61zM24 31h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-4 6h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6-4h1v1h-1v-1zm6 0h1v1h-1v-1zm-6 2h1v1h-1v-1zm6 0h1v1h-1v-1zm-6 2h1v1h-1v-1z"></path><path d="M39 31h18v1H39zM42 38h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/sqrt/sqrt.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M28.982 40.558l3.209 6.299L36 31h3v1h-2l-4 17h-1.418l-3.764-7.225-1.536.61-.282-.61z"></path><path d="M37 31h18v1H37zM40 38h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/colon-equal.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M31 36h2v2h-2v-2zm4 1h14v1H35v-1zm0 4h14v1H35v-1zm-4 0h2v2h-2v-2z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/def-equal.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M31 44h18v1H31v-1zm0 4h18v1H31v-1zM38 39.25l-2.218.75-.06-.043v-.924c-.513.678-1.086.967-1.931.967C32.116 40 31 38.745 31 36.898c0-2.05 1.403-3.68 3.138-3.68.603 0 1.01.159 1.584.62v-2.25c0-.592-.136-.737-.694-.737-.12 0-.211 0-.332.015v-.231c.966-.245 1.494-.39 2.218-.635l.075.029v8.182c0 .663.12.822.664.822.075 0 .09 0 .347-.014v.23zm-2.278-.866v-3.32c0-.764-.724-1.442-1.539-1.442-1.146 0-1.886 1.068-1.886 2.698 0 1.775.815 2.93 2.082 2.93.468 0 .845-.16 1.117-.462.135-.144.226-.303.226-.404zM44.76 37.779l.24.09C44.414 39.258 43.36 40 41.857 40 40.083 40 39 38.864 39 37.102c0-1.8 1.218-3.102 3.113-3.102.932 0 1.609.306 2.09.88.3.358.451.767.511 1.456h-4.631c.075.97.15 1.468.691 2.081.421.472.978.702 1.67.702 1.007 0 1.579-.396 2.315-1.34zm-4.647-1.851h3.067c-.165-1.034-.48-1.468-1.473-1.468-.842 0-1.429.51-1.594 1.468zM45.014 33.411v.469h1.13v4.597c0 1.07-.152 1.245-1.144 1.303V40h3.581v-.22c-1.13-.044-1.28-.205-1.28-1.303V33.88h1.68v-.469H47.3v-1.698c0-.864.247-1.303.77-1.303.304 0 .483.146.73.571.221.395.386.527.62.527.331 0 .579-.263.579-.6 0-.527-.606-.908-1.433-.908-.867 0-1.584.395-1.942 1.054-.358.659-.468 1.186-.482 2.357h-1.13z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/delta-equal.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path fill="#555" d="M31 44h18v1H31zM31 48h18v1H31z"></path><path d="M40 31.972L34.883 40.5h10.234L40 31.972z" stroke="#555"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/equal.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M29 38h10v1H29v-1zm0 4h10v1H29v-1zm12-4h10v1H41v-1zm0 4h10v1H41v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/m-equal.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M33 43h15v1H33v-1zm0 4h15v1H33v-1zM47 40v-.228l-.445-.03c-.514-.031-.737-.229-.737-.914V35.74c0-1.796-.6-2.739-1.987-2.739-.993 0-1.867.396-2.791 1.278-.309-.867-.891-1.278-1.816-1.278-.77 0-1.49.137-2.62 1.172h-.035v-1.126L36.432 33c-.873.29-1.439.457-2.38.685v.258c.222-.045.36-.06.547-.06.446 0 .6.258.6 1.004v3.774c0 .882-.24 1.096-1.199 1.11V40h3.802v-.228c-.907-.03-1.164-.183-1.164-.837v-4.23c0-.031.102-.138.222-.26.343-.365 1.182-.654 1.816-.654.736 0 1.113.64 1.113 1.69v3.21c0 .929-.188 1.02-1.164 1.08V40h3.836v-.228c-.976-.015-1.233-.229-1.233-1.218V34.72c.514-.655 1.028-.929 1.833-.929.976 0 1.318.502 1.318 1.705v3.134c0 .883-.154 1.05-1.113 1.142V40H47z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/minus-equal.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M41 37h10v1H41v-1zm-13 2h10v1H28v-1zm13 2h10v1H41v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/plus-equal.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M33 38v-4h1v4h4v1h-4v4h-1v-4h-4v-1h4zm8-2h10v1H41v-1zm0 4h10v1H41v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-arrow.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 33h-1v-1h1v-1h1v1h13v1H35v1h-1v-1zm1-3h1v1h-1v-1zm0 4h1v1h-1v-1zm0 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-arrow2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M35 47h13v1H35v1h-1v-1h-1v-1h1v-1h1v1zm0 3v-1h1v1h-1zm0-4v-1h1v1h-1zm0-3v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm2-2v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 2v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-arrow3.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M33 40h-1v-1h1v-1h1v1h13v1H34v1h-1v-1zm1-3h1v1h-1v-1zm0 4h1v1h-1v-1zm0-17h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM34 44h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-arrow4.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 33h14v1H35v1h-1v-1h-1v-1h1zm1-2h13v1H33v-1h1v-1h1v1zm-3 1h1v1h-1v-1zm3-3h1v1h-1v-1zm0 6h1v1h-1v-1zm-1 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-arrow5.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 47h14v-1H35v-1h-1v1h-1v1h1zm1 2h13v-1H33v1h1v1h1v-1zm-3-1h1v-1h-1v1zm3 3h1v-1h-1v1zm0-6h1v-1h-1v1zm-1-3h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1zm-12-2h1v-1h-1v1zm2-2h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 0h1v-1h-1v1zm2 2h1v-1h-1v1zm-12-2h1v-1h-1v1zm12 0h1v-1h-1v1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-arrow6.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 40h14v1H35v1h-1v-1h-1v-1h1zm1-2h13v1H33v-1h1v-1h1v1zm-3 1h1v1h-1v-1zm3-3h1v1h-1v-1zm0 6h1v1h-1v-1zm-1 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zM34 23h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-right-arrow.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M47 34H34v1h-1v-1h-1v-1h1v-1h1v1h13v-1h1v1h1v1h-1v1h-1v-1zm-13-3h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-right-arrow2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M46 49H33v1h-1v-1h-1v-1h1v-1h1v1h13v-1h1v1h1v1h-1v1h-1v-1zm-13-3h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zM33 33h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-right-arrow3.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M46 40H33v1h-1v-1h-1v-1h1v-1h1v1h13v-1h1v1h1v1h-1v1h-1v-1zm-13-3h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zM33 24h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM33 44h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-right-arrow4.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M34 35h-1v-1h15v1h-1v1h-1v-1H35v1h-1v-1zm12-3v-1h1v1h1v1H33v-1h1v-1h1v1h11zm-14 1h1v1h-1v-1zm16 0h1v1h-1v-1zm-13-3h1v1h-1v-1zm0 6h1v1h-1v-1zm10-6h1v1h-1v-1zm0 6h1v1h-1v-1zm-11 3h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-right-arrow5.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M33 46h-1v-1h1v-1h1v1h11v-1h1v1h1v1H33zm13 2v1h-1v-1H34v1h-1v-1h-1v-1h15v1h-1zm-15-1v-1h1v1h-1zm16 0v-1h1v1h-1zm-13 3v-1h1v1h-1zm0-6v-1h1v1h-1zm10 6v-1h1v1h-1zm0-6v-1h1v1h-1zm-11-3v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm2-2v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 2v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-left-right-arrow6.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M33 40h-1v-1h1v-1h1v1h11v-1h1v1h1v1H33zm13 2v1h-1v-1H34v1h-1v-1h-1v-1h15v1h-1zm-15-1v-1h1v1h-1zm16 0v-1h1v1h-1zm-13 3v-1h1v1h-1zm0-6v-1h1v1h-1zm10 6v-1h1v1h-1zm0-6v-1h1v1h-1zm-11-3v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm2-2v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 2v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zM33 57v-1h1v1h-1zm2 2v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2-2v-1h1v1h-1zm-12 2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-4v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm12 0v-1h1v1h-1zm-12-2v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1zm2 0v-1h1v1h-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-right-arrow.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M46 33H33v-1h13v-1h1v1h1v1h-1v1h-1v-1zm0-3v1h-1v-1h1zm0 4v1h-1v-1h1zm0 3v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-2 2v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2-2v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-right-arrow2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M46 48H33v-1h13v-1h1v1h1v1h-1v1h-1v-1zm0-3v1h-1v-1h1zm0 4v1h-1v-1h1zm0-19v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-2 2v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2-2v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-right-arrow3.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M47 40h1v-1h-1v-1h-1v1H33v1h13v1h1v-1zm-1-3h-1v1h1v-1zm0 4h-1v1h1v-1zm0-17h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 2h-1v1h1v-1zm12-2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 4h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm12 10h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-2 2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2-2h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-right-arrow4.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M46 34v1h-1v-1H32v-1h15v1h-1zm0-3h1v1H32v-1h13v-1h1v1zm2 1v1h-1v-1h1zm-3-3v1h-1v-1h1zm0 6v1h-1v-1h1zm1 3v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1zm12 2v1h-1v-1h1zm-2 2v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2 0v1h-1v-1h1zm-2-2v1h-1v-1h1zm12 2v1h-1v-1h1zm-12 0v1h-1v-1h1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-right-arrow5.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M46 46v-1h-1v1H32v1h15v-1h-1zm0 3h1v-1H32v1h13v1h1v-1zm2-1v-1h-1v1h1zm-3 3v-1h-1v1h1zm0-6v-1h-1v1h1zm1-3v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 0v-1h-1v1h1zm12-2v-1h-1v1h1zm-12 0v-1h-1v1h1zm12-2v-1h-1v1h1zm-12 0v-1h-1v1h1zm12-2v-1h-1v1h1zm-12 0v-1h-1v1h1zm12-2v-1h-1v1h1zm-12 0v-1h-1v1h1zm12-2v-1h-1v1h1zm-2-2v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 0v-1h-1v1h1zm-2 2v-1h-1v1h1zm12-2v-1h-1v1h1zm-12 0v-1h-1v1h1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/symbol/x-right-arrow6.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M46 40H32v1h13v1h1v-1h1v-1h-1zm-1-2H32v1h15v-1h-1v-1h-1v1zm3 1h-1v1h1v-1zm-3-3h-1v1h1v-1zm0 6h-1v1h1v-1zm1 3h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-2 2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2-2h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12-34h-1v1h1v-1zm-2-2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 2h-1v1h1v-1zm12-2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 4h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-12 0h-1v1h1v-1zm12 2h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 0h-1v1h1v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/mathsection/trigonometric/index.ts: -------------------------------------------------------------------------------- 1 | import F_FUNC from './f-func.svg'; 2 | import F_FUNC_2 from './f-func2.svg'; 3 | import G_FUNC from './g-func.svg'; 4 | import G_FUNC_2 from './g-func2.svg'; 5 | import H_FUNC from './h-func.svg'; 6 | import H_FUNC_2 from './h-func2.svg'; 7 | import SIN from './sin.svg'; 8 | import SIN_2 from './sin2.svg'; 9 | import COS from './cos.svg'; 10 | import COS_2 from './cos2.svg'; 11 | import TAN from './tan.svg'; 12 | import TAN_2 from './tan2.svg'; 13 | import CSC from './csc.svg'; 14 | import CSC_2 from './csc2.svg'; 15 | import COT from './cot.svg'; 16 | import COT_2 from './cot2.svg'; 17 | import SEC from './sec.svg'; 18 | import SEC_2 from './sec2.svg'; 19 | 20 | const trigonometric = { 21 | F_FUNC, 22 | F_FUNC_2, 23 | G_FUNC, 24 | G_FUNC_2, 25 | H_FUNC, 26 | H_FUNC_2, 27 | SIN, 28 | SIN_2, 29 | COS, 30 | COS_2, 31 | TAN, 32 | TAN_2, 33 | CSC, 34 | CSC_2, 35 | COT, 36 | COT_2, 37 | SEC, 38 | SEC_2, 39 | }; 40 | export default trigonometric; 41 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/bracket/bracket.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M49 32h1v16h-1V32zm-18 0h1v16h-1V32zM41.156 38.72l-.375-.978c-.225-.586-.581-1.315-1.406-1.742l-2.475.587.056.32a2.21 2.21 0 0 1 .713-.107c1.031 0 1.518.729 1.837 1.582l.619 1.636-1.219 1.795c-.6.871-1.087 1.05-1.312 1.05-.469 0-.394-.356-.882-.356a.688.688 0 0 0-.712.657c0 .392.3.836.975.836 1.05 0 1.594-.764 2.194-1.636l1.181-1.742.75 2.01c.244.64.6 1.368 1.369 1.368 1.087 0 1.931-1.707 2.156-1.973l-.263-.178c-.393.764-.843 1.013-1.143 1.013-.844 0-1.275-2.4-1.838-3.502l1.032-1.511c.262-.391.468-.676 1.03-.676.32 0 .413.16.826.16.487 0 .731-.409.731-.746 0-.374-.319-.587-.919-.587-.937 0-1.594.782-2.081 1.493l-.844 1.227z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/bracket/index.ts: -------------------------------------------------------------------------------- 1 | import BRACKET from './bracket.svg'; 2 | import BRACKET_2 from './bracket2.svg'; 3 | import BRACKET_3 from './bracket3.svg'; 4 | import BRACKET_4 from './bracket4.svg'; 5 | 6 | const bracket = { 7 | BRACKET, 8 | BRACKET_2, 9 | BRACKET_3, 10 | BRACKET_4, 11 | }; 12 | 13 | export default bracket; 14 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/combi/combi.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M32 48l5.041-14h1.878L44 48h-1.898l-1.423-4.223h-5.466L33.759 48H32zm5.97-12.303l-2.224 6.502h4.39l-2.146-6.502h-.02zM47.486 36.38c-.486.452-1.125.89-1.972.89-.625 0-1.306-.292-1.306-1.447 0-1.062.792-3.438 2.445-3.438.333 0 .472.12.472.279 0 .292-.403.451-.403.77 0 .225.167.504.528.504.528 0 .75-.425.75-.93 0-.65-.653-1.008-1.347-1.008C44.68 32 43 34.084 43 35.942c0 1.023.556 2.058 1.903 2.058 1.18 0 2.041-.65 2.75-1.447l-.167-.172z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/combi/combi5.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M30 43h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-10h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm3-10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-4 6h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6-4h1v1h-1v-1zm6 0h1v1h-1v-1zm-6 2h1v1h-1v-1zm6 0h1v1h-1v-1zm-6 2h1v1h-1v-1zM29 39h22v1H29zM40.247 33.3c0 .251.014.441.041.57a.69.69 0 0 0 .145.312.68.68 0 0 0 .298.19c.13.045.293.08.49.103.197.024.457.04.779.05V35h-4.642v-.476c.465-.021.797-.05.996-.088.199-.037.35-.092.455-.166a.63.63 0 0 0 .23-.313c.047-.134.072-.354.072-.658v-5.285c0-.174-.03-.301-.088-.381a.299.299 0 0 0-.258-.121c-.134 0-.324.072-.572.215-.247.143-.552.341-.917.593L37 27.818 39.94 26h.1c.155 0 .23.093.226.28 0 .052-.003.153-.01.303-.005.15-.009.534-.009 1.15V33.3z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/combi/combi6.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><path d="M30 44h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-10h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm3-10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-4 6h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6-4h1v1h-1v-1zm6 0h1v1h-1v-1zm-6 2h1v1h-1v-1zm6 0h1v1h-1v-1zm-6 2h1v1h-1v-1zM30 26h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6 10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2-10h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm-10 2h1v1h-1v-1zm10 0h1v1h-1v-1zm3-10h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-4 6h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-6-4h1v1h-1v-1zm6 0h1v1h-1v-1zm-6 2h1v1h-1v-1zm6 0h1v1h-1v-1zm-6 2h1v1h-1v-1zm-14 8h22v1H29v-1z" fill="#555" fill-rule="evenodd"></path></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/combi/index.ts: -------------------------------------------------------------------------------- 1 | import COMBI from './combi.svg'; 2 | import COMBI_2 from './combi2.svg'; 3 | import COMBI_3 from './combi3.svg'; 4 | import COMBI_4 from './combi4.svg'; 5 | import COMBI_5 from './combi5.svg'; 6 | import COMBI_6 from './combi6.svg'; 7 | 8 | const combi = { 9 | COMBI, 10 | COMBI_2, 11 | COMBI_3, 12 | COMBI_4, 13 | COMBI_5, 14 | COMBI_6, 15 | }; 16 | 17 | export default combi; 18 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/deco/deco.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M39.107 48h-1.214l-1.215-3.478h-5.25L30.214 48H29l4.282-12h1.526l4.299 12zm-2.773-4.458l-2.28-6.625-2.281 6.625h4.56zM40.862 48V36h4.053c.46 0 .897.053 1.312.158.416.106.785.266 1.108.482.322.216.58.49.77.822.192.332.288.725.288 1.178 0 .728-.197 1.328-.59 1.803-.394.474-.963.811-1.707 1.012.448.052.853.163 1.214.332.361.168.667.387.919.656.251.268.443.58.574.932.131.354.197.736.197 1.147 0 .569-.112 1.07-.336 1.502a3.254 3.254 0 0 1-.895 1.083c-.371.29-.8.508-1.287.656a5.593 5.593 0 0 1-1.518.237h-4.102zm3.954-1.012c.963 0 1.696-.23 2.199-.688.503-.458.754-1.056.754-1.794 0-.79-.27-1.405-.812-1.842-.541-.437-1.359-.656-2.452-.656H42.01v4.98h2.805zm-.46-5.976c.854 0 1.538-.158 2.052-.474.514-.317.77-.86.77-1.629 0-.664-.229-1.149-.688-1.454-.46-.306-1.116-.459-1.97-.459h-2.51v4.016h2.347zM29 32h22v1H29z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/deco/deco2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M46 48h-1.696l-4.315-5.138L35.674 48H34l5.152-5.992L34.086 36h1.674l4.272 5.06L44.197 36h1.674l-5.023 5.929zM33 32h14v1H33z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/deco/deco3.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M39.107 49h-1.214l-1.215-3.478h-5.25L30.214 49H29l4.282-12h1.526l4.299 12zm-2.773-4.458l-2.28-6.625-2.281 6.625h4.56zM40.862 49V37h4.053c.46 0 .897.053 1.312.158.416.106.785.266 1.108.482.322.216.58.49.77.822.192.332.288.725.288 1.178 0 .728-.197 1.328-.59 1.803-.394.474-.963.811-1.707 1.012.448.052.853.163 1.214.332.361.168.667.387.919.656.251.268.443.58.574.932.131.354.197.736.197 1.147 0 .569-.112 1.07-.336 1.502a3.254 3.254 0 0 1-.895 1.083c-.371.29-.8.508-1.287.656a5.593 5.593 0 0 1-1.518.237h-4.102zm3.954-1.012c.963 0 1.696-.23 2.199-.688.503-.458.754-1.056.754-1.794 0-.79-.27-1.405-.812-1.842-.541-.437-1.359-.656-2.452-.656H42.01v4.98h2.805zm-.46-5.976c.854 0 1.538-.158 2.052-.474.514-.317.77-.86.77-1.629 0-.664-.229-1.149-.688-1.454-.46-.306-1.116-.459-1.97-.459h-2.51v4.016h2.347zM52 34H27v-1h25v-1h1v1h1v1h-1v1h-1v-1zm-1-3h1v1h-1v-1zm-1-1h1v1h-1v-1zm1 5h1v1h-1v-1zm-1 1h1v1h-1v-1z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/deco/index.ts: -------------------------------------------------------------------------------- 1 | import DECO from './deco.svg'; 2 | import DECO_2 from './deco2.svg'; 3 | import DECO_3 from './deco3.svg'; 4 | 5 | const deco = { 6 | DECO, 7 | DECO_2, 8 | DECO_3, 9 | }; 10 | 11 | export default deco; 12 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/down-arrow.svg: -------------------------------------------------------------------------------- 1 | <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 | <path d="M7 17L12 22L17 17H13V7H17L12 2L7 7H11V17H7Z" fill="black"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/fraction/fraction2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M40.97 59H30.134L35.3 46.868h.36L40.97 59zm-2.196-.738L35.03 49.37l-3.762 8.892h7.506zm8.874-4.446l-.36-.99c-.216-.594-.558-1.332-1.35-1.764l-2.376.594.054.324c.18-.072.45-.108.684-.108.99 0 1.458.738 1.764 1.602l.594 1.656-1.17 1.818c-.576.882-1.044 1.062-1.26 1.062-.45 0-.378-.36-.846-.36a.678.678 0 0 0-.684.666c0 .396.288.846.936.846 1.008 0 1.53-.774 2.106-1.656l1.134-1.764.72 2.034c.234.648.576 1.386 1.314 1.386 1.044 0 1.854-1.728 2.07-1.998l-.252-.18c-.378.774-.81 1.026-1.098 1.026-.81 0-1.224-2.43-1.764-3.546l.99-1.53c.252-.396.45-.684.99-.684.306 0 .396.162.792.162.468 0 .702-.414.702-.756 0-.378-.306-.594-.882-.594-.9 0-1.53.792-1.998 1.512l-.81 1.242zM40.97 32H30.134L35.3 19.868h.36L40.97 32zm-2.196-.738L35.03 22.37l-3.762 8.892h7.506zm8.244-4.788c-.162-1.332-.288-1.8-.702-2.394l-2.7.45.036.288c.162-.018.45-.072.648-.072 1.008 0 1.17 1.08 1.26 1.89l.684 5.652c-.468.72-1.494 1.836-1.8 1.836-.288 0-.252-.558-1.026-.558-.234 0-.72.198-.72.738 0 .432.342.99 1.008.99 1.224 0 2.394-1.764 3.708-3.42.756-.954 3.672-5.274 3.672-6.678 0-.702-.45-1.116-1.026-1.116-.522 0-.846.324-.846.72 0 .684.936.864.936 1.242 0 .324-.144.684-.504 1.35-.396.738-1.026 1.818-2.124 3.312l-.504-4.23zM28 40h25v1H28z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/fraction/index.ts: -------------------------------------------------------------------------------- 1 | import FRACTION from './fraction.svg'; 2 | import FRACTION_2 from './fraction2.svg'; 3 | 4 | const fraction = { 5 | FRACTION, 6 | FRACTION_2, 7 | }; 8 | 9 | export default fraction; 10 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/index.ts: -------------------------------------------------------------------------------- 1 | import fraction from './fraction'; 2 | import sqrt from './sqrt'; 3 | import combi from './combi'; 4 | import integral from './integral'; 5 | import largeOperator from './large-operator'; 6 | import bracket from './bracket'; 7 | import deco from './deco'; 8 | import limit from './limit'; 9 | import trigonometric from './trigonometric'; 10 | import symbol from './symbol'; 11 | import matrix from './matrix'; 12 | 13 | export const SVG = { 14 | fraction, 15 | sqrt, 16 | combi, 17 | integral, 18 | largeOperator, 19 | bracket, 20 | deco, 21 | limit, 22 | trigonometric, 23 | symbol, 24 | matrix, 25 | }; 26 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/integral/index.ts: -------------------------------------------------------------------------------- 1 | import INTEGRAL from './integral.svg'; 2 | import INTEGRAL_2 from './integral2.svg'; 3 | import INTEGRAL_3 from './integral3.svg'; 4 | import INTEGRAL_4 from './integral4.svg'; 5 | 6 | const integral = { 7 | INTEGRAL, 8 | INTEGRAL_2, 9 | INTEGRAL_3, 10 | INTEGRAL_4, 11 | }; 12 | 13 | export default integral; 14 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/large-operator/index.ts: -------------------------------------------------------------------------------- 1 | import LAREGE_OPERATOR from './large-operator.svg'; 2 | import LAREGE_OPERATOR_2 from './large-operator2.svg'; 3 | import LAREGE_OPERATOR_3 from './large-operator3.svg'; 4 | import LAREGE_OPERATOR_4 from './large-operator4.svg'; 5 | import LAREGE_OPERATOR_5 from './large-operator5.svg'; 6 | 7 | const largeOperator = { 8 | LAREGE_OPERATOR, 9 | LAREGE_OPERATOR_2, 10 | LAREGE_OPERATOR_3, 11 | LAREGE_OPERATOR_4, 12 | LAREGE_OPERATOR_5, 13 | }; 14 | 15 | export default largeOperator; 16 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/limit/index.ts: -------------------------------------------------------------------------------- 1 | import LIMIT from './limit.svg'; 2 | import LIMIT_2 from './limit2.svg'; 3 | import LIMIT_3 from './limit3.svg'; 4 | import LIMIT_4 from './limit4.svg'; 5 | import LIMIT_5 from './limit5.svg'; 6 | import LIMIT_6 from './limit6.svg'; 7 | 8 | const limit = { 9 | LIMIT, 10 | LIMIT_2, 11 | LIMIT_3, 12 | LIMIT_4, 13 | LIMIT_5, 14 | LIMIT_6, 15 | }; 16 | 17 | export default limit; 18 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/matrix/index.ts: -------------------------------------------------------------------------------- 1 | import MATRIX from './matrix.svg'; 2 | import MATRIX_2 from './matrix2.svg'; 3 | 4 | const matrix = { 5 | MATRIX, 6 | MATRIX_2, 7 | }; 8 | 9 | export default matrix; 10 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/sqrt/index.ts: -------------------------------------------------------------------------------- 1 | import SQRT from './sqrt.svg'; 2 | import SQRT_2 from './sqrt2.svg'; 3 | 4 | const sqrt = { 5 | SQRT, 6 | SQRT_2, 7 | }; 8 | 9 | export default sqrt; 10 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/sqrt/sqrt.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M40 48h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM40 28h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM26.982 51.558l3.209 6.299L36 21h3v1h-2l-6 38h-1.418l-3.764-7.225-1.536.61-.282-.61z"></path><path d="M37 21h18v1H37zM38 42h17v1H38z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/sqrt/sqrt2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M26 40h29v1H26zM39 27h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-10 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM29.982 27.558l2.209 6.299L35 21h3v1h-2l-3 14h-1.418l-2.764-7.225-1.536.61-.282-.61z"></path><path d="M36 21h18v1H36z"></path><g><path d="M39 51h1v1h-1v-1zm2-2h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 2h1v1h-1v-1zm-12-2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 4h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-12 2h1v1h-1v-1zm12 0h1v1h-1v-1zm-10 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zM29.982 51.558l2.209 6.299L35 45h3v1h-2l-3 14h-1.418l-2.764-7.225-1.536.61-.282-.61z"></path><path d="M36 45h18v1H36z"></path></g></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/symbol/index.ts: -------------------------------------------------------------------------------- 1 | import SYMBOL from './symbol.svg'; 2 | import SYMBOL_2 from './symbol2.svg'; 3 | import SYMBOL_3 from './symbol3.svg'; 4 | import SYMBOL_4 from './symbol4.svg'; 5 | 6 | const symbol = { 7 | SYMBOL, 8 | SYMBOL_2, 9 | SYMBOL_3, 10 | SYMBOL_4, 11 | }; 12 | 13 | export default symbol; 14 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/symbol/symbol2.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M48 47H30v-1h18v-1h1v1h1v1h-1v1h-1v-1zm-1-3h1v1h-1v-1zm-1-1h1v1h-1v-1zm0 6h1v1h-1v-1zm1-1h1v1h-1v-1z" fill="#555"></path><path d="M40 30.972L34.883 39.5h10.234L40 30.972z" stroke="#555"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/trigonometric/func3.svg: -------------------------------------------------------------------------------- 1 | <svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="#555" fill-rule="evenodd"><path d="M32.617 37.053h.644c1.096 0 1.009-1.351 1.756-2.474.54-.825 1.287-1.579 2.61-1.579.869 0 1.373.421 1.373 1.035 0 .491-.365.702-.713.702-.487 0-.609-.193-.609-.439 0-.245.157-.509.157-.649 0-.088-.052-.14-.261-.14-.87 0-1.548.947-1.913 2.316l-.33 1.228h1.39l-.208.666h-1.322l-1.374 5.369c-.121.473-.26 1.14-.521 1.79C32.722 46.332 31.783 48 30.252 48c-.835 0-1.252-.421-1.252-.947 0-.421.243-.86.748-.86.47 0 .643.316.643.579 0 .333-.278.35-.278.561 0 .106.104.158.26.158 1.131 0 1.653-2.772 1.914-3.772l1.513-6h-1.34l.157-.666zM45 35.756V35h-3v.756zM50.247 37.488c0 .224.014.393.041.507a.586.586 0 0 0 .145.278c.069.071.168.127.298.168.13.04.293.071.49.093.197.02.457.035.779.043V39h-4.642v-.423c.465-.02.797-.045.996-.078a1.26 1.26 0 0 0 .455-.148.57.57 0 0 0 .23-.278c.047-.12.072-.315.072-.585V32.79c0-.154-.03-.267-.088-.339-.059-.071-.145-.107-.258-.107-.134 0-.324.064-.572.191-.247.128-.552.303-.917.527L47 32.616 49.94 31h.1c.155 0 .23.083.226.25 0 .045-.003.135-.01.268-.005.134-.009.475-.009 1.023v4.947z"></path></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/trigonometric/index.ts: -------------------------------------------------------------------------------- 1 | import COS from './cos.svg'; 2 | import SIN from './sin.svg'; 3 | import TAN from './tan.svg'; 4 | import FUNC from './func.svg'; 5 | import FUNC_2 from './func2.svg'; 6 | import FUNC_3 from './func3.svg'; 7 | import FUNC_4 from './func4.svg'; 8 | import FUNC_5 from './func5.svg'; 9 | 10 | const trigonometric = { 11 | COS, 12 | SIN, 13 | TAN, 14 | FUNC, 15 | FUNC_2, 16 | FUNC_3, 17 | FUNC_4, 18 | FUNC_5, 19 | }; 20 | 21 | export default trigonometric; 22 | -------------------------------------------------------------------------------- /src/utils/svg/leftsection/templatesection/up-arrow.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="iso-8859-1"?> 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 4 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 5 | width="28px" height="28px" viewBox="0 0 284.929 284.929" style="enable-background:new 0 0 284.929 284.929;" 6 | xml:space="preserve"> 7 | <g> 8 | <path d="M282.082,195.285L149.028,62.24c-1.901-1.903-4.088-2.856-6.562-2.856s-4.665,0.953-6.567,2.856L2.856,195.285 9 | C0.95,197.191,0,199.378,0,201.853c0,2.474,0.953,4.664,2.856,6.566l14.272,14.271c1.903,1.903,4.093,2.854,6.567,2.854 10 | c2.474,0,4.664-0.951,6.567-2.854l112.204-112.202l112.208,112.209c1.902,1.903,4.093,2.848,6.563,2.848 11 | c2.478,0,4.668-0.951,6.57-2.848l14.274-14.277c1.902-1.902,2.847-4.093,2.847-6.566 12 | C284.929,199.378,283.984,197.188,282.082,195.285z"/> 13 | </g> 14 | <g> 15 | </g> 16 | <g> 17 | </g> 18 | <g> 19 | </g> 20 | <g> 21 | </g> 22 | <g> 23 | </g> 24 | <g> 25 | </g> 26 | <g> 27 | </g> 28 | <g> 29 | </g> 30 | <g> 31 | </g> 32 | <g> 33 | </g> 34 | <g> 35 | </g> 36 | <g> 37 | </g> 38 | <g> 39 | </g> 40 | <g> 41 | </g> 42 | <g> 43 | </g> 44 | </svg> 45 | -------------------------------------------------------------------------------- /src/utils/svg/rightsection/.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boostcamp-2020/Project15-A-Client-Based-Formula-Editor/27e339f92a89fb38ee7ef8b4100c96cf714a3e06/src/utils/svg/rightsection/.txt -------------------------------------------------------------------------------- /src/utils/svg/tab/plus_icon.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="12px" id="Layer_1" style="enable-background:new 0 0 128 128;" version="1.1" viewBox="0 0 128 128" width="12px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><line style="fill:none;stroke:#2F3435;stroke-width:12;stroke-miterlimit:10;" x1="13.787" x2="114.213" y1="64.001" y2="64.001"/><line style="fill:none;stroke:#2F3435;stroke-width:12;stroke-miterlimit:10;" x1="64" x2="64" y1="13.787" y2="114.213"/></g></svg> -------------------------------------------------------------------------------- /src/utils/svg/tab/x_icon.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"> 2 | <path fill-rule="evenodd" d="M13.4142136,12 L18.363961,7.05025253 C18.7544853,6.65972824 18.7544853,6.02656326 18.363961,5.63603897 C17.9734367,5.24551468 17.3402718,5.24551468 16.9497475,5.63603897 L12,10.5857864 L7.05025253,5.63603897 C6.65972824,5.24551468 6.02656326,5.24551468 5.63603897,5.63603897 C5.24551468,6.02656326 5.24551468,6.65972824 5.63603897,7.05025253 L10.5857864,12 L5.63603897,16.9497475 C5.24551468,17.3402718 5.24551468,17.9734367 5.63603897,18.363961 C6.02656326,18.7544853 6.65972824,18.7544853 7.05025253,18.363961 L12,13.4142136 L16.9497475,18.363961 C17.3402718,18.7544853 17.9734367,18.7544853 18.363961,18.363961 C18.7544853,17.9734367 18.7544853,17.3402718 18.363961,16.9497475 L13.4142136,12 Z"/> 3 | </svg> 4 | -------------------------------------------------------------------------------- /src/utils/svg/toolbar/align-center.svg: -------------------------------------------------------------------------------- 1 | <svg id="그룹_32" data-name="그룹 32" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"> 2 | <path id="패스_1" data-name="패스 1" d="M0,0H21V21H0Z" fill="none" fill-rule="evenodd"/> 3 | <path id="패스_2" data-name="패스 2" d="M4,4H16V5H4ZM7,7h6V8H7ZM5,10H15v1H5Zm2,3h6v1H7ZM4,16H16v1H4Z" fill="#555" fill-rule="evenodd"/> 4 | </svg> 5 | -------------------------------------------------------------------------------- /src/utils/svg/toolbar/align-left.svg: -------------------------------------------------------------------------------- 1 | <svg id="그룹_33" data-name="그룹 33" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"> 2 | <path id="패스_3" data-name="패스 3" d="M0,0H21V21H0Z" fill="none" fill-rule="evenodd"/> 3 | <path id="패스_4" data-name="패스 4" d="M4,4H16V5H4ZM4,7h8V8H4Zm0,3H14v1H4Zm0,3h8v1H4Zm12,3v1H4V16Z" transform="translate(0 0)" fill="#555" fill-rule="evenodd"/> 4 | </svg> 5 | -------------------------------------------------------------------------------- /src/utils/svg/toolbar/align-right.svg: -------------------------------------------------------------------------------- 1 | <svg id="그룹_34" data-name="그룹 34" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"> 2 | <path id="패스_5" data-name="패스 5" d="M0,0H21V21H0Z" fill="none" fill-rule="evenodd"/> 3 | <path id="패스_6" data-name="패스 6" d="M4,4H16V5H4ZM8,7h8V8H8ZM6,10H16v1H6Zm2,3h8v1H8Zm8,3v1H4V16Z" fill="#555" fill-rule="evenodd"/> 4 | </svg> 5 | -------------------------------------------------------------------------------- /src/utils/svg/toolbar/back.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="iso-8859-1"?> 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 4 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 5 | width="25px" height="25px" viewBox="0 0 66.137 66.137" style="enable-background:new 0 0 66.137 66.137;" 6 | xml:space="preserve"> 7 | <g> 8 | <g> 9 | <path d="M33.066,66.136C14.834,66.136,0,51.302,0,33.069C0,14.835,14.834,0.001,33.066,0.001 10 | c18.234,0,33.071,14.834,33.071,33.068C66.137,51.302,51.301,66.136,33.066,66.136z M33.066,4.001C17.039,4.001,4,17.041,4,33.069 11 | s13.039,29.067,29.066,29.067c16.03,0,29.071-13.04,29.071-29.067S49.096,4.001,33.066,4.001z"/> 12 | <polygon points="35.658,45.575 25.342,33.068 35.658,20.562 38.744,23.106 30.527,33.068 38.744,43.03 "/> 13 | </g> 14 | </g> 15 | <g> 16 | </g> 17 | <g> 18 | </g> 19 | <g> 20 | </g> 21 | <g> 22 | </g> 23 | <g> 24 | </g> 25 | <g> 26 | </g> 27 | <g> 28 | </g> 29 | <g> 30 | </g> 31 | <g> 32 | </g> 33 | <g> 34 | </g> 35 | <g> 36 | </g> 37 | <g> 38 | </g> 39 | <g> 40 | </g> 41 | <g> 42 | </g> 43 | <g> 44 | </g> 45 | </svg> 46 | -------------------------------------------------------------------------------- /src/utils/svg/toolbar/clear.svg: -------------------------------------------------------------------------------- 1 | <svg width="25px" height="25px" viewBox="0 0 16 16" class="bi bi-clock-history" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 2 | <path fill-rule="evenodd" d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"/> 3 | <path fill-rule="evenodd" d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"/> 4 | <path fill-rule="evenodd" d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/> 5 | </svg> -------------------------------------------------------------------------------- /src/utils/svg/toolbar/drawer.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/toolbar/erase.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" width="23px" height="23px"><path d="M928 895H554.51l386.745-384a64 64 0 000-90.51l-240-240a64 64 0 00-90.51 0l-528 525.255a64 64 0 000 90.51l144 144A64 64 0 00272 959h656a32 32 0 000-64zM128 751l264-264 240 240-168 168H272z"/></svg> 2 | 3 | -------------------------------------------------------------------------------- /src/utils/svg/toolbar/font-check.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="-10 -10 34 34" id="editor-fontsize-check" x="688" y="34"><path fill="none" fill-rule="evenodd" stroke="#00C73C" stroke-width="2" d="M1 5.765L5.154 10 13 2"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/toolbar/font-color-active.svg: -------------------------------------------------------------------------------- 1 | <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="-10 -10 31 31" id="editor-fontcolor-active" x="688" y="539"><path fill="#00C73C" fill-rule="evenodd" d="M10 1H6v9h1v1H4v-1h1V1H1v1H0V0h11v2h-1V1z"/></svg> -------------------------------------------------------------------------------- /src/utils/svg/toolbar/forward.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="iso-8859-1"?> 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 4 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 5 | width="25px" height="25px" viewBox="0 0 66.137 66.137" style="enable-background:new 0 0 66.137 66.137;" 6 | xml:space="preserve"> 7 | <g> 8 | <g> 9 | <path d="M33.067,66.136C14.834,66.136,0,51.302,0,33.069C0,14.835,14.834,0.001,33.067,0.001c18.234,0,33.07,14.834,33.07,33.068 10 | C66.137,51.302,51.302,66.136,33.067,66.136z M33.067,4.001C17.04,4.001,4,17.041,4,33.069s13.04,29.067,29.067,29.067 11 | c16.029,0,29.07-13.04,29.07-29.067S49.098,4.001,33.067,4.001z"/> 12 | <polygon points="30.479,45.575 27.393,43.03 35.609,33.068 27.393,23.106 30.479,20.562 40.795,33.068 "/> 13 | </g> 14 | </g> 15 | <g> 16 | </g> 17 | <g> 18 | </g> 19 | <g> 20 | </g> 21 | <g> 22 | </g> 23 | <g> 24 | </g> 25 | <g> 26 | </g> 27 | <g> 28 | </g> 29 | <g> 30 | </g> 31 | <g> 32 | </g> 33 | <g> 34 | </g> 35 | <g> 36 | </g> 37 | <g> 38 | </g> 39 | <g> 40 | </g> 41 | <g> 42 | </g> 43 | <g> 44 | </g> 45 | </svg> 46 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions":{ 3 | "outDir": "./build/", 4 | "noImplicitAny": true, 5 | "jsx":"react", 6 | "allowJs":true, 7 | "checkJs":true, 8 | "allowSyntheticDefaultImports": true, 9 | "esModuleInterop": true, 10 | "baseUrl": "./", 11 | "paths":{ 12 | "@src/*":["src/*"] 13 | } 14 | }, 15 | "exclude" :[ 16 | "node_modules", "src/components/SubSection" 17 | ], 18 | } --------------------------------------------------------------------------------