├── .npmrc ├── .eslintignore ├── versions.json ├── src ├── lang │ ├── locale │ │ ├── da.ts │ │ ├── hi.ts │ │ ├── hu.ts │ │ ├── ja.ts │ │ ├── ko.ts │ │ ├── no.ts │ │ ├── ro.ts │ │ ├── tr.ts │ │ ├── ar.ts │ │ ├── cz.ts │ │ ├── de.ts │ │ ├── es.ts │ │ ├── fr.ts │ │ ├── it.ts │ │ ├── nl.ts │ │ ├── pt.ts │ │ ├── ru.ts │ │ ├── zh-tw.ts │ │ ├── id.ts │ │ ├── pl.ts │ │ ├── en-gb.ts │ │ ├── pt-br.ts │ │ ├── zh-cn.ts │ │ ├── en.ts │ │ ├── sheet-zh-cn.js │ │ └── sheet-en.js │ └── helpers.ts ├── constants.ts ├── utils │ ├── ModifierkeyHelper.ts │ ├── Settings.ts │ ├── ThemeUtils.ts │ ├── alphabet.js │ ├── xlsxspread.js │ ├── FileUtils.ts │ ├── ObsidianUtils.ts │ └── DataUtils.ts ├── ExcelSettingTab.ts ├── main.ts ├── ExcelView.ts └── MarkdownPostProcessor.ts ├── doc └── img │ ├── create.gif │ ├── html.gif │ ├── import.gif │ ├── link.gif │ ├── setting.png │ ├── embed_html.gif │ ├── part-link.gif │ ├── setting-embed.gif │ ├── setting-file.gif │ ├── setting-sheet.gif │ └── embed-link-height.gif ├── .editorconfig ├── manifest.json ├── .gitignore ├── tsconfig.json ├── version-bump.mjs ├── .eslintrc ├── .github └── workflows │ └── release.yml ├── package.json ├── esbuild.config.mjs ├── README.md ├── LICENSE └── main.css /.npmrc: -------------------------------------------------------------------------------- 1 | tag-version-prefix="" -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | 3 | main.js 4 | -------------------------------------------------------------------------------- /versions.json: -------------------------------------------------------------------------------- 1 | { 2 | "1.0.0": "0.15.0" 3 | } 4 | -------------------------------------------------------------------------------- /src/lang/locale/da.ts: -------------------------------------------------------------------------------- 1 | // Dansk 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/hi.ts: -------------------------------------------------------------------------------- 1 | // हिन्दी 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/hu.ts: -------------------------------------------------------------------------------- 1 | // Magyar 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/ja.ts: -------------------------------------------------------------------------------- 1 | // 日本語 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/ko.ts: -------------------------------------------------------------------------------- 1 | // 한국어 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/no.ts: -------------------------------------------------------------------------------- 1 | // Norsk 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/ro.ts: -------------------------------------------------------------------------------- 1 | // Română 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/tr.ts: -------------------------------------------------------------------------------- 1 | // Türkçe 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/ar.ts: -------------------------------------------------------------------------------- 1 | // العربية 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/cz.ts: -------------------------------------------------------------------------------- 1 | // čeština 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/de.ts: -------------------------------------------------------------------------------- 1 | // Deutsch 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/es.ts: -------------------------------------------------------------------------------- 1 | // Español 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/fr.ts: -------------------------------------------------------------------------------- 1 | // français 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/it.ts: -------------------------------------------------------------------------------- 1 | // Italiano 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/nl.ts: -------------------------------------------------------------------------------- 1 | // Nederlands 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/pt.ts: -------------------------------------------------------------------------------- 1 | // Português 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/ru.ts: -------------------------------------------------------------------------------- 1 | // русский 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/zh-tw.ts: -------------------------------------------------------------------------------- 1 | // 繁體中文 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/id.ts: -------------------------------------------------------------------------------- 1 | // Bahasa Indonesia 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/pl.ts: -------------------------------------------------------------------------------- 1 | // język polski 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /src/lang/locale/en-gb.ts: -------------------------------------------------------------------------------- 1 | // British English 2 | 3 | export default {}; 4 | -------------------------------------------------------------------------------- /doc/img/create.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/create.gif -------------------------------------------------------------------------------- /doc/img/html.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/html.gif -------------------------------------------------------------------------------- /doc/img/import.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/import.gif -------------------------------------------------------------------------------- /doc/img/link.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/link.gif -------------------------------------------------------------------------------- /doc/img/setting.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/setting.png -------------------------------------------------------------------------------- /doc/img/embed_html.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/embed_html.gif -------------------------------------------------------------------------------- /doc/img/part-link.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/part-link.gif -------------------------------------------------------------------------------- /src/lang/locale/pt-br.ts: -------------------------------------------------------------------------------- 1 | // Português do Brasil 2 | // Brazilian Portuguese 3 | 4 | export default {}; 5 | -------------------------------------------------------------------------------- /doc/img/setting-embed.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/setting-embed.gif -------------------------------------------------------------------------------- /doc/img/setting-file.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/setting-file.gif -------------------------------------------------------------------------------- /doc/img/setting-sheet.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/setting-sheet.gif -------------------------------------------------------------------------------- /doc/img/embed-link-height.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ljcoder2015/obsidian-excel/HEAD/doc/img/embed-link-height.gif -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # top-most EditorConfig file 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | end_of_line = lf 7 | insert_final_newline = true 8 | indent_style = tab 9 | indent_size = 4 10 | tab_width = 4 11 | -------------------------------------------------------------------------------- /src/constants.ts: -------------------------------------------------------------------------------- 1 | export const VIEW_TYPE_EXCEL = "excel-view"; 2 | export const FRONTMATTER_KEY = "excel-plugin"; 3 | export const RERENDER_EVENT = "excel-embed-rerender"; 4 | export const FRONTMATTER = ["---","",`${FRONTMATTER_KEY}: parsed`,"","---", "", ""].join("\n"); 5 | 6 | -------------------------------------------------------------------------------- /src/utils/ModifierkeyHelper.ts: -------------------------------------------------------------------------------- 1 | 2 | export type PaneTarget = "active-pane"|"new-pane"|"popout-window"|"new-tab"|"md-properties"; 3 | export type ModifierKeys = {shiftKey:boolean, ctrlKey: boolean, metaKey: boolean, altKey: boolean}; 4 | export type KeyEvent = PointerEvent | MouseEvent | KeyboardEvent | ModifierKeys; -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "excel", 3 | "name": "Excel", 4 | "version": "1.3.24", 5 | "minAppVersion": "0.15.0", 6 | "description": "Create spreadsheets and easily embed them in Markdown", 7 | "author": "ljcoder", 8 | "authorUrl": "https://github.com/ljcoder2015", 9 | "fundingUrl": "https://ko-fi.com/ljcoder", 10 | "isDesktopOnly": false 11 | } 12 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # vscode 2 | .vscode 3 | 4 | # Intellij 5 | *.iml 6 | .idea 7 | 8 | # npm 9 | node_modules 10 | 11 | # Don't include the compiled main.js file in the repo. 12 | # They should be uploaded to GitHub releases instead. 13 | main.js 14 | 15 | # Exclude sourcemaps 16 | *.map 17 | 18 | # obsidian 19 | data.json 20 | 21 | # Exclude macOS Finder (System Explorer) View States 22 | .DS_Store 23 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "inlineSourceMap": true, 5 | "inlineSources": true, 6 | "module": "ESNext", 7 | "target": "ES6", 8 | "allowJs": true, 9 | "noImplicitAny": true, 10 | "moduleResolution": "node", 11 | "importHelpers": true, 12 | "isolatedModules": true, 13 | "strictNullChecks": true, 14 | "lib": [ 15 | "DOM", 16 | "ES5", 17 | "ES6", 18 | "ES7", 19 | "DOM.Iterable" 20 | ] 21 | }, 22 | "include": [ 23 | "**/*.ts" 24 | ] 25 | } 26 | -------------------------------------------------------------------------------- /src/utils/Settings.ts: -------------------------------------------------------------------------------- 1 | export interface ExcelSettings { 2 | folder: string; 3 | excelFilenamePrefix: string, 4 | excelFilenameDateTime: string, 5 | sheetHeight: string, 6 | rowHeight: string, 7 | colWidth: string, 8 | theme: string, 9 | showSheetButton: string, 10 | defaultRowsLen: string, 11 | defaultColsLen: string, 12 | } 13 | 14 | export const DEFAULT_SETTINGS: ExcelSettings = { 15 | folder: "/", 16 | excelFilenamePrefix: "Excel ", 17 | excelFilenameDateTime: "YYYY-MM-DD HH.mm.ss", 18 | sheetHeight: "300", 19 | rowHeight: "25", 20 | colWidth: "100", 21 | theme: "light", 22 | showSheetButton: "true", 23 | defaultRowsLen: "100", 24 | defaultColsLen: "26", 25 | }; 26 | -------------------------------------------------------------------------------- /version-bump.mjs: -------------------------------------------------------------------------------- 1 | import { readFileSync, writeFileSync } from "fs"; 2 | 3 | const targetVersion = process.env.npm_package_version; 4 | 5 | // read minAppVersion from manifest.json and bump version to target version 6 | let manifest = JSON.parse(readFileSync("manifest.json", "utf8")); 7 | const { minAppVersion } = manifest; 8 | manifest.version = targetVersion; 9 | writeFileSync("manifest.json", JSON.stringify(manifest, null, "\t")); 10 | 11 | // update versions.json with target version and minAppVersion from manifest.json 12 | let versions = JSON.parse(readFileSync("versions.json", "utf8")); 13 | versions[targetVersion] = minAppVersion; 14 | writeFileSync("versions.json", JSON.stringify(versions, null, "\t")); 15 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "root": true, 3 | "parser": "@typescript-eslint/parser", 4 | "env": { "node": true }, 5 | "plugins": [ 6 | "@typescript-eslint" 7 | ], 8 | "extends": [ 9 | "eslint:recommended", 10 | "plugin:@typescript-eslint/eslint-recommended", 11 | "plugin:@typescript-eslint/recommended" 12 | ], 13 | "parserOptions": { 14 | "sourceType": "module" 15 | }, 16 | "rules": { 17 | "no-unused-vars": "off", 18 | "@typescript-eslint/no-unused-vars": ["error", { "args": "none" }], 19 | "@typescript-eslint/ban-ts-comment": "off", 20 | "no-prototype-builtins": "off", 21 | "@typescript-eslint/no-empty-function": "off" 22 | } 23 | } -------------------------------------------------------------------------------- /.github/workflows/release.yml: -------------------------------------------------------------------------------- 1 | name: Release Obsidian plugin 2 | 3 | on: 4 | push: 5 | tags: 6 | - "*" 7 | 8 | jobs: 9 | build: 10 | runs-on: ubuntu-latest 11 | 12 | steps: 13 | - uses: actions/checkout@v3 14 | 15 | - name: Use Node.js 16 | uses: actions/setup-node@v3 17 | with: 18 | node-version: "18.x" 19 | 20 | - name: Build plugin 21 | run: | 22 | npm config set strict-ssl false 23 | npm install 24 | npm run build 25 | 26 | - name: Create release 27 | env: 28 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 29 | run: | 30 | tag="${GITHUB_REF#refs/tags/}" 31 | 32 | gh release create "$tag" \ 33 | --title="$tag" \ 34 | --draft \ 35 | main.js manifest.json styles.css -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "obsidian-sample-plugin", 3 | "version": "1.0.0", 4 | "description": "This is a sample plugin for Obsidian (https://obsidian.md)", 5 | "main": "main.js", 6 | "scripts": { 7 | "dev": "node esbuild.config.mjs", 8 | "build": "tsc -noEmit -skipLibCheck && node esbuild.config.mjs production", 9 | "version": "node version-bump.mjs && git add manifest.json versions.json" 10 | }, 11 | "keywords": [], 12 | "author": "", 13 | "license": "MIT", 14 | "devDependencies": { 15 | "@codemirror/language": "^6.9.0", 16 | "@codemirror/state": "^6.2.1", 17 | "@codemirror/view": "^6.16.0", 18 | "@hyrious/esbuild-plugin-svgo": "^0.2.0", 19 | "@types/node": "^16.11.6", 20 | "@typescript-eslint/eslint-plugin": "5.29.0", 21 | "@typescript-eslint/parser": "5.29.0", 22 | "builtin-modules": "3.3.0", 23 | "esbuild": "0.17.3", 24 | "esbuild-plugin-less": "^1.2.4", 25 | "obsidian": "latest", 26 | "tslib": "2.4.0", 27 | "typescript": "4.7.4" 28 | }, 29 | "dependencies": { 30 | "monkey-around": "^2.3.0", 31 | "x-data-spreadsheet": "git+ssh://git@github.com:ljcoder2015/x-spreadsheet.git#1.1.4", 32 | "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.0/xlsx-0.20.0.tgz" 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /esbuild.config.mjs: -------------------------------------------------------------------------------- 1 | import esbuild from "esbuild"; 2 | import process from "process"; 3 | import builtins from "builtin-modules"; 4 | import { lessLoader } from "esbuild-plugin-less"; 5 | import { svgo } from "@hyrious/esbuild-plugin-svgo"; 6 | 7 | const banner = `/* 8 | THIS IS A GENERATED/BUNDLED FILE BY ESBUILD 9 | if you want to view the source, please visit the github repository of this plugin 10 | */ 11 | `; 12 | 13 | const prod = process.argv[2] === "production"; 14 | 15 | const context = await esbuild.context({ 16 | banner: { 17 | js: banner, 18 | }, 19 | entryPoints: ["src/main.ts"], 20 | bundle: true, 21 | external: [ 22 | "obsidian", 23 | "electron", 24 | "@codemirror/autocomplete", 25 | "@codemirror/collab", 26 | "@codemirror/commands", 27 | "@codemirror/language", 28 | "@codemirror/lint", 29 | "@codemirror/search", 30 | "@codemirror/state", 31 | "@codemirror/view", 32 | "@lezer/common", 33 | "@lezer/highlight", 34 | "@lezer/lr", 35 | ...builtins, 36 | ], 37 | format: "cjs", 38 | target: "es2018", 39 | logLevel: "info", 40 | sourcemap: prod ? false : "inline", 41 | treeShaking: true, 42 | outfile: "main.js", 43 | plugins: [lessLoader(), svgo()], 44 | loader: { '.svg': 'dataurl' }, 45 | }); 46 | 47 | if (prod) { 48 | await context.rebuild(); 49 | process.exit(0); 50 | } else { 51 | await context.watch(); 52 | } 53 | -------------------------------------------------------------------------------- /src/lang/locale/zh-cn.ts: -------------------------------------------------------------------------------- 1 | 2 | // 简体中文 3 | export default { 4 | // Main.ts 5 | CREATE_EXCEL: "创建 Excel 文件", 6 | OPEN_AS_EXCEL: "作为 Excel 文件打开", 7 | 8 | // ExcelView.ts 9 | GET_FILE_FAILED: "获取文件失败", 10 | READ_FILE_FAILED: "读取文件失败", 11 | DATA_PARSING_ERROR: "文件数据解析失败", 12 | COPY_EMBED_LINK: "拷贝内嵌链接", 13 | COPY_EMBED_LINK_SUCCESS: "已拷贝内嵌链接到剪切板", 14 | COPY_EMBED_LINK_FAILED: "拷贝内嵌链接失败", 15 | 16 | COPY_TO_HTML_FAILED: "拷贝为 HTML 失败", 17 | COPY_TO_HTML_SUCCESS: "拷贝为 HTML 成功", 18 | COPY_TO_HTML: "拷贝选中数据为 HTML", 19 | 20 | 21 | PLEASE_SELECT_DATA: "请选择要拷贝的数据", 22 | 23 | IMPORT_XLSX_FILE: "导入 xlsx 文件", 24 | EXPORT_XLSX_FILE: "导出 xlsx 文件", 25 | 26 | // ExcelSettingTab.ts 27 | BASE_COLOR: "基础颜色", 28 | BASE_COLOR_DESC: "选择默认基础色", 29 | FILE_SETTING: "文件设置", 30 | FOLDER: "文件夹", 31 | FOLDER_DESC: "新建文件将放在此文件夹下", 32 | FILENAME_PREFIX: "文件名前缀", 33 | FILENAME_PREFIX_DESC: "设置文件名前缀", 34 | FILENAME_DATE_TIME: "文件时间格式", 35 | FILENAME_DATE_TIME_DESC: "设置文件名的时间前缀", 36 | EMBED_LINK_SETTING: "嵌入链接设置", 37 | SHEET_HEIGHT: "表格高度", 38 | SHEET_HEIGHT_DESC: "设置嵌入表格渲染的默认高度", 39 | SHEET_SETTING: "表格设置", 40 | ROW_HEIGHT: "行高", 41 | ROW_HEIGHT_DESC: "设置表格的默认行高", 42 | COLUMN_WIDTH: "列宽", 43 | COLUMN_WIDTH_DESC: "设置表格的默认列宽", 44 | DEFAULT_ROWS_LEN: '默认渲染行数', 45 | DEFAULT_ROWS_LEN_DESC: '创建表格时默认渲染最大行数', 46 | DEFAULT_COLS_LEN: '默认渲染列数', 47 | DEFAULT_COLS_LEN_DESC: '创建表格时默认渲染最大列数', 48 | SHOW_SHEET_BUTTON: "显示标题按钮", 49 | SHOW_SHEET_BUTTON_DESC: "是否显示标题按钮", 50 | }; 51 | -------------------------------------------------------------------------------- /src/lang/helpers.ts: -------------------------------------------------------------------------------- 1 | //Solution copied from obsidian-kanban: https://github.com/mgmeyers/obsidian-kanban/blob/44118e25661bff9ebfe54f71ae33805dc88ffa53/src/lang/helpers.ts 2 | 3 | import { moment } from "obsidian"; 4 | import ar from "./locale/ar"; 5 | import cz from "./locale/cz"; 6 | import da from "./locale/da"; 7 | import de from "./locale/de"; 8 | import en from "./locale/en"; 9 | import enGB from "./locale/en-gb"; 10 | import es from "./locale/es"; 11 | import fr from "./locale/fr"; 12 | import hi from "./locale/hi"; 13 | import id from "./locale/id"; 14 | import it from "./locale/it"; 15 | import ja from "./locale/ja"; 16 | import ko from "./locale/ko"; 17 | import nl from "./locale/nl"; 18 | import no from "./locale/no"; 19 | import pl from "./locale/pl"; 20 | import pt from "./locale/pt"; 21 | import ptBR from "./locale/pt-br"; 22 | import ro from "./locale/ro"; 23 | import ru from "./locale/ru"; 24 | import tr from "./locale/tr"; 25 | import zhCN from "./locale/zh-cn"; 26 | import zhTW from "./locale/zh-tw"; 27 | 28 | const localeMap: { [k: string]: Partial } = { 29 | ar, 30 | cs: cz, 31 | da, 32 | de, 33 | en, 34 | "en-gb": enGB, 35 | es, 36 | fr, 37 | hi, 38 | id, 39 | it, 40 | ja, 41 | ko, 42 | nl, 43 | nn: no, 44 | pl, 45 | pt, 46 | "pt-br": ptBR, 47 | ro, 48 | ru, 49 | tr, 50 | "zh-cn": zhCN, 51 | "zh-tw": zhTW, 52 | }; 53 | 54 | const locale = localeMap[moment.locale()]; 55 | 56 | export function t(str: keyof typeof en): string { 57 | if (!locale) { 58 | // TODO 59 | } 60 | 61 | // console.log(moment.locale()) 62 | 63 | return (locale && locale[str]) || en[str]; 64 | } 65 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | > ### The Obsidian-Excel plugin will no longer be maintained or updated. To download Obsidian-Sheet-Plus, please visit [https://github.com/ljcoder2015/obsidian-sheet-plus](https://github.com/ljcoder2015/obsidian-sheet-plus) 2 | > ### Obsidian-Excel插件不再更新维护，旧功能不满足可以尝试使用新插件Obsidian-Sheet-Plus。下载地址 [https://github.com/ljcoder2015/obsidian-sheet-plus](https://github.com/ljcoder2015/obsidian-sheet-plus) 3 | 4 | # Obsidian Excel Plugin 5 | 6 | ## Excel 7 | The Obsidian-Excel plugin integrates [x-spreadsheet](https://github.com/myliang/x-spreadsheet), a feature sheet tool, into Obsidian. You can store and edit `xlsx` files in your vault. 8 | 9 | ### create sheet file 10 | ![Alt text](./doc/img/create.gif) 11 | 12 | ### import/export xlsx file 13 | If you are using Microsoft Office 365 to create xlsx files, you need to import the display. 14 | 15 | ![import](./doc/img/import.gif) 16 | 17 | ### embed link to markdown 18 | 19 | embed link rule: 20 | 21 | ```![[file-folder/file-name#sheet-name|sri-sci:eri-eci{html}]]``` 22 | 23 | - `sri`: Start row index 24 | - `eri`: End row index 25 | - `sci`: Start column index 26 | - `eci`: End column index 27 | - `{html}`: Whether to display as HTML 28 | - ``: Sheet height, dispaly HTML not work 29 | 30 | 31 | ![link](./doc/img/link.gif) 32 | 33 | ![link](./doc/img/part-link.gif) 34 | 35 | ![link](./doc//img/embed-link-height.gif) 36 | 37 | ![link](./doc//img/embed_html.gif) 38 | 39 | ### copy selected cells to HTML 40 | 41 | ![html](./doc/img/html.gif) 42 | 43 | ### Setting 44 | 45 | ![setting](./doc/img/setting-file.gif) 46 | 47 | ![setting](./doc/img/setting-embed.gif) 48 | 49 | ![setting](./doc//img/setting-sheet.gif) 50 | 51 | ### E-mail 52 | 53 | - ljcoder@163.com 54 | 55 | ### buy a Coffee 56 | 57 | [https://ko-fi.com/ljcoder](https://ko-fi.com/ljcoder) 58 | 59 | -------------------------------------------------------------------------------- /src/utils/ThemeUtils.ts: -------------------------------------------------------------------------------- 1 | export function updateSheetTheme(isDark: Boolean) { 2 | const root = document.documentElement; 3 | if (isDark) { 4 | root.style.setProperty('--sheet-iframe-background-color', "#363636") 5 | root.style.setProperty('--sheet-iframe-border-color', "#a5a0f8") 6 | root.style.setProperty('--sheet-toolbar-background-color', "#a5a0f8") 7 | root.style.setProperty('--sheet-toolbar-divider-color', "#a5a0f8") 8 | root.style.setProperty('--sheet-dropdown-content-background-color', "#857fe6") 9 | root.style.setProperty('--sheet-dropdown-content-color', "#dcdcdc") 10 | root.style.setProperty('--sheet-dropdown-title-color', "rgba(0,0,0,0.9)") 11 | root.style.setProperty('--sheet-menu-color', "#000") 12 | root.style.setProperty('--sheet-menu-active-background-color', "#bdb9f9") 13 | root.style.setProperty('--sheet-header-background-color', "#bdb9f9") 14 | root.style.setProperty('--sheet-checked-before', "#025492") 15 | } else { 16 | root.style.setProperty('--sheet-iframe-border-color', "#f5f6f7") 17 | root.style.setProperty('--sheet-iframe-background-color', "#fff") 18 | root.style.setProperty('--sheet-toolbar-background-color', "#f5f6f7") 19 | root.style.setProperty('--sheet-toolbar-divider-color', "#e0e2e4") 20 | root.style.setProperty('--sheet-dropdown-content-background-color', "#fff") 21 | root.style.setProperty('--sheet-dropdown-content-color', "rgba(0,0,0,0.9)") 22 | root.style.setProperty('--sheet-dropdown-title-color', "rgba(0,0,0,0.9)") 23 | root.style.setProperty('--sheet-menu-color', "#80868b") 24 | root.style.setProperty('--sheet-menu-active-background-color', "#fff") 25 | root.style.setProperty('--sheet-header-background-color', "#f8f8f9") 26 | root.style.setProperty('--sheet-checked-before', "#4b89ff") 27 | } 28 | } -------------------------------------------------------------------------------- /src/lang/locale/en.ts: -------------------------------------------------------------------------------- 1 | 2 | // English 3 | export default { 4 | // Main.ts 5 | CREATE_EXCEL: "Create Excel File", 6 | OPEN_AS_EXCEL: "Open as Excel", 7 | 8 | // ExcelView.ts 9 | GET_FILE_FAILED: "Failed to get file", 10 | READ_FILE_FAILED: "Read file error", 11 | DATA_PARSING_ERROR: "Data parsing error", 12 | COPY_EMBED_LINK: "copy embed link", 13 | COPY_EMBED_LINK_SUCCESS: "Copy embed link to clipboard", 14 | COPY_EMBED_LINK_FAILED: "Copy embed link failed", 15 | 16 | COPY_TO_HTML_FAILED: "Copy embed link failed", 17 | COPY_TO_HTML_SUCCESS: "copy to HTML", 18 | COPY_TO_HTML: "copy to HTML", 19 | 20 | 21 | PLEASE_SELECT_DATA: "Please first select the data to copy", 22 | 23 | IMPORT_XLSX_FILE: "import xlsx file", 24 | EXPORT_XLSX_FILE: "export xlsx file", 25 | 26 | 27 | // ExcelSettingTab.ts 28 | BASE_COLOR: "Base color scheme", 29 | BASE_COLOR_DESC: "Choose default color scheme", 30 | FILE_SETTING: "File Setting", 31 | FOLDER: "FOLDER", 32 | FOLDER_DESC: "Create files in this folder by default", 33 | FILENAME_PREFIX: "Filename Prefix", 34 | FILENAME_PREFIX_DESC: "Filename Prefix", 35 | FILENAME_DATE_TIME: "Filename Date Time", 36 | FILENAME_DATE_TIME_DESC: "Filename Date Time", 37 | EMBED_LINK_SETTING: "Embed Link Setting", 38 | SHEET_HEIGHT: "Sheet Height", 39 | SHEET_HEIGHT_DESC: "Default height for rendering spreadsheets", 40 | SHEET_SETTING: "Sheet Setting", 41 | ROW_HEIGHT: "Row Height", 42 | ROW_HEIGHT_DESC: "Default row height", 43 | COLUMN_WIDTH: "Column Width", 44 | COLUMN_WIDTH_DESC: "Default column width", 45 | DEFAULT_ROWS_LEN: 'Default render rows', 46 | DEFAULT_ROWS_LEN_DESC: 'Default number of render rows', 47 | DEFAULT_COLS_LEN: 'Default render columns', 48 | DEFAULT_COLS_LEN_DESC: 'Default number of rendered columns', 49 | SHOW_SHEET_BUTTON: "Show Sheet Button", 50 | SHOW_SHEET_BUTTON_DESC: "Show Sheet Button", 51 | }; 52 | -------------------------------------------------------------------------------- /src/utils/alphabet.js: -------------------------------------------------------------------------------- 1 | const alphabets = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']; 2 | 3 | /** index number 2 letters 4 | * @example stringAt(26) ==> 'AA' 5 | * @date 2019-10-10 6 | * @export 7 | * @param {number} index 8 | * @returns {string} 9 | */ 10 | export function stringAt(index) { 11 | let str = ''; 12 | let cindex = index; 13 | while (cindex >= alphabets.length) { 14 | cindex /= alphabets.length; 15 | cindex -= 1; 16 | str += alphabets[parseInt(cindex, 10) % alphabets.length]; 17 | } 18 | const last = index % alphabets.length; 19 | str += alphabets[last]; 20 | return str; 21 | } 22 | 23 | /** translate letter in A1-tag to number 24 | * @date 2019-10-10 25 | * @export 26 | * @param {string} str "AA" in A1-tag "AA1" 27 | * @returns {number} 28 | */ 29 | export function indexAt(str) { 30 | let ret = 0; 31 | for (let i = 0; i < str.length - 1; i += 1) { 32 | const cindex = str.charCodeAt(i) - 65; 33 | const exponet = str.length - 1 - i; 34 | ret += (alphabets.length ** exponet) + (alphabets.length * cindex); 35 | } 36 | ret += str.charCodeAt(str.length - 1) - 65; 37 | return ret; 38 | } 39 | 40 | // B10 => x,y 41 | /** translate A1-tag to XY-tag 42 | * @date 2019-10-10 43 | * @export 44 | * @param {tagA1} src 45 | * @returns {tagXY} 46 | */ 47 | export function expr2xy(src) { 48 | let x = ''; 49 | let y = ''; 50 | for (let i = 0; i < src.length; i += 1) { 51 | if (src.charAt(i) >= '0' && src.charAt(i) <= '9') { 52 | y += src.charAt(i); 53 | } else { 54 | x += src.charAt(i); 55 | } 56 | } 57 | return [indexAt(x), parseInt(y, 10) - 1]; 58 | } 59 | 60 | /** translate XY-tag to A1-tag 61 | * @example x,y => B10 62 | * @date 2019-10-10 63 | * @export 64 | * @param {number} x 65 | * @param {number} y 66 | * @returns {tagA1} 67 | */ 68 | export function xy2expr(x, y) { 69 | return `${stringAt(x)}${y + 1}`; 70 | } 71 | 72 | /** translate A1-tag src by (xn, yn) 73 | * @date 2019-10-10 74 | * @export 75 | * @param {tagA1} src 76 | * @param {number} xn 列坐标 77 | * @param {number} yn 行坐标 78 | * @returns {tagA1} 79 | */ 80 | export function expr2expr(src, xn, yn, condition = (x, y) => true) { 81 | if (xn === 0 && yn === 0) return src; 82 | const [x, y] = expr2xy(src); 83 | // console.log('expr2xy', x, y ,src, xn, yn) 84 | if (!condition(x, y)) return src; 85 | return xy2expr(x + xn, y + yn); 86 | } 87 | 88 | export default { 89 | stringAt, 90 | indexAt, 91 | expr2xy, 92 | xy2expr, 93 | expr2expr, 94 | }; 95 | -------------------------------------------------------------------------------- /src/lang/locale/sheet-zh-cn.js: -------------------------------------------------------------------------------- 1 | const zh_cn = { 2 | toolbar: { 3 | undo: "撤销", 4 | redo: "恢复", 5 | print: "打印", 6 | paintformat: "格式刷", 7 | clearformat: "清除格式", 8 | format: "数据格式", 9 | fontName: "字体", 10 | fontSize: "字号", 11 | fontBold: "加粗", 12 | fontItalic: "倾斜", 13 | underline: "下划线", 14 | strike: "删除线", 15 | color: "字体颜色", 16 | bgcolor: "填充颜色", 17 | border: "边框", 18 | merge: "合并单元格", 19 | align: "水平对齐", 20 | valign: "垂直对齐", 21 | textwrap: "自动换行", 22 | freeze: "冻结", 23 | autofilter: "自动筛选", 24 | formula: "函数", 25 | more: "更多" 26 | }, 27 | contextmenu: { 28 | copy: "复制", 29 | cut: "剪切", 30 | paste: "粘贴", 31 | pasteValue: "粘贴数据", 32 | pasteFormat: "粘贴格式", 33 | hide: "隐藏", 34 | insertRow: "插入行", 35 | insertColumn: "插入列", 36 | deleteSheet: "删除", 37 | deleteRow: "删除行", 38 | deleteColumn: "删除列", 39 | deleteCell: "删除", 40 | deleteCellText: "删除数据", 41 | validation: "数据验证", 42 | cellprintable: "可打印", 43 | cellnonprintable: "不可打印", 44 | celleditable: "可编辑", 45 | cellnoneditable: "不可编辑" 46 | }, 47 | print: { 48 | size: "纸张大小", 49 | orientation: "方向", 50 | orientations: ["横向", "纵向"] 51 | }, 52 | format: { 53 | normal: "正常", 54 | text: "文本", 55 | number: "数值", 56 | percent: "百分比", 57 | rmb: "人民币", 58 | usd: "美元", 59 | eur: "欧元", 60 | date: "短日期", 61 | time: "时间", 62 | datetime: "长日期", 63 | duration: "持续时间" 64 | }, 65 | formula: { 66 | sum: "求和", 67 | average: "求平均值", 68 | max: "求最大值", 69 | min: "求最小值", 70 | concat: "字符拼接", 71 | _if: "条件判断", 72 | and: "和", 73 | or: "或" 74 | }, 75 | validation: { 76 | required: "此值必填", 77 | notMatch: "此值不匹配验证规则", 78 | between: "此值应在 {} 和 {} 之间", 79 | notBetween: "此值不应在 {} 和 {} 之间", 80 | notIn: "此值不在列表中", 81 | equal: "此值应该等于 {}", 82 | notEqual: "此值不应该等于 {}", 83 | lessThan: "此值应该小于 {}", 84 | lessThanEqual: "此值应该小于等于 {}", 85 | greaterThan: "此值应该大于 {}", 86 | greaterThanEqual: "此值应该大于等于 {}" 87 | }, 88 | error: { 89 | pasteForMergedCell: "无法对合并的单元格执行此操作" 90 | }, 91 | calendar: { 92 | weeks: ["日", "一", "二", "三", "四", "五", "六"], 93 | months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"] 94 | }, 95 | button: { 96 | next: "下一步", 97 | cancel: "取消", 98 | remove: "删除", 99 | save: "保存", 100 | ok: "确认" 101 | }, 102 | sort: { 103 | desc: "降序", 104 | asc: "升序" 105 | }, 106 | filter: { 107 | empty: "空白" 108 | }, 109 | dataValidation: { 110 | mode: "模式", 111 | range: "单元区间", 112 | criteria: "条件", 113 | modeType: { 114 | cell: "单元格", 115 | column: "列模式", 116 | row: "行模式" 117 | }, 118 | type: { 119 | list: "列表", 120 | number: "数字", 121 | date: "日期", 122 | phone: "手机号", 123 | email: "电子邮件" 124 | }, 125 | operator: { 126 | be: "在区间", 127 | nbe: "不在区间", 128 | lt: "小于", 129 | lte: "小于等于", 130 | gt: "大于", 131 | gte: "大于等于", 132 | eq: "等于", 133 | neq: "不等于" 134 | } 135 | } 136 | }; 137 | 138 | export default zh_cn -------------------------------------------------------------------------------- /src/utils/xlsxspread.js: -------------------------------------------------------------------------------- 1 | /*! xlsxspread.js (C) SheetJS LLC -- https://sheetjs.com/ */ 2 | /* eslint-env browser */ 3 | /*global XLSX */ 4 | /*exported stox, xtos */ 5 | import * as XLSX from 'xlsx' 6 | 7 | /** 8 | * Converts data from SheetJS to x-spreadsheet 9 | * 10 | * @param {Object} wb SheetJS workbook object 11 | * 12 | * @returns {Object[]} An x-spreadsheet data 13 | */ 14 | export function stox(wb) { 15 | var out = []; 16 | wb.SheetNames.forEach(function (name) { 17 | var o = { name: name, rows: {} }; 18 | var ws = wb.Sheets[name]; 19 | if(!ws || !ws["!ref"]) return; 20 | var range = XLSX.utils.decode_range(ws['!ref']); 21 | // sheet_to_json will lost empty row and col at begin as default 22 | range.s = { r: 0, c: 0 }; 23 | var aoa = XLSX.utils.sheet_to_json(ws, { 24 | raw: false, 25 | header: 1, 26 | range: range 27 | }); 28 | 29 | aoa.forEach(function (r, i) { 30 | var cells = {}; 31 | r.forEach(function (c, j) { 32 | cells[j] = { text: c }; 33 | 34 | var cellRef = XLSX.utils.encode_cell({ r: i, c: j }); 35 | 36 | if ( ws[cellRef] != null && ws[cellRef].f != null) { 37 | cells[j].text = "=" + ws[cellRef].f; 38 | } 39 | }); 40 | o.rows[i] = { cells: cells }; 41 | }); 42 | 43 | o.merges = []; 44 | (ws["!merges"]||[]).forEach(function (merge, i) { 45 | //Needed to support merged cells with empty content 46 | if (o.rows[merge.s.r] == null) { 47 | o.rows[merge.s.r] = { cells: {} }; 48 | } 49 | if (o.rows[merge.s.r].cells[merge.s.c] == null) { 50 | o.rows[merge.s.r].cells[merge.s.c] = {}; 51 | } 52 | 53 | o.rows[merge.s.r].cells[merge.s.c].merge = [ 54 | merge.e.r - merge.s.r, 55 | merge.e.c - merge.s.c 56 | ]; 57 | 58 | o.merges[i] = XLSX.utils.encode_range(merge); 59 | }); 60 | 61 | out.push(o); 62 | }); 63 | 64 | return out; 65 | } 66 | 67 | /** 68 | * Converts data from x-spreadsheet to SheetJS 69 | * 70 | * @param {Object[]} sdata An x-spreadsheet data object 71 | * 72 | * @returns {Object} A SheetJS workbook object 73 | */ 74 | export function xtos(sdata) { 75 | var out = XLSX.utils.book_new(); 76 | sdata.forEach(function (xws) { 77 | var ws = {}; 78 | var rowobj = xws.rows; 79 | var minCoord = { r: 0, c: 0 }, maxCoord = { r: 0, c: 0 }; 80 | for (var ri = 0; ri < rowobj.len; ++ri) { 81 | var row = rowobj[ri]; 82 | if (!row) continue; 83 | 84 | Object.keys(row.cells).forEach(function (k) { 85 | var idx = +k; 86 | if (isNaN(idx)) return; 87 | 88 | var lastRef = XLSX.utils.encode_cell({ r: ri, c: idx }); 89 | if (ri > maxCoord.r) maxCoord.r = ri; 90 | if (idx > maxCoord.c) maxCoord.c = idx; 91 | 92 | var cellText = row.cells[k].text, type = "s"; 93 | if (!cellText) { 94 | cellText = ""; 95 | type = "z"; 96 | } else if (!isNaN(Number(cellText))) { 97 | cellText = Number(cellText); 98 | type = "n"; 99 | } else if (cellText.toLowerCase() === "true" || cellText.toLowerCase() === "false") { 100 | cellText = Boolean(cellText); 101 | type = "b"; 102 | } 103 | 104 | ws[lastRef] = { v: cellText, t: type }; 105 | 106 | if (type == "s" && cellText[0] == "=") { 107 | ws[lastRef].f = cellText.slice(1); 108 | } 109 | 110 | if (row.cells[k].merge != null) { 111 | if (ws["!merges"] == null) ws["!merges"] = []; 112 | 113 | ws["!merges"].push({ 114 | s: { r: ri, c: idx }, 115 | e: { 116 | r: ri + row.cells[k].merge[0], 117 | c: idx + row.cells[k].merge[1] 118 | } 119 | }); 120 | } 121 | }); 122 | } 123 | ws["!ref"] = minCoord ? XLSX.utils.encode_range({ 124 | s: minCoord, 125 | e: maxCoord 126 | }) : "A1"; 127 | 128 | XLSX.utils.book_append_sheet(out, ws, xws.name); 129 | }); 130 | 131 | return out; 132 | } 133 | 134 | -------------------------------------------------------------------------------- /src/lang/locale/sheet-en.js: -------------------------------------------------------------------------------- 1 | const en = { 2 | toolbar: { 3 | undo: "Undo", 4 | redo: "Redo", 5 | print: "Print", 6 | paintformat: "Paint format", 7 | clearformat: "Clear format", 8 | format: "Format", 9 | fontName: "Font", 10 | fontSize: "Font size", 11 | fontBold: "Font bold", 12 | fontItalic: "Font italic", 13 | underline: "Underline", 14 | strike: "Strike", 15 | color: "Text color", 16 | bgcolor: "Fill color", 17 | border: "Borders", 18 | merge: "Merge cells", 19 | align: "Horizontal align", 20 | valign: "Vertical align", 21 | textwrap: "Text wrapping", 22 | freeze: "Freeze cell", 23 | autofilter: "Filter", 24 | formula: "Functions", 25 | more: "More" 26 | }, 27 | contextmenu: { 28 | copy: "Copy", 29 | cut: "Cut", 30 | paste: "Paste", 31 | pasteValue: "Paste values only", 32 | pasteFormat: "Paste format only", 33 | hide: "Hide", 34 | insertRow: "Insert row", 35 | insertColumn: "Insert column", 36 | deleteSheet: "Delete", 37 | deleteRow: "Delete row", 38 | deleteColumn: "Delete column", 39 | deleteCell: "Delete cell", 40 | deleteCellText: "Delete cell text", 41 | validation: "Data validations", 42 | cellprintable: "Enable export", 43 | cellnonprintable: "Disable export", 44 | celleditable: "Enable editing", 45 | cellnoneditable: "Disable editing" 46 | }, 47 | print: { 48 | size: "Paper size", 49 | orientation: "Page orientation", 50 | orientations: ["Landscape", "Portrait"] 51 | }, 52 | format: { 53 | normal: "Normal", 54 | text: "Plain Text", 55 | number: "Number", 56 | percent: "Percent", 57 | rmb: "RMB", 58 | usd: "USD", 59 | eur: "EUR", 60 | date: "Date", 61 | time: "Time", 62 | datetime: "Date time", 63 | duration: "Duration" 64 | }, 65 | formula: { 66 | sum: "Sum", 67 | average: "Average", 68 | max: "Max", 69 | min: "Min", 70 | _if: "IF", 71 | and: "AND", 72 | or: "OR", 73 | concat: "Concat" 74 | }, 75 | validation: { 76 | required: "it must be required", 77 | notMatch: "it not match its validation rule", 78 | between: "it is between {} and {}", 79 | notBetween: "it is not between {} and {}", 80 | notIn: "it is not in list", 81 | equal: "it equal to {}", 82 | notEqual: "it not equal to {}", 83 | lessThan: "it less than {}", 84 | lessThanEqual: "it less than or equal to {}", 85 | greaterThan: "it greater than {}", 86 | greaterThanEqual: "it greater than or equal to {}" 87 | }, 88 | error: { 89 | pasteForMergedCell: "Unable to do this for merged cells" 90 | }, 91 | calendar: { 92 | weeks: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], 93 | months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"] 94 | }, 95 | button: { 96 | next: "Next", 97 | cancel: "Cancel", 98 | remove: "Remove", 99 | save: "Save", 100 | ok: "OK" 101 | }, 102 | sort: { 103 | desc: "Sort Z -> A", 104 | asc: "Sort A -> Z" 105 | }, 106 | filter: { 107 | empty: "empty" 108 | }, 109 | dataValidation: { 110 | mode: "Mode", 111 | range: "Cell Range", 112 | criteria: "Criteria", 113 | modeType: { 114 | cell: "Cell", 115 | column: "Colun", 116 | row: "Row" 117 | }, 118 | type: { 119 | list: "List", 120 | number: "Number", 121 | date: "Date", 122 | phone: "Phone", 123 | email: "Email" 124 | }, 125 | operator: { 126 | be: "between", 127 | nbe: "not betwwen", 128 | lt: "less than", 129 | lte: "less than or equal to", 130 | gt: "greater than", 131 | gte: "greater than or equal to", 132 | eq: "equal to", 133 | neq: "not equal to" 134 | } 135 | } 136 | }; 137 | 138 | export default en -------------------------------------------------------------------------------- /src/utils/FileUtils.ts: -------------------------------------------------------------------------------- 1 | 2 | import { normalizePath, Notice, TAbstractFile, TFile, TFolder, Vault } from "obsidian"; 3 | import { ExcelSettings } from "./Settings"; 4 | 5 | /** 6 | * Splits a full path including a folderpath and a filename into separate folderpath and filename components 7 | * @param filepath 8 | */ 9 | 10 | export function splitFolderAndFilename(filepath: string): { 11 | folderpath: string; 12 | filename: string; 13 | basename: string; 14 | } { 15 | const lastIndex = filepath.lastIndexOf("/"); 16 | const filename = lastIndex == -1 ? filepath : filepath.substring(lastIndex + 1); 17 | return { 18 | folderpath: normalizePath(filepath.substring(0, lastIndex)), 19 | filename, 20 | basename: filename.replace(/\.[^/.]+$/, ""), 21 | }; 22 | } 23 | 24 | /** 25 | * Download data as file from Obsidian, to store on local device 26 | * @param encoding 27 | * @param data 28 | * @param filename 29 | */ 30 | export const download = (encoding: string, data: any, filename: string) => { 31 | const element = document.createElement("a"); 32 | element.setAttribute("href", (encoding ? `${encoding},` : "") + data); 33 | element.setAttribute("download", filename); 34 | element.style.display = "none"; 35 | document.body.appendChild(element); 36 | element.click(); 37 | document.body.removeChild(element); 38 | } 39 | 40 | /** 41 | * Generates the image filename based on the excalidraw filename 42 | * @param excalidrawPath - Full filepath of ExclidrawFile 43 | * @param newExtension - extension of IMG file in ".extension" format 44 | * @returns 45 | */ 46 | /*export function getIMGPathFromExcalidrawFile( 47 | excalidrawPath: string, 48 | newExtension: string, 49 | ): string { 50 | const isLegacyFile: boolean = excalidrawPath.endsWith(".excalidraw"); 51 | const replaceExtension: string = isLegacyFile ? ".excalidraw" : ".md"; 52 | return ( 53 | excalidrawPath.substring(0, excalidrawPath.lastIndexOf(replaceExtension)) + 54 | newExtension 55 | ); 56 | }*/ 57 | 58 | /** 59 | * Generates the image filename based on the excalidraw filename 60 | * @param path - path to the excalidraw file 61 | * @param extension - extension without the preceeding "." 62 | * @returns 63 | */ 64 | export function getIMGFilename(path: string, extension: string): string { 65 | return `${path.substring(0, path.lastIndexOf("."))}.${extension}`; 66 | } 67 | 68 | /** 69 | * Create new file, if file already exists find first unique filename by adding a number to the end of the filename 70 | * @param filename 71 | * @param folderpath 72 | * @returns 73 | */ 74 | export function getNewUniqueFilepath( 75 | vault: Vault, 76 | filename: string, 77 | folderpath: string, 78 | ): string { 79 | let fname = normalizePath(`${folderpath}/${filename}`); 80 | let file: TAbstractFile | null = vault.getAbstractFileByPath(fname); 81 | let i = 0; 82 | const extension = filename.endsWith(".sheet.md") 83 | ? ".sheet.md" 84 | : filename.slice(filename.lastIndexOf(".")); 85 | while (file) { 86 | fname = normalizePath( 87 | `${folderpath}/${filename.slice( 88 | 0, 89 | filename.lastIndexOf(extension), 90 | )}_${i}${extension}`, 91 | ); 92 | i++; 93 | file = vault.getAbstractFileByPath(fname); 94 | } 95 | return fname; 96 | } 97 | 98 | export function getExcelFilename(settings: ExcelSettings): string { 99 | return ( 100 | settings.excelFilenamePrefix + 101 | (settings.excelFilenameDateTime !== "" 102 | ? window.moment().format(settings.excelFilenameDateTime) 103 | : "") + 104 | ".sheet.md" 105 | ); 106 | } 107 | 108 | 109 | /** 110 | * Open or create a folderpath if it does not exist 111 | * @param folderpath 112 | */ 113 | export async function checkAndCreateFolder(vault: Vault, folderpath: string) { 114 | folderpath = normalizePath(folderpath); 115 | //https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/658 116 | //@ts-ignore 117 | const folder = vault.getAbstractFileByPathInsensitive(folderpath); 118 | if (folder && folder instanceof TFolder) { 119 | return; 120 | } 121 | if (folder && folder instanceof TFile) { 122 | new Notice(`The folder cannot be created because it already exists as a file: ${folderpath}.`) 123 | } 124 | await vault.createFolder(folderpath); 125 | } 126 | -------------------------------------------------------------------------------- /src/utils/ObsidianUtils.ts: -------------------------------------------------------------------------------- 1 | import ExcelPlugin from "src/main"; 2 | import { WorkspaceLeaf } from "obsidian"; 3 | 4 | const getLeafLoc = ( 5 | plugin: ExcelPlugin, 6 | leaf: WorkspaceLeaf 7 | ): ["main" | "popout" | "left" | "right" | "hover", any] => { 8 | //@ts-ignore 9 | const leafId = leaf.id; 10 | const layout = plugin.app.workspace.getLayout(); 11 | const getLeaves = (l: any) => 12 | l.children 13 | .filter((c: any) => c.type !== "leaf") 14 | .map((c: any) => getLeaves(c)) 15 | .flat() 16 | .concat( 17 | l.children 18 | .filter((c: any) => c.type === "leaf") 19 | .map((c: any) => c.id) 20 | ); 21 | 22 | const mainLeavesIds = getLeaves(layout.main); 23 | 24 | return [ 25 | layout.main && mainLeavesIds.contains(leafId) 26 | ? "main" 27 | : layout.floating && getLeaves(layout.floating).contains(leafId) 28 | ? "popout" 29 | : layout.left && getLeaves(layout.left).contains(leafId) 30 | ? "left" 31 | : layout.right && getLeaves(layout.right).contains(leafId) 32 | ? "right" 33 | : "hover", 34 | mainLeavesIds, 35 | ]; 36 | }; 37 | 38 | /* 39 | | Setting | Originating Leaf | 40 | | | Main Workspace | Hover Editor | Popout Window | 41 | | ----------------------- | -------------------------------- | -------------------------------------- | -------------------------------- | 42 | | InMain && InAdjacent | 1.1 Reuse Leaf in Main Workspace | 1.1 Reuse Leaf in Main Workspace | 1.1 Reuse Leaf in Main Workspace | 43 | | InMain && !InAdjacent | 1.2 New Leaf in Main Workspace | 1.2 New Leaf in Main Workspace | 1.2 New Leaf in Main Workspace | 44 | | !InMain && InAdjacent | 1.1 Reuse Leaf in Main Workspace | 3 Reuse Leaf in Current Hover Editor | 4 Reuse Leaf in Current Popout | 45 | | !InMain && !InAdjacent | 1.2 New Leaf in Main Workspace | 2 New Leaf in Current Hover Editor | 2 New Leaf in Current Popout | 46 | */ 47 | export const getNewOrAdjacentLeaf = ( 48 | plugin: ExcelPlugin, 49 | leaf: WorkspaceLeaf 50 | ): WorkspaceLeaf | null => { 51 | const [leafLoc, mainLeavesIds] = getLeafLoc(plugin, leaf); 52 | 53 | const getMostRecentOrAvailableLeafInMainWorkspace = ( 54 | inDifferentTabGroup?: boolean 55 | ): WorkspaceLeaf | null => { 56 | let mainLeaf = plugin.app.workspace.getMostRecentLeaf(); 57 | if ( 58 | mainLeaf && 59 | mainLeaf !== leaf && 60 | mainLeaf.view?.containerEl.ownerDocument === document 61 | ) { 62 | //Found a leaf in the main workspace that is not the originating leaf 63 | return mainLeaf; 64 | } 65 | //Iterate all leaves in the main workspace and find the first one that is not the originating leaf 66 | mainLeaf = null; 67 | mainLeavesIds.forEach((id: any) => { 68 | const l = plugin.app.workspace.getLeafById(id); 69 | if ( 70 | mainLeaf || 71 | !l.view?.navigation || 72 | leaf === l || 73 | //@ts-ignore 74 | (inDifferentTabGroup && l?.parent === leaf?.parent) 75 | ) 76 | return; 77 | mainLeaf = l; 78 | }); 79 | return mainLeaf; 80 | }; 81 | 82 | //1 - In Main Workspace 83 | if (["main", "left", "right"].contains(leafLoc) 84 | ) { 85 | //1.2 - Reuse leaf if it is adjacent 86 | const ml = getMostRecentOrAvailableLeafInMainWorkspace(true); 87 | return ml ?? plugin.app.workspace.createLeafBySplit(leaf); //app.workspace.getLeaf(true); 88 | } 89 | 90 | // //3 91 | // if (leafLoc === "hover") { 92 | // const leaves = new Set(); 93 | // app.workspace.iterateAllLeaves((l) => { 94 | // //@ts-ignore 95 | // if ( 96 | // l !== leaf && 97 | // leaf.containerEl.parentElement === l.containerEl.parentElement 98 | // ) 99 | // leaves.add(l); 100 | // }); 101 | // if (leaves.size === 0) { 102 | // return plugin.app.workspace.createLeafBySplit(leaf); 103 | // } 104 | // return Array.from(leaves)[0]; 105 | // } 106 | 107 | //4 108 | if (leafLoc === "popout") { 109 | const popoutLeaves = new Set(); 110 | plugin.app.workspace.iterateAllLeaves((l) => { 111 | if ( 112 | l !== leaf && 113 | l.view.navigation && 114 | l.view.containerEl.ownerDocument === 115 | leaf.view.containerEl.ownerDocument 116 | ) { 117 | popoutLeaves.add(l); 118 | } 119 | }); 120 | if (popoutLeaves.size === 0) { 121 | return plugin.app.workspace.createLeafBySplit(leaf); 122 | } 123 | return Array.from(popoutLeaves)[0]; 124 | } 125 | 126 | return plugin.app.workspace.createLeafBySplit(leaf); 127 | }; 128 | -------------------------------------------------------------------------------- /src/ExcelSettingTab.ts: -------------------------------------------------------------------------------- 1 | import { App, PluginSettingTab, Setting } from "obsidian"; 2 | import ExcelPlugin from "./main"; 3 | import { t } from "./lang/helpers" 4 | 5 | export class ExcelSettingTab extends PluginSettingTab { 6 | plugin: ExcelPlugin; 7 | 8 | constructor(app: App, plugin: ExcelPlugin) { 9 | super(app, plugin); 10 | this.plugin = plugin; 11 | } 12 | 13 | display() { 14 | let { containerEl } = this 15 | 16 | containerEl.empty() 17 | 18 | containerEl.createEl("h1", { text: t("BASE_COLOR") }); 19 | 20 | new Setting(containerEl) 21 | .setName(t("BASE_COLOR")) 22 | .setDesc(t("BASE_COLOR_DESC")) 23 | .addDropdown((dropdown) => 24 | dropdown 25 | .addOption("light","Light") 26 | .addOption("dark","Dark") 27 | .setValue(this.plugin.settings.theme) 28 | .onChange(async (value) => { 29 | this.plugin.settings.theme = value 30 | this.plugin.saveSettings() 31 | }), 32 | ); 33 | 34 | containerEl.createEl("h1", { text: t("FILE_SETTING") }); 35 | 36 | new Setting(containerEl) 37 | .setName(t("FOLDER")) 38 | .setDesc(t("FOLDER_DESC")) 39 | .addText((text) => 40 | text 41 | .setPlaceholder("/") 42 | .setValue(this.plugin.settings.folder) 43 | .onChange(async (value) => { 44 | this.plugin.settings.folder = value 45 | this.plugin.saveSettings() 46 | }) 47 | ) 48 | 49 | new Setting(containerEl) 50 | .setName(t("FILENAME_PREFIX")) 51 | .setDesc(t("FILENAME_PREFIX_DESC")) 52 | .addText((text) => 53 | text 54 | .setPlaceholder("Excel") 55 | .setValue(this.plugin.settings.excelFilenamePrefix) 56 | .onChange(async (value) => { 57 | this.plugin.settings.excelFilenamePrefix = value 58 | this.plugin.saveSettings() 59 | }) 60 | ) 61 | 62 | new Setting(containerEl) 63 | .setName(t("FILENAME_DATE_TIME")) 64 | .setDesc(t("FILENAME_DATE_TIME_DESC")) 65 | .addText((text) => 66 | text 67 | .setPlaceholder("YYYY-MM-DD HH.mm.ss") 68 | .setValue(this.plugin.settings.excelFilenameDateTime) 69 | .onChange(async (value) => { 70 | this.plugin.settings.excelFilenameDateTime = value 71 | this.plugin.saveSettings() 72 | }) 73 | ) 74 | 75 | containerEl.createEl("h1", { text: t("EMBED_LINK_SETTING") }); 76 | 77 | new Setting(containerEl) 78 | .setName(t("SHEET_HEIGHT")) 79 | .setDesc(t("SHEET_HEIGHT_DESC")) 80 | .addText((text) => 81 | text 82 | .setPlaceholder("300") 83 | .setValue(this.plugin.settings.sheetHeight) 84 | .onChange(async (value) => { 85 | this.plugin.settings.sheetHeight = value 86 | this.plugin.saveSettings() 87 | }) 88 | ) 89 | 90 | containerEl.createEl("h1", { text: t("SHEET_SETTING") }); 91 | 92 | new Setting(containerEl) 93 | .setName(t("ROW_HEIGHT")) 94 | .setDesc(t("ROW_HEIGHT_DESC")) 95 | .addText((text) => 96 | text 97 | .setPlaceholder("25") 98 | .setValue(this.plugin.settings.rowHeight) 99 | .onChange(async (value) => { 100 | this.plugin.settings.rowHeight = value 101 | this.plugin.saveSettings() 102 | }) 103 | ) 104 | 105 | new Setting(containerEl) 106 | .setName(t("COLUMN_WIDTH")) 107 | .setDesc(t("COLUMN_WIDTH_DESC")) 108 | .addText((text) => 109 | text 110 | .setPlaceholder("25") 111 | .setValue(this.plugin.settings.colWidth) 112 | .onChange(async (value) => { 113 | this.plugin.settings.colWidth = value 114 | this.plugin.saveSettings() 115 | }) 116 | ) 117 | 118 | new Setting(containerEl) 119 | .setName(t("DEFAULT_ROWS_LEN")) 120 | .setDesc(t("DEFAULT_ROWS_LEN_DESC")) 121 | .addText((text) => 122 | text 123 | .setPlaceholder("100") 124 | .setValue(this.plugin.settings.defaultRowsLen) 125 | .onChange(async (value) => { 126 | this.plugin.settings.defaultRowsLen = value 127 | this.plugin.saveSettings() 128 | }) 129 | ) 130 | 131 | new Setting(containerEl) 132 | .setName(t("DEFAULT_COLS_LEN")) 133 | .setDesc(t("DEFAULT_COLS_LEN_DESC")) 134 | .addText((text) => 135 | text 136 | .setPlaceholder("26") 137 | .setValue(this.plugin.settings.defaultColsLen) 138 | .onChange(async (value) => { 139 | this.plugin.settings.defaultColsLen = value 140 | this.plugin.saveSettings() 141 | }) 142 | ) 143 | 144 | new Setting(containerEl) 145 | .setName(t("SHOW_SHEET_BUTTON")) 146 | .setDesc(t("SHOW_SHEET_BUTTON_DESC")) 147 | .addDropdown((dropdown) => 148 | dropdown 149 | .addOption("true","True") 150 | .addOption("false","False") 151 | .setValue(this.plugin.settings.showSheetButton) 152 | .onChange(async (value) => { 153 | this.plugin.settings.showSheetButton = value 154 | this.plugin.saveSettings() 155 | }), 156 | ); 157 | 158 | } 159 | } 160 | -------------------------------------------------------------------------------- /src/utils/DataUtils.ts: -------------------------------------------------------------------------------- 1 | import { Notice } from "obsidian"; 2 | import { t } from "../lang/helpers"; 3 | import { expr2expr } from "../utils/alphabet"; 4 | import da from "src/lang/locale/da"; 5 | /** 6 | * 获取 sheet 数据 7 | * @param data markdown 文件原始data 8 | * @returns 去掉头部数据的 sheet data 9 | */ 10 | export const getExcelData = (data: string): string => { 11 | const tagText = "# Excel\n"; 12 | const trimLocation = data.search(tagText); 13 | if (trimLocation == -1) return data; 14 | const excelData = data.substring( 15 | trimLocation + tagText.length, 16 | data.length 17 | ); 18 | // console.log("trimLocation", trimLocation, excelData, this.data); 19 | return excelData; 20 | }; 21 | 22 | /** 23 | * 获取指定 sheet 中指定 cells 的数据 24 | * @param data markdown 文件原始data 25 | * @param sheet sheet 名称 26 | * @param cells 选中的cells 格式为: sri-sci:eri-eci 例如 6-6:7-8 27 | * @returns 28 | */ 29 | export const getExcelAreaData = ( 30 | data: string, 31 | sheet: string, 32 | cells: string 33 | ): string => { 34 | const excelData = getExcelData(data) || "{}"; 35 | const jsonData = JSON.parse(excelData) || []; 36 | 37 | var newData = new Map(); 38 | 39 | if (jsonData instanceof Array) { 40 | const sheetData = jsonData.filter((item) => { 41 | return item.name === sheet; 42 | })[0]; 43 | 44 | if (sheetData) { 45 | newData.set("name", sheet); 46 | newData.set("autofilter", sheetData.autofilter); 47 | newData.set("freeze", sheetData.freeze); 48 | newData.set("styles", sheetData.styles); 49 | newData.set("validations", sheetData.validations); 50 | newData.set("merges", sheetData.merges); 51 | 52 | console.log("------", jsonData, cells, sheetData); 53 | var sri = 0; 54 | var sci = 0; 55 | var eri = 100; 56 | var eci = 26; 57 | 58 | if (cells.includes(":")) { 59 | var cellArray = cells.split(":"); 60 | const start = cellArray[0].split("-"); 61 | var sri = parseInt(start[0]); // 开始行 62 | var sci = parseInt(start[1]); // 开始列 63 | 64 | const end = cellArray[1].split("-"); 65 | var eri = parseInt(end[0]); // 结束行 66 | var eci = parseInt(end[1]); // 结束列 67 | } else { 68 | if (sheetData.rows && sheetData.rows.len) { 69 | eri = sheetData.rows.len - 1; 70 | } 71 | if (sheetData.cols && sheetData.cols.len) { 72 | eci = sheetData.cols.len - 1; 73 | } 74 | } 75 | 76 | var rowLen = eri - sri + 1; 77 | // 用来存储新数据 78 | var rows = new Map(); 79 | // 解析 row，并重 0 开始排数据 80 | for (var row = 0; row <= eri - sri; row++) { 81 | // 获取原始 row 的数据 82 | const rowsData = sheetData.rows[`${row + sri}`]; 83 | // console.log("getExcelAreaData", sheetData, rowsData, row + eri); 84 | var newCells = new Map(); 85 | if (rowsData) { 86 | var cellsData = new Map(); 87 | // 设置列，从 0 开始重排数据 88 | for (var col = 0; col <= eci - sci; col++) { 89 | // 获取原始 当前 [row, col] 的数据 90 | const cell = rowsData.cells[`${col + sci}`]; 91 | if (cell) { 92 | // 如果当前cell是公式 93 | if (cell.text) { 94 | var text = cell.text as String; 95 | if (text && text[0] === "=") { 96 | // console.log('cell text', text, sri, sci) 97 | cell.text = text.replace( 98 | /[a-zA-Z]{1,3}\d+/g, 99 | (word) => 100 | expr2expr( 101 | word, 102 | -sci, 103 | -sri, 104 | (x, y) => true 105 | ) 106 | ); 107 | // console.log('update cell text', cell.text) 108 | } 109 | } 110 | 111 | cellsData.set(`${col}`, cell); 112 | // 是否有合并单元格的数据 113 | if (row == eri - sri && cell.merge) { 114 | rowLen = Math.max( 115 | rowLen, 116 | eri - sri + 1 + cell.merge[0] 117 | ); 118 | // console.log(rowLen); 119 | } 120 | } 121 | } 122 | newCells.set("cells", Object.fromEntries(cellsData)); 123 | } 124 | rows.set(`${row}`, Object.fromEntries(newCells)); 125 | } 126 | // const rowLen = Math.max(9, eri - sri + 1) 127 | 128 | // console.log("rows", sheetData, rows); 129 | rows.set("len", rowLen); 130 | newData.set("rows", Object.fromEntries(rows)); 131 | // const colLen = Math.max(Math.ceil(clientWidth / 91), eci - sci + 1) 132 | const colLen = eci - sci + 1; 133 | newData.set("cols", { len: colLen }); 134 | } else { 135 | new Notice(t("PLEASE_SELECT_DATA")); 136 | } 137 | } 138 | 139 | const newJsonData = JSON.stringify(Object.fromEntries(newData)); 140 | // console.log("newData", Object.fromEntries(newData)) 141 | return newJsonData; 142 | }; 143 | 144 | /** 145 | * 获取指定 sheet 中指定 cells 的数据转换成 HTML 146 | * @param data markdown 文件原始data 147 | * @param sheet sheet 名称 148 | * @param cells 选中的cells 格式为: sri-sci:eri-eci 例如 6-6:7-8 149 | * @returns 150 | */ 151 | export const getExcelAreaHtml = ( 152 | data: string, 153 | sheet: string, 154 | cells: string 155 | ): HTMLElement => { 156 | const excelData = getExcelData(data) || "{}"; 157 | const jsonData = JSON.parse(excelData) || []; 158 | 159 | var table = createEl("table"); 160 | 161 | if (jsonData instanceof Array) { 162 | const sheetData = jsonData.filter((item) => { 163 | return item.name === sheet; 164 | })[0]; 165 | 166 | if (sheetData) { 167 | var sri = 0; 168 | var sci = 0; 169 | var eri = 100; 170 | var eci = 26; 171 | if (cells.includes(":")) { 172 | var cellArray = cells.split(":"); 173 | const start = cellArray[0].split("-"); 174 | var sri = parseInt(start[0]); // 开始行 175 | var sci = parseInt(start[1]); // 开始列 176 | 177 | const end = cellArray[1].split("-"); 178 | var eri = parseInt(end[0]); // 结束行 179 | var eci = parseInt(end[1]); // 结束列 180 | } else { 181 | if (sheetData.rows && sheetData.rows.len) { 182 | eri = sheetData.rows.len - 1; 183 | } 184 | if (sheetData.cols && sheetData.cols.len) { 185 | eci = sheetData.cols.len - 1; 186 | } 187 | } 188 | 189 | // console.log("getExcelAreaHtml", cells, sri, sci, eri, eci); 190 | 191 | // 记录合并单元格数量 192 | var mergeMap: Map = new Map(); 193 | 194 | for (var row = sri; row <= eri; row++) { 195 | var tr = createEl("tr"); 196 | table.appendChild(tr); 197 | 198 | for (var col = sci; col <= eci; col++) { 199 | // 获取当前行的数据 200 | const cells = sheetData.rows[`${row}`]; 201 | if (cells) { 202 | // 如果当前行有数据 203 | // 获取单元格数据 204 | const cell = cells.cells[`${col}`]; 205 | if (cell) { 206 | // 如果单元格有数据展示数据 207 | if (cell.merge) { 208 | // 是否有合并单元格的操作 209 | var mergeRow = cell.merge[0] + 1; 210 | var mergeCol = cell.merge[1] + 1; 211 | 212 | // 记录合并的行跟列 213 | for (var r = 0; r < mergeRow; r++) { 214 | const index = `${row + r}-${col}`; 215 | mergeMap.set(index, true); 216 | 217 | for (var c = 0; c < mergeCol; c++) { 218 | const index = `${row + r}-${col + c}`; 219 | mergeMap.set(index, true); 220 | } 221 | } 222 | 223 | var td = createEl("td", { 224 | text: cell.text || "", 225 | attr: { 226 | rowspan: mergeRow, 227 | colspan: mergeCol, 228 | }, 229 | }); 230 | tr.appendChild(td); 231 | } else { 232 | // 无合并单元格直接添加 233 | var td = createEl("td", { 234 | text: cell.text || "", 235 | }); 236 | tr.appendChild(td); 237 | } 238 | } else { 239 | // 添加空白单元格需要判断是否被合并了 240 | const index = `${row}-${col}`; 241 | if (!mergeMap.get(index)) { 242 | // 单元格没数据添加空白单元格 & 没有被合并单元格 243 | var td = createEl("td"); 244 | tr.appendChild(td); 245 | } 246 | } 247 | } else { 248 | const index = `${row}-${col}`; 249 | // 添加空白单元格需要判断是否被合并了 250 | if (!mergeMap.get(index)) { 251 | // 单元格没数据添加空白单元格 & 没有被合并单元格 252 | var td = createEl("td"); 253 | tr.appendChild(td); 254 | } 255 | } 256 | } 257 | } 258 | } else { 259 | } 260 | } 261 | 262 | return table; 263 | }; 264 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import { 2 | TFile, 3 | Plugin, 4 | WorkspaceLeaf, 5 | normalizePath, 6 | ViewState, 7 | MarkdownView, 8 | Workspace, 9 | MenuItem, 10 | Menu, 11 | } from "obsidian"; 12 | import { ExcelSettings, DEFAULT_SETTINGS } from "./utils/Settings"; 13 | import { PaneTarget } from "./utils/ModifierkeyHelper"; 14 | import { ExcelView } from "./ExcelView"; 15 | import { checkAndCreateFolder, getExcelFilename, getNewUniqueFilepath } from "./utils/FileUtils"; 16 | import { around, dedupe } from "monkey-around"; 17 | import { ExcelSettingTab } from "./ExcelSettingTab" 18 | 19 | import { t } from "./lang/helpers" 20 | 21 | import { 22 | initializeMarkdownPostProcessor, 23 | markdownPostProcessor, 24 | } from "./MarkdownPostProcessor"; 25 | import { FRONTMATTER_KEY, FRONTMATTER, VIEW_TYPE_EXCEL } from "src/constants"; 26 | 27 | export default class ExcelPlugin extends Plugin { 28 | public settings: ExcelSettings; 29 | private _loaded: boolean = false; 30 | 31 | async onload() { 32 | // 加载设置 33 | await this.loadSettings() 34 | 35 | this.addSettingTab(new ExcelSettingTab(this.app, this)) 36 | 37 | this.registerView( 38 | VIEW_TYPE_EXCEL, 39 | (leaf: WorkspaceLeaf) => new ExcelView(leaf, this) 40 | ); 41 | this.registerExtensions(["sheet"], VIEW_TYPE_EXCEL); 42 | 43 | // This creates an icon in the left ribbon. 44 | this.addRibbonIcon("table", t("CREATE_EXCEL"), (e: MouseEvent) => { 45 | // Called when the user clicks the icon. 46 | this.createAndOpenExcel(getExcelFilename(this.settings), undefined, this.getBlackData()); 47 | }); 48 | 49 | // markdwon后处理 50 | this.addMarkdownPostProcessor(); 51 | 52 | //inspiration taken from kanban: https://github.com/mgmeyers/obsidian-kanban/blob/44118e25661bff9ebfe54f71ae33805dc88ffa53/src/main.ts#L267 53 | this.registerMonkeyPatches(); 54 | 55 | this.switchToExcelAfterLoad(); 56 | 57 | this.registerEventListeners(); 58 | 59 | this.registerCommands() 60 | } 61 | 62 | onunload() {} 63 | 64 | private getBlackData() { 65 | return FRONTMATTER + "\n# Excel\n"; 66 | } 67 | 68 | private addMarkdownPostProcessor() { 69 | initializeMarkdownPostProcessor(this); 70 | this.registerMarkdownPostProcessor(markdownPostProcessor); 71 | } 72 | 73 | private registerEventListeners() { 74 | // const self = this; 75 | // //save Excalidraw leaf and update embeds when switching to another leaf 76 | // const activeLeafChangeEventHandler = async (leaf: WorkspaceLeaf) => { 77 | // console.log('activeLeafChangeEventHandler', leaf) 78 | // // this.switchToExcelAfterLoad() 79 | // }; 80 | // self.registerEvent( 81 | // this.app.workspace.on( 82 | // "active-leaf-change", 83 | // activeLeafChangeEventHandler 84 | // ) 85 | // ); 86 | } 87 | 88 | private switchToExcelAfterLoad() { 89 | const self = this; 90 | this.app.workspace.onLayoutReady(() => { 91 | let leaf: WorkspaceLeaf; 92 | let markdownLeaf = this.app.workspace.getLeavesOfType("markdown") 93 | // console.log("switchToExcelAfterLoad", markdownLeaf); 94 | for (leaf of markdownLeaf) { 95 | if ( 96 | leaf.view instanceof MarkdownView && 97 | leaf.view.file && 98 | self.isExcelFile(leaf.view.file) 99 | ) { 100 | self.setExcelView(leaf); 101 | } 102 | } 103 | }); 104 | } 105 | 106 | async loadSettings() { 107 | this.settings = Object.assign( 108 | {}, 109 | DEFAULT_SETTINGS, 110 | await this.loadData() 111 | ); 112 | } 113 | 114 | async saveSettings() { 115 | await this.saveData(this.settings); 116 | } 117 | 118 | private registerCommands() { 119 | const fileMenuHandlerCreateNew = (menu: Menu, file: TFile) => { 120 | menu.addItem((item: MenuItem) => { 121 | item 122 | .setTitle(t("CREATE_EXCEL")) 123 | .onClick((e) => { 124 | let folderpath = file.path; 125 | if (file instanceof TFile) { 126 | folderpath = normalizePath( 127 | file.path.substr(0, file.path.lastIndexOf(file.name)), 128 | ); 129 | } 130 | this.createAndOpenExcel( 131 | getExcelFilename(this.settings), 132 | folderpath, 133 | ); 134 | }); 135 | }); 136 | }; 137 | 138 | this.registerEvent( 139 | this.app.workspace.on("file-menu", fileMenuHandlerCreateNew), 140 | ); 141 | 142 | this.addCommand({ 143 | id: "excel-autocreate", 144 | name: t("CREATE_EXCEL"), 145 | callback: () => { 146 | this.createAndOpenExcel(getExcelFilename(this.settings), undefined, this.getBlackData()); 147 | }, 148 | }); 149 | } 150 | 151 | private registerMonkeyPatches() { 152 | const key = 153 | "https://github.com/ljcoder2015/obsidian-excel"; 154 | this.register( 155 | around(Workspace.prototype, { 156 | getActiveViewOfType(old) { 157 | // console.log("Workspace.prototype", old); 158 | return dedupe(key, old, function (...args) { 159 | const result = old && old.apply(this, args); 160 | const maybeSheetView = 161 | this.app?.workspace?.activeLeaf?.view; 162 | if ( 163 | !maybeSheetView || 164 | !(maybeSheetView instanceof ExcelView) 165 | ) 166 | return result; 167 | }); 168 | }, 169 | }) 170 | ); 171 | //@ts-ignore 172 | if (!this.app.plugins?.plugins?.["obsidian-hover-editor"]) { 173 | this.register( 174 | //stolen from hover editor 175 | around(WorkspaceLeaf.prototype, { 176 | getRoot(old) { 177 | // console.log("stolen from hover editor"); 178 | return function () { 179 | const top = old.call(this); 180 | return top.getRoot === this.getRoot 181 | ? top 182 | : top.getRoot(); 183 | }; 184 | }, 185 | }) 186 | ); 187 | } 188 | 189 | const self = this; 190 | // Monkey patch WorkspaceLeaf to open Excalidraw drawings with ExcalidrawView by default 191 | this.register( 192 | around(WorkspaceLeaf.prototype, { 193 | // Drawings can be viewed as markdown or Excalidraw, and we keep track of the mode 194 | // while the file is open. When the file closes, we no longer need to keep track of it. 195 | detach(next) { 196 | return function () { 197 | return next.apply(this); 198 | }; 199 | }, 200 | 201 | setViewState(next) { 202 | return function (state: ViewState, ...rest: any[]) { 203 | if ( 204 | // Don't force excalidraw mode during shutdown 205 | self._loaded && 206 | // If we have a markdown file 207 | state.type === "markdown" && 208 | state.state?.file 209 | ) { 210 | // Then check for the excalidraw frontMatterKey 211 | const cache = this.app.metadataCache.getCache( 212 | state.state.file 213 | ); 214 | 215 | // console.log("setViewState", cache) 216 | if ( 217 | cache?.frontmatter && 218 | cache?.frontmatter[FRONTMATTER_KEY] 219 | ) { 220 | // console.log("setViewState --", cache) 221 | // If we have it, force the view type to excalidraw 222 | const newState = { 223 | ...state, 224 | type: VIEW_TYPE_EXCEL, 225 | }; 226 | 227 | return next.apply(this, [newState, ...rest]); 228 | } 229 | } 230 | 231 | return next.apply(this, [state, ...rest]); 232 | }; 233 | }, 234 | }) 235 | ); 236 | } 237 | 238 | public async setExcelView(leaf: WorkspaceLeaf) { 239 | await leaf.setViewState({ 240 | type: VIEW_TYPE_EXCEL, 241 | state: leaf.view.getState(), 242 | popstate: true, 243 | } as ViewState); 244 | } 245 | 246 | public async createExcel( 247 | filename: string, 248 | foldername?: string, 249 | initData?: string 250 | ): Promise { 251 | const folderpath = normalizePath( 252 | foldername ? foldername : this.settings.folder, 253 | ); 254 | await checkAndCreateFolder(this.app.vault, folderpath) 255 | 256 | const fname = getNewUniqueFilepath(this.app.vault, filename, folderpath); 257 | const file = await this.app.vault.create(fname, initData ?? this.getBlackData()); 258 | 259 | return file; 260 | } 261 | 262 | public async createAndOpenExcel( 263 | filename: string, 264 | foldername?: string, 265 | initData?: string 266 | ): Promise { 267 | const file = await this.createExcel(filename, foldername, initData); 268 | this.openExcel(file, "new-pane", true, undefined); 269 | return file.path; 270 | } 271 | 272 | public openExcel( 273 | excelFile: TFile, 274 | location: PaneTarget, 275 | active = false, 276 | subpath?: string 277 | ) { 278 | if (location === "md-properties") { 279 | location = "new-tab"; 280 | } 281 | var leaf: WorkspaceLeaf | null = null; 282 | if (location === "popout-window") { 283 | leaf = this.app.workspace.openPopoutLeaf(); 284 | } 285 | if (location === "new-tab") { 286 | leaf = this.app.workspace.getLeaf("tab"); 287 | } 288 | if (!leaf) { 289 | leaf = this.app.workspace.getLeaf(false); 290 | if ( 291 | leaf.view.getViewType() !== "empty" && 292 | location === "new-pane" 293 | ) { 294 | leaf = this.app.workspace.getMostRecentLeaf(); 295 | } 296 | } 297 | 298 | leaf?.openFile( 299 | excelFile, 300 | !subpath || subpath === "" 301 | ? { active, state: { type: VIEW_TYPE_EXCEL } } 302 | : { active, eState: { subpath }, state: { type: VIEW_TYPE_EXCEL } } 303 | ).then(() => { 304 | if (leaf) { 305 | this.setExcelView(leaf) 306 | } 307 | }); 308 | } 309 | 310 | public isExcelFile(f: TFile) { 311 | if (!f) return false; 312 | if (f.extension === "sheet") { 313 | return true; 314 | } 315 | const fileCache = f ? this.app.metadataCache.getFileCache(f) : null; 316 | // console.log("isExcelFile", fileCache) 317 | return ( 318 | !!fileCache?.frontmatter && !!fileCache?.frontmatter[FRONTMATTER_KEY] 319 | ); 320 | } 321 | } 322 | -------------------------------------------------------------------------------- /src/ExcelView.ts: -------------------------------------------------------------------------------- 1 | import ExcelPlugin from "src/main"; 2 | import { TextFileView, WorkspaceLeaf, Platform, Notice, moment, TFile } from "obsidian"; 3 | import Spreadsheet from "x-data-spreadsheet"; 4 | import * as XLSX from "xlsx"; 5 | import { stox, xtos } from "./utils/xlsxspread"; 6 | import { VIEW_TYPE_EXCEL, FRONTMATTER } from "./constants"; 7 | import { getExcelData } from "./utils/DataUtils"; 8 | import zhCn from "./lang/locale/sheet-zh-cn" 9 | import en from "./lang/locale/sheet-en" 10 | import { t } from "./lang/helpers" 11 | import { updateSheetTheme } from "./utils/ThemeUtils"; 12 | 13 | export class ExcelView extends TextFileView { 14 | public plugin: ExcelPlugin; 15 | public ownerWindow: Window; 16 | public sheet: Spreadsheet; 17 | public importEle: HTMLElement; 18 | public exportEle: HTMLElement; 19 | public embedLinkEle: HTMLElement; 20 | public copyHTMLEle: HTMLElement; 21 | public sheetEle: HTMLElement; 22 | public cellsSelected: { 23 | sheet: Record | null; 24 | sri: number | null; // 选中开始行 index 25 | sci: number | null; // 选中开始列 index 26 | eri: number | null; // 选中结束行 index 27 | eci: number | null; // 选中结束列 index 28 | } = { 29 | sheet: null, 30 | sri: null, 31 | sci: null, 32 | eri: null, 33 | eci: null, 34 | }; 35 | 36 | constructor(leaf: WorkspaceLeaf, plugin: ExcelPlugin) { 37 | super(leaf); 38 | this.plugin = plugin; 39 | } 40 | 41 | getViewData(): string { 42 | return this.data; 43 | } 44 | 45 | headerData() { 46 | return FRONTMATTER + "\n# Excel\n"; 47 | } 48 | 49 | saveData(data: string) { 50 | this.data = this.headerData() + data; 51 | // console.log("saveData", this.data) 52 | this.save(false) 53 | .then(() => { 54 | console.log("save data success", this.file) 55 | }) 56 | .catch((e) => { 57 | console.log("save data error", e) 58 | }) 59 | } 60 | 61 | clear(): void { 62 | this.data = this.headerData(); 63 | } 64 | 65 | setViewData(data: string, clear: boolean): void { 66 | this.data = data; 67 | 68 | this.app.workspace.onLayoutReady(async () => { 69 | // console.log('setViewData', this.file) 70 | this.refresh(); 71 | }); 72 | } 73 | 74 | // 处理顶部导入按钮点击事件 75 | handleImportClick(ev: MouseEvent) { 76 | const importEle = document.getElementById("import"); 77 | importEle?.click(); 78 | } 79 | 80 | handleFile(e: Event) { 81 | //@ts-ignore 82 | const files = e.target?.files; 83 | if (!files) { 84 | new Notice(t("GET_FILE_FAILED")); 85 | return; 86 | } 87 | const f = files[0]; 88 | const reader = new FileReader(); 89 | const self = this 90 | reader.onload = (e) => { 91 | const data = e.target?.result; 92 | console.log('handleFile', self.file) 93 | if (data) { 94 | self.process_wb(XLSX.read(data)); 95 | } else { 96 | new Notice(t("READ_FILE_FAILED")); 97 | } 98 | }; 99 | reader.readAsArrayBuffer(f); 100 | } 101 | 102 | process_wb(wb: XLSX.WorkBook) { 103 | const sheetData = stox(wb); 104 | if (sheetData) { 105 | sheetData.forEach((sheet) => { 106 | var sheetAny = sheet as any 107 | if (sheetAny.rows) { 108 | const last = Object.keys(sheetAny.rows).last() || "100" 109 | const max = parseInt(this.plugin.settings.defaultRowsLen) 110 | sheetAny.rows.len = Math.max(max, parseInt(last) + 20) 111 | } 112 | }) 113 | this.saveData(JSON.stringify(sheetData)) 114 | this.refresh() 115 | } else { 116 | new Notice(t("DATA_PARSING_ERROR")); 117 | } 118 | } 119 | 120 | handleExportClick(ev: MouseEvent) { 121 | //@ts-ignore 122 | const new_wb = xtos(this.sheet.getData()) as XLSX.WorkBook; 123 | const title = this.file?.basename ?? "sheet"; 124 | /* write file and trigger a download */ 125 | XLSX.writeFile(new_wb, title + ".xlsx", {}); 126 | } 127 | 128 | handleEmbedLink(e: Event) { 129 | const data = this.cellsSelected.sheet; 130 | const sri = this.cellsSelected.sri; 131 | const sci = this.cellsSelected.sci; 132 | const eri = this.cellsSelected.eri; 133 | const eci = this.cellsSelected.eci; 134 | 135 | // 格式 sri-sci:eri-eci 136 | if (this.file && data) { 137 | const link = `![[${this.file.basename}#${data.name}|${sri}-${sci}:${eri}-${eci}]]`; 138 | // console.log(this.file, link); 139 | navigator.clipboard.writeText(link); 140 | new Notice(t("COPY_EMBED_LINK_SUCCESS")); 141 | } else { 142 | new Notice(t("COPY_EMBED_LINK_FAILED")); 143 | } 144 | } 145 | 146 | onload(): void { 147 | this.ownerWindow = this.containerEl.win; 148 | console.log("onload", this.file) 149 | 150 | // 添加顶部导入按钮 151 | this.importEle = this.addAction("download", t("IMPORT_XLSX_FILE"), (ev) => 152 | this.handleImportClick(ev) 153 | ); 154 | 155 | this.exportEle = this.addAction("upload", t("EXPORT_XLSX_FILE"), (ev) => 156 | this.handleExportClick(ev) 157 | ); 158 | 159 | this.embedLinkEle = this.addAction("link", t("COPY_EMBED_LINK"), (ev) => 160 | this.handleEmbedLink(ev) 161 | ); 162 | 163 | this.copyHTMLEle = this.addAction("file-code", t("COPY_TO_HTML"), (ev) => 164 | this.copyToHTML() 165 | ); 166 | 167 | super.onload(); 168 | } 169 | 170 | getViewType(): string { 171 | return VIEW_TYPE_EXCEL; 172 | } 173 | 174 | refresh() { 175 | this.contentEl.empty(); 176 | this.sheetEle = this.contentEl.createDiv({ 177 | attr: { 178 | id: "x-spreadsheet", 179 | class: "sheet-box", 180 | }, 181 | }); 182 | 183 | // 添加隐藏的导入input，用来选择导入的文件 184 | const importInput = this.contentEl.createEl("input", { 185 | cls: "import-excel", 186 | type: "file", 187 | attr: { 188 | id: "import", 189 | accept: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", 190 | }, 191 | }); 192 | importInput.addEventListener( 193 | "change", 194 | this.handleFile.bind(this), 195 | false 196 | ); 197 | 198 | // 初始化 sheet 199 | const jsonData = JSON.parse(getExcelData(this.data) || "{}") || {}; 200 | // console.log("refresh", jsonData, this.file) 201 | 202 | // 设置多语言 203 | if (moment.locale() === 'zh-cn') { 204 | Spreadsheet.locale('zh-cn', zhCn) 205 | } else { 206 | Spreadsheet.locale('en', en) 207 | } 208 | 209 | // 设置 sheet 样式 210 | var style = { 211 | bgcolor: '#ffffff', 212 | align: 'left', 213 | valign: 'middle', 214 | textwrap: false, 215 | strike: false, 216 | underline: false, 217 | color: '#0a0a0a', 218 | font: { 219 | name: 'Helvetica', 220 | size: 10, 221 | bold: false, 222 | italic: false, 223 | }, 224 | } 225 | 226 | if (this.plugin.settings.theme === "dark") { 227 | style = { 228 | bgcolor: '#363636', 229 | align: 'left', 230 | valign: 'middle', 231 | textwrap: false, 232 | strike: false, 233 | underline: false, 234 | color: '#e6e6e6', 235 | font: { 236 | name: 'Helvetica', 237 | size: 10, 238 | bold: false, 239 | italic: false, 240 | }, 241 | } 242 | } 243 | 244 | //@ts-ignore 245 | this.sheet = new Spreadsheet(this.sheetEle, { 246 | showBottomBar: true, 247 | view: { 248 | height: () => this.contentEl.clientHeight, 249 | width: () => this.contentEl.clientWidth - 32, 250 | }, 251 | row: { 252 | len: parseInt(this.plugin.settings.defaultRowsLen), 253 | height: parseInt(this.plugin.settings.rowHeight), 254 | }, 255 | col: { 256 | len: parseInt(this.plugin.settings.defaultColsLen), 257 | width: parseInt(this.plugin.settings.colWidth), 258 | indexWidth: 60, 259 | minWidth: 60, 260 | }, 261 | //@ts-ignore 262 | style: style, 263 | isDark: this.plugin.settings.theme === "dark" 264 | }) 265 | .loadData(jsonData) // load data 266 | .change(() => { 267 | // save data to db 268 | const data = this.sheet.getData(); 269 | this.saveData(JSON.stringify(data)); 270 | }) 271 | .onAddSheet(() => { 272 | const data = this.sheet.getData(); 273 | // console.log('onAddSheet', data) 274 | this.saveData(JSON.stringify(data)); 275 | }) 276 | .onRenameSheet(() => { 277 | const data = this.sheet.getData(); 278 | // console.log('onRenameSheet', data) 279 | this.saveData(JSON.stringify(data)); 280 | }) 281 | .onDeleteSheet(() => { 282 | const data = this.sheet.getData(); 283 | // console.log('onDeleteSheet', data) 284 | this.saveData(JSON.stringify(data)); 285 | }); 286 | 287 | this.sheet.on("cells-selected", (sheetData, { sri, sci, eri, eci }) => { 288 | // console.log('cells-selected',sheetData, sri, sci, eri, eci) 289 | this.cellsSelected.sheet = sheetData; 290 | this.cellsSelected.sri = sri; 291 | this.cellsSelected.sci = sci; 292 | this.cellsSelected.eri = eri; 293 | this.cellsSelected.eci = eci; 294 | }); 295 | 296 | this.sheet.on("cell-selected", (sheetData, ri, ci) => { 297 | // console.log('cell-selected',sheetData, ri, ci) 298 | this.cellsSelected.sheet = sheetData; 299 | this.cellsSelected.sri = ri; 300 | this.cellsSelected.sci = ci; 301 | this.cellsSelected.eri = ri; 302 | this.cellsSelected.eci = ci; 303 | }); 304 | 305 | updateSheetTheme(this.plugin.settings.theme === "dark") 306 | 307 | // @ts-ignore 308 | this.sheet.validate(); 309 | } 310 | 311 | copyToHTML() { 312 | const data = this.cellsSelected.sheet; 313 | const sri = this.cellsSelected.sri || 0; 314 | const sci = this.cellsSelected.sci || 0; 315 | const eri = this.cellsSelected.eri || 0; 316 | const eci = this.cellsSelected.eci || 0; 317 | 318 | console.log('data', data, sri, sci, eri, eci) 319 | 320 | var html = ""; 321 | 322 | if (data) { 323 | // 记录合并单元格数量 324 | var mergeMap: Map = new Map() 325 | 326 | for (var row = sri; row <= eri; row++) { 327 | html += ""; 328 | 329 | for (var col = sci; col <= eci; col++) { 330 | 331 | // 获取当前行的数据 332 | const cells = data.rows._[`${row}`]; 333 | if (cells) { 334 | // 如果当前行有数据 335 | // 获取单元格数据 336 | const cell = cells.cells[`${col}`]; 337 | if (cell) { 338 | // 如果单元格有数据展示数据 339 | if (cell.merge) { 340 | // 是否有合并单元格的操作 341 | var mergeRow = cell.merge[0] + 1 342 | var mergeCol = cell.merge[1] + 1 343 | 344 | // 记录合并的行跟列 345 | for(var r = 0; r < mergeRow; r ++) { 346 | const index = `${row + r}-${col}` 347 | mergeMap.set(index, true) 348 | 349 | for(var c = 0; c < mergeCol; c ++) { 350 | const index = `${row + r}-${col + c}` 351 | mergeMap.set(index, true) 352 | } 353 | } 354 | 355 | html += ``; 356 | } else { 357 | // 无合并单元格直接添加 358 | html += ``; 359 | } 360 | } else { 361 | // 添加空白单元格需要判断是否被合并了 362 | const index = `${row}-${col}` 363 | if (!mergeMap.get(index)) { 364 | // 单元格没数据添加空白单元格 & 没有被合并单元格 365 | html += ``; 366 | } 367 | } 368 | } else { 369 | const index = `${row}-${col}` 370 | // 添加空白单元格需要判断是否被合并了 371 | if (!mergeMap.get(index)) { 372 | // 单元格没数据添加空白单元格 & 没有被合并单元格 373 | html += ``; 374 | } 375 | } 376 | } 377 | 378 | html += ""; 379 | } 380 | } else { 381 | new Notice(t("PLEASE_SELECT_DATA")); 382 | } 383 | 384 | html += "
${cell.text || ""}${cell.text || ""}
"; 385 | 386 | navigator.clipboard.writeText(html); 387 | new Notice(t("COPY_TO_HTML_SUCCESS")); 388 | } 389 | 390 | onResize() { 391 | if (Platform.isDesktopApp) { 392 | this.refresh(); 393 | } 394 | // console.log('resize') 395 | super.onResize(); 396 | } 397 | } 398 | -------------------------------------------------------------------------------- /src/MarkdownPostProcessor.ts: -------------------------------------------------------------------------------- 1 | import { 2 | MarkdownPostProcessorContext, 3 | MetadataCache, 4 | TFile, 5 | Vault, 6 | } from "obsidian"; 7 | import ExcelPlugin from "./main"; 8 | import Spreadsheet from "x-data-spreadsheet"; 9 | import { 10 | getExcelData, 11 | getExcelAreaData, 12 | getExcelAreaHtml, 13 | } from "./utils/DataUtils"; 14 | import { updateSheetTheme } from "./utils/ThemeUtils"; 15 | import da from "./lang/locale/da"; 16 | 17 | let plugin: ExcelPlugin; 18 | let vault: Vault; 19 | let metadataCache: MetadataCache; 20 | 21 | export const initializeMarkdownPostProcessor = (p: ExcelPlugin) => { 22 | plugin = p; 23 | vault = p.app.vault; 24 | metadataCache = p.app.metadataCache; 25 | }; 26 | 27 | // 编辑模式 28 | const tmpObsidianWYSIWYG = async ( 29 | el: HTMLElement, 30 | ctx: MarkdownPostProcessorContext 31 | ) => { 32 | const file = plugin.app.vault.getAbstractFileByPath(ctx.sourcePath); 33 | // console.log("tmpObsidianWYSIWYG"); 34 | if (!(file instanceof TFile)) return; 35 | if (!plugin.isExcelFile(file)) return; 36 | 37 | //@ts-ignore 38 | if (ctx.remainingNestLevel < 4) { 39 | return; 40 | } 41 | 42 | //internal-embed: Excalidraw is embedded into a markdown document 43 | //markdown-reading-view: we are processing the markdown reading view of an actual Excalidraw file 44 | //markdown-embed: we are processing the hover preview of a markdown file 45 | //alt, width, and height attributes of .internal-embed to size and style the image 46 | 47 | //@ts-ignore 48 | const containerEl = ctx.containerEl; 49 | let internalEmbedDiv: HTMLElement = containerEl; 50 | while ( 51 | !internalEmbedDiv.hasClass("dataview") && 52 | !internalEmbedDiv.hasClass("cm-preview-code-block") && 53 | !internalEmbedDiv.hasClass("cm-embed-block") && 54 | !internalEmbedDiv.hasClass("internal-embed") && 55 | !internalEmbedDiv.hasClass("markdown-reading-view") && 56 | !internalEmbedDiv.hasClass("markdown-embed") && 57 | internalEmbedDiv.parentElement 58 | ) { 59 | internalEmbedDiv = internalEmbedDiv.parentElement; 60 | } 61 | 62 | if ( 63 | internalEmbedDiv.hasClass("dataview") || 64 | internalEmbedDiv.hasClass("cm-preview-code-block") || 65 | internalEmbedDiv.hasClass("cm-embed-block") 66 | ) { 67 | return; //https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/835 68 | } 69 | 70 | const markdownEmbed = internalEmbedDiv.hasClass("markdown-embed"); 71 | const markdownReadingView = internalEmbedDiv.hasClass( 72 | "markdown-reading-view" 73 | ); 74 | if ( 75 | !internalEmbedDiv.hasClass("internal-embed") && 76 | (markdownEmbed || markdownReadingView) 77 | ) { 78 | //We are processing the markdown preview of an actual Excalidraw file 79 | //the excalidraw file in markdown preview mode 80 | const isFrontmatterDiv = Boolean(el.querySelector(".frontmatter")); 81 | el.empty(); 82 | if (!isFrontmatterDiv) { 83 | if (el.parentElement === containerEl) containerEl.removeChild(el); 84 | return; 85 | } 86 | internalEmbedDiv.empty(); 87 | 88 | const data = await vault.read(file); 89 | var src = internalEmbedDiv.getAttribute("src") ?? ""; 90 | // 是否转换成HTML 91 | var toHTML = false; 92 | if (src.includes("{html}")) { 93 | toHTML = true; 94 | src = src.replace("{html}", ""); 95 | } 96 | 97 | alt = internalEmbedDiv.getAttribute("alt") ?? ""; 98 | if (alt.includes("{html}")) { 99 | // 单 sheet 中的某一区域 100 | toHTML = true; 101 | alt = alt.replace("{html}", ""); 102 | } 103 | 104 | const split = src.split("#"); 105 | var excelData = getExcelData(data); 106 | if (split.length > 1) { 107 | excelData = getExcelAreaData(data, split[1], alt); 108 | } 109 | 110 | // 生成内容 111 | if (toHTML) { 112 | const table = createEditSheetHtml(data, file, split[1], alt) 113 | internalEmbedDiv.appendChild(table); 114 | } else { 115 | const sheetDiv = createSheetEl( 116 | excelData, 117 | file, 118 | internalEmbedDiv.clientWidth 119 | ); 120 | internalEmbedDiv.appendChild(sheetDiv); 121 | } 122 | 123 | if (markdownEmbed) { 124 | //display image on canvas without markdown frame 125 | internalEmbedDiv.removeClass("markdown-embed"); 126 | internalEmbedDiv.removeClass("inline-embed"); 127 | } 128 | } 129 | 130 | el.empty(); 131 | 132 | if (internalEmbedDiv.hasAttribute("ready")) { 133 | return; 134 | } 135 | internalEmbedDiv.setAttribute("ready", ""); 136 | 137 | internalEmbedDiv.empty(); 138 | 139 | const data = await vault.read(file); 140 | var src = internalEmbedDiv.getAttribute("src") ?? ""; 141 | 142 | // 是否转换成HTML 143 | var toHTML = false; 144 | if (src.includes("{html}")) { 145 | // 单 sheet 146 | toHTML = true; 147 | src = src.replace("{html}", ""); 148 | } 149 | 150 | var alt = internalEmbedDiv.getAttribute("alt") ?? ""; 151 | if (alt.includes("{html}")) { 152 | // 单 sheet 中的某一区域 153 | toHTML = true; 154 | alt = alt.replace("{html}", ""); 155 | } 156 | 157 | var heigh = parseInt(plugin.settings.sheetHeight); 158 | const matchResult = alt.match(/<(\d+)>/); 159 | 160 | if (matchResult && matchResult.length > 1) { 161 | const extractedValue = matchResult[1]; // 获取匹配到的数字 162 | // console.log("Extracted value:", extractedValue); 163 | heigh = parseInt(extractedValue); 164 | alt = alt.replace(/<\d+>/, ""); 165 | } else { 166 | // console.log("No match found."); 167 | } 168 | 169 | const split = src.split("#"); 170 | var excelData = getExcelData(data); 171 | if (split.length > 1) { 172 | excelData = getExcelAreaData(data, split[1], alt); 173 | } 174 | 175 | // console.log('internalEmbedDiv', excelData, src, alt) 176 | if (toHTML) { 177 | const table = createEditSheetHtml(data, file, split[1], alt) 178 | internalEmbedDiv.appendChild(table); 179 | } else { 180 | const sheetDiv = createSheetEl( 181 | excelData, 182 | file, 183 | internalEmbedDiv.clientWidth, 184 | heigh 185 | ); 186 | internalEmbedDiv.appendChild(sheetDiv); 187 | } 188 | if (markdownEmbed) { 189 | //display image on canvas without markdown frame 190 | internalEmbedDiv.removeClass("markdown-embed"); 191 | internalEmbedDiv.removeClass("inline-embed"); 192 | } 193 | }; 194 | 195 | 196 | /** 197 | * 编辑模式下转换成 HTML 显示 198 | * @param data markdown 文件原始data 199 | * @param sheet sheet 名称 200 | * @param cells 选中的cells 格式为: sri-sci:eri-eci 例如 6-6:7-8 201 | * @returns 202 | */ 203 | const createEditSheetHtml = ( 204 | excelData: string, 205 | file: TFile, 206 | sheet: string, 207 | cells: string 208 | ): HTMLDivElement => { 209 | const sheetDiv = createDiv(); 210 | 211 | if (plugin.settings.showSheetButton == "true") { 212 | const fileEmbed = sheetDiv.createDiv({ 213 | cls: "internal-embed file-embed mod-generic is-loaded", 214 | text: file.basename, 215 | attr: { 216 | src: file.basename, 217 | alt: file.basename, 218 | contenteditable: false, 219 | tabindex: -1, 220 | }, 221 | }); 222 | 223 | // 点击按钮打开 sheet 224 | fileEmbed.onClickEvent((e) => { 225 | e.stopPropagation(); 226 | plugin.app.workspace.getLeaf().openFile(file); 227 | }); 228 | } 229 | 230 | var table = getExcelAreaHtml(excelData, sheet, cells); 231 | 232 | var div = createDiv({ 233 | cls: "sheet-html", 234 | attr: { 235 | tabindex: "-1", 236 | contenteditable: "false" 237 | } 238 | }) 239 | div.appendChild(table) 240 | sheetDiv.appendChild(div); 241 | return sheetDiv; 242 | }; 243 | 244 | /** 245 | * 预览模式下转换成 HTML 显示 246 | * @param data markdown 文件原始data 247 | * @param sheet sheet 名称 248 | * @param cells 选中的cells 格式为: sri-sci:eri-eci 例如 6-6:7-8 249 | * @returns 250 | */ 251 | const createSheetHtml = ( 252 | data: string, 253 | file: TFile, 254 | sheet: string, 255 | cells: string 256 | ): HTMLDivElement => { 257 | const sheetDiv = createDiv(); 258 | 259 | if (plugin.settings.showSheetButton == "true") { 260 | const fileEmbed = sheetDiv.createDiv({ 261 | cls: "internal-embed file-embed mod-generic is-loaded", 262 | text: file.basename, 263 | attr: { 264 | src: file.basename, 265 | alt: file.basename, 266 | contenteditable: false, 267 | tabindex: -1, 268 | }, 269 | }); 270 | 271 | // 点击按钮打开 sheet 272 | fileEmbed.onClickEvent((e) => { 273 | e.stopPropagation(); 274 | plugin.app.workspace.getLeaf().openFile(file); 275 | }); 276 | } 277 | 278 | const sheetEl = createDiv({ 279 | attr: { 280 | style: "overflow-x: auto;" 281 | }, 282 | }); 283 | 284 | const table = getExcelAreaHtml(data, sheet, cells); 285 | sheetEl.appendChild(table); 286 | sheetDiv.appendChild(sheetEl); 287 | return sheetDiv; 288 | }; 289 | 290 | /** 291 | * bembed link 显示 292 | */ 293 | const createSheetEl = ( 294 | data: string, 295 | file: TFile, 296 | width: number, 297 | height: number = 300 298 | ): HTMLDivElement => { 299 | const sheetDiv = createDiv(); 300 | 301 | if (plugin.settings.showSheetButton == "true") { 302 | const fileEmbed = sheetDiv.createDiv({ 303 | cls: "internal-embed file-embed mod-generic is-loaded", 304 | text: file.basename, 305 | attr: { 306 | src: file.basename, 307 | alt: file.basename, 308 | contenteditable: false, 309 | tabindex: -1, 310 | }, 311 | }); 312 | 313 | // 点击按钮打开 sheet 314 | fileEmbed.onClickEvent((e) => { 315 | e.stopPropagation(); 316 | plugin.app.workspace.getLeaf().openFile(file); 317 | }); 318 | } 319 | //
Excel 2023-09-07 17.18.19.sheet
320 | 321 | 322 | const sheetEl = createDiv({ 323 | cls: "sheet-iframe", 324 | attr: { 325 | id: `x-spreadsheet-${new Date().getTime()}`, 326 | style: `height: ${height}px`, 327 | }, 328 | }); 329 | 330 | const jsonData = JSON.parse(data || "{}") || {}; 331 | // console.log("createSheetEl", jsonData, data) 332 | 333 | // 设置 sheet 样式 334 | var style = { 335 | bgcolor: "#ffffff", 336 | align: "left", 337 | valign: "middle", 338 | textwrap: false, 339 | strike: false, 340 | underline: false, 341 | color: "#0a0a0a", 342 | font: { 343 | name: "Helvetica", 344 | size: 10, 345 | bold: false, 346 | italic: false, 347 | }, 348 | }; 349 | 350 | if (plugin.settings.theme === "dark") { 351 | style = { 352 | bgcolor: "#363636", 353 | align: "left", 354 | valign: "middle", 355 | textwrap: false, 356 | strike: false, 357 | underline: false, 358 | color: "#e6e6e6", 359 | font: { 360 | name: "Helvetica", 361 | size: 10, 362 | bold: false, 363 | italic: false, 364 | }, 365 | }; 366 | } 367 | 368 | //@ts-ignore 369 | const sheet = new Spreadsheet(sheetEl, { 370 | mode: "read", 371 | showToolbar: false, 372 | showBottomBar: true, 373 | view: { 374 | height: () => height, 375 | width: () => width - 10, 376 | }, 377 | row: { 378 | len: parseInt(plugin.settings.defaultRowsLen), 379 | height: parseInt(plugin.settings.rowHeight), 380 | }, 381 | col: { 382 | len: parseInt(plugin.settings.defaultColsLen), 383 | width: parseInt(plugin.settings.colWidth), 384 | indexWidth: 60, 385 | minWidth: 60, 386 | }, 387 | // @ts-ignore 388 | style: style, 389 | isDark: plugin.settings.theme === "dark", 390 | }).loadData(jsonData); // load data 391 | 392 | updateSheetTheme(plugin.settings.theme === "dark"); 393 | 394 | // @ts-ignore 395 | sheet.validate(); 396 | sheetDiv.appendChild(sheetEl); 397 | return sheetDiv; 398 | }; 399 | 400 | /** 401 | * 402 | * @param el 403 | * @param ctx 404 | */ 405 | export const markdownPostProcessor = async ( 406 | el: HTMLElement, 407 | ctx: MarkdownPostProcessorContext 408 | ) => { 409 | //check to see if we are rendering in editing mode or live preview 410 | //if yes, then there should be no .internal-embed containers 411 | const embeddedItems = el.querySelectorAll(".internal-embed"); 412 | // console.log("markdownPostProcessor", embeddedItems.length); 413 | if (embeddedItems.length === 0) { 414 | tmpObsidianWYSIWYG(el, ctx); 415 | return; 416 | } 417 | 418 | await processReadingMode(embeddedItems, ctx); 419 | }; 420 | 421 | const processReadingMode = async ( 422 | embeddedItems: NodeListOf | [HTMLElement], 423 | ctx: MarkdownPostProcessorContext 424 | ) => { 425 | // console.log("processReadingMode"); 426 | //We are processing a non-excalidraw file in reading mode 427 | //Embedded files will be displayed in an .internal-embed container 428 | 429 | //Iterating all the containers in the file to check which one is an excalidraw drawing 430 | //This is a for loop instead of embeddedItems.forEach() because processInternalEmbed at the end 431 | //is awaited, otherwise excalidraw images would not display in the Kanban plugin 432 | embeddedItems.forEach(async (maybeDrawing, index) => { 433 | //check to see if the file in the src attribute exists 434 | // console.log(maybeDrawing); 435 | const fname = maybeDrawing.getAttribute("src")?.split("#")[0]; 436 | if (!fname) return true; 437 | 438 | const file = metadataCache.getFirstLinkpathDest(fname, ctx.sourcePath); 439 | // console.log("forEach", file, ctx.sourcePath); 440 | 441 | //if the embeddedFile exits and it is an Excalidraw file 442 | //then lets replace the .internal-embed with the generated PNG or SVG image 443 | if (file && file instanceof TFile && plugin.isExcelFile(file)) { 444 | maybeDrawing.parentElement?.replaceChild( 445 | await processInternalEmbed(maybeDrawing, file), 446 | maybeDrawing 447 | ); 448 | } 449 | }); 450 | }; 451 | 452 | const processInternalEmbed = async ( 453 | internalEmbedEl: Element, 454 | file: TFile 455 | ): Promise => { 456 | var src = internalEmbedEl.getAttribute("src"); 457 | //@ts-ignore 458 | if (!src) return; 459 | 460 | //https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/1059 461 | internalEmbedEl.removeClass("markdown-embed"); 462 | internalEmbedEl.removeClass("inline-embed"); 463 | 464 | const data = await vault.read(file); 465 | 466 | 467 | // 是否转换成HTML 468 | var toHTML = false; 469 | if (src.includes("{html}")) { 470 | toHTML = true; 471 | src = src.replace("{html}", ""); 472 | } 473 | 474 | var alt = internalEmbedEl.getAttribute("alt") ?? ""; 475 | if (alt.includes("{html}")) { 476 | // 单 sheet 中的某一区域 477 | toHTML = true; 478 | alt = alt.replace("{html}", ""); 479 | } 480 | 481 | const split = src.split("#"); 482 | var excelData = getExcelData(data); 483 | if (split.length > 1) { 484 | excelData = getExcelAreaData(data, split[1], alt); 485 | } 486 | 487 | 488 | // console.log('internalEmbedDiv', excelData, src, alt, toHTML) 489 | if (toHTML) { 490 | return await createSheetHtml(data, file, split[1], alt); 491 | } else { 492 | return await createSheetEl( 493 | excelData, 494 | file, 495 | internalEmbedEl.clientWidth 496 | ); 497 | } 498 | }; 499 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | 635 | Copyright (C) 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | Copyright (C) 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | -------------------------------------------------------------------------------- /main.css: -------------------------------------------------------------------------------- 1 | /* node_modules/x-data-spreadsheet/src/index.less */ 2 | body { 3 | margin: 0; 4 | } 5 | .x-spreadsheet { 6 | font-size: 13px; 7 | line-height: normal; 8 | user-select: none; 9 | -moz-user-select: none; 10 | font-family: 11 | "Lato", 12 | "Source Sans Pro", 13 | Roboto, 14 | Helvetica, 15 | Arial, 16 | sans-serif; 17 | box-sizing: content-box; 18 | background: #fff; 19 | -webkit-font-smoothing: antialiased; 20 | } 21 | .x-spreadsheet textarea { 22 | font: 23 | 400 13px Arial, 24 | "Lato", 25 | "Source Sans Pro", 26 | Roboto, 27 | Helvetica, 28 | sans-serif; 29 | } 30 | .x-spreadsheet-sheet { 31 | position: relative; 32 | overflow: hidden; 33 | } 34 | .x-spreadsheet-table { 35 | vertical-align: bottom; 36 | } 37 | .x-spreadsheet-tooltip { 38 | font-family: inherit; 39 | position: absolute; 40 | padding: 5px 10px; 41 | color: #fff; 42 | border-radius: 1px; 43 | background: #000000; 44 | font-size: 12px; 45 | z-index: 201; 46 | } 47 | .x-spreadsheet-tooltip:before { 48 | pointer-events: none; 49 | position: absolute; 50 | left: calc(50% - 4px); 51 | top: -4px; 52 | content: ""; 53 | width: 8px; 54 | height: 8px; 55 | background: inherit; 56 | -webkit-transform: rotate(45deg); 57 | transform: rotate(45deg); 58 | z-index: 1; 59 | box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3); 60 | } 61 | .x-spreadsheet-color-palette { 62 | padding: 5px; 63 | } 64 | .x-spreadsheet-color-palette table { 65 | margin: 0; 66 | padding: 0; 67 | border-collapse: separate; 68 | border-spacing: 2; 69 | background: #fff; 70 | } 71 | .x-spreadsheet-color-palette table td { 72 | margin: 0; 73 | cursor: pointer; 74 | border: 1px solid transparent; 75 | } 76 | .x-spreadsheet-color-palette table td:hover { 77 | border-color: #ddd; 78 | } 79 | .x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell { 80 | width: 16px; 81 | height: 16px; 82 | } 83 | .x-spreadsheet-border-palette { 84 | padding: 6px; 85 | } 86 | .x-spreadsheet-border-palette table { 87 | margin: 0; 88 | padding: 0; 89 | border-collapse: separate; 90 | border-spacing: 0; 91 | background: #fff; 92 | table-layout: fixed; 93 | } 94 | .x-spreadsheet-border-palette table td { 95 | margin: 0; 96 | } 97 | .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left { 98 | border-right: 1px solid #eee; 99 | padding-right: 6px; 100 | } 101 | .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell { 102 | width: 30px; 103 | height: 30px; 104 | cursor: pointer; 105 | text-align: center; 106 | } 107 | .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell .x-spreadsheet-icon-img { 108 | opacity: 0.8; 109 | } 110 | .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover { 111 | background-color: #eee; 112 | } 113 | .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right { 114 | padding-left: 6px; 115 | } 116 | .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-toolbar-btn { 117 | margin-top: 0; 118 | margin-bottom: 3px; 119 | } 120 | .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type { 121 | position: relative; 122 | left: 0; 123 | top: -3px; 124 | } 125 | .x-spreadsheet-dropdown { 126 | position: relative; 127 | } 128 | .x-spreadsheet-dropdown .x-spreadsheet-dropdown-content { 129 | position: absolute; 130 | z-index: 200; 131 | background: #fff; 132 | box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15); 133 | } 134 | .x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content { 135 | top: calc(100% + 5px); 136 | left: 0; 137 | } 138 | .x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content { 139 | top: calc(100% + 5px); 140 | right: 0; 141 | } 142 | .x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content { 143 | bottom: calc(100% + 5px); 144 | left: 0; 145 | } 146 | .x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content { 147 | bottom: calc(100% + 5px); 148 | right: 0; 149 | } 150 | .x-spreadsheet-dropdown .x-spreadsheet-dropdown-title { 151 | padding: 0 5px; 152 | display: inline-block; 153 | } 154 | .x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-left { 155 | margin-left: 4px; 156 | } 157 | .x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right { 158 | width: 10px; 159 | margin-right: 4px; 160 | } 161 | .x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right .arrow-down { 162 | left: -130px; 163 | } 164 | .x-spreadsheet-resizer { 165 | position: absolute; 166 | z-index: 11; 167 | } 168 | .x-spreadsheet-resizer .x-spreadsheet-resizer-hover { 169 | background-color: rgba(75, 137, 255, 0.25); 170 | } 171 | .x-spreadsheet-resizer .x-spreadsheet-resizer-line { 172 | position: absolute; 173 | } 174 | .x-spreadsheet-resizer.horizontal { 175 | cursor: row-resize; 176 | } 177 | .x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line { 178 | border-bottom: 2px dashed #4b89ff; 179 | left: 0; 180 | bottom: 0; 181 | } 182 | .x-spreadsheet-resizer.vertical { 183 | cursor: col-resize; 184 | } 185 | .x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line { 186 | border-right: 2px dashed #4b89ff; 187 | top: 0; 188 | right: 0; 189 | } 190 | .x-spreadsheet-scrollbar { 191 | position: absolute; 192 | bottom: 0; 193 | right: 0; 194 | background-color: #f4f5f8; 195 | opacity: 0.9; 196 | z-index: 12; 197 | } 198 | .x-spreadsheet-scrollbar.horizontal { 199 | right: 15px; 200 | overflow-x: scroll; 201 | overflow-y: hidden; 202 | } 203 | .x-spreadsheet-scrollbar.horizontal > div { 204 | height: 1px; 205 | background: #ddd; 206 | } 207 | .x-spreadsheet-scrollbar.vertical { 208 | bottom: 15px; 209 | overflow-x: hidden; 210 | overflow-y: scroll; 211 | } 212 | .x-spreadsheet-scrollbar.vertical > div { 213 | width: 1px; 214 | background: #ddd; 215 | } 216 | .x-spreadsheet-overlayer { 217 | position: absolute; 218 | left: 0; 219 | top: 0; 220 | z-index: 10; 221 | } 222 | .x-spreadsheet-overlayer .x-spreadsheet-overlayer-content { 223 | position: absolute; 224 | overflow: hidden; 225 | pointer-events: none; 226 | width: 100%; 227 | height: 100%; 228 | } 229 | .x-spreadsheet-editor, 230 | .x-spreadsheet-selector { 231 | box-sizing: content-box; 232 | position: absolute; 233 | overflow: hidden; 234 | pointer-events: none; 235 | top: 0; 236 | left: 0; 237 | width: 100%; 238 | height: 100%; 239 | } 240 | .x-spreadsheet-selector .hide-input { 241 | position: absolute; 242 | z-index: 0; 243 | } 244 | .x-spreadsheet-selector .hide-input input { 245 | padding: 0; 246 | width: 0; 247 | border: none !important; 248 | } 249 | .x-spreadsheet-selector .x-spreadsheet-selector-area { 250 | position: absolute; 251 | border: 2px solid #4b89ff; 252 | background: rgba(75, 137, 255, 0.1); 253 | z-index: 5; 254 | } 255 | .x-spreadsheet-selector .x-spreadsheet-selector-clipboard, 256 | .x-spreadsheet-selector .x-spreadsheet-selector-autofill { 257 | position: absolute; 258 | background: transparent; 259 | z-index: 100; 260 | } 261 | .x-spreadsheet-selector .x-spreadsheet-selector-clipboard { 262 | border: 2px dashed #4b89ff; 263 | } 264 | .x-spreadsheet-selector .x-spreadsheet-selector-autofill { 265 | border: 1px dashed rgba(0, 0, 0, 0.45); 266 | } 267 | .x-spreadsheet-selector .x-spreadsheet-selector-corner { 268 | pointer-events: auto; 269 | position: absolute; 270 | cursor: crosshair; 271 | font-size: 0; 272 | height: 5px; 273 | width: 5px; 274 | right: -5px; 275 | bottom: -5px; 276 | border: 2px solid #ffffff; 277 | background: #4b89ff; 278 | } 279 | .x-spreadsheet-editor { 280 | z-index: 20; 281 | } 282 | .x-spreadsheet-editor .x-spreadsheet-editor-area { 283 | position: absolute; 284 | text-align: left; 285 | border: 2px solid #4b89ff; 286 | line-height: 0; 287 | z-index: 100; 288 | pointer-events: auto; 289 | } 290 | .x-spreadsheet-editor .x-spreadsheet-editor-area textarea { 291 | box-sizing: content-box; 292 | border: none; 293 | padding: 0 3px; 294 | outline: none; 295 | resize: none; 296 | text-align: start; 297 | overflow-y: hidden; 298 | font: 299 | 400 13px Arial, 300 | "Lato", 301 | "Source Sans Pro", 302 | Roboto, 303 | Helvetica, 304 | sans-serif; 305 | color: inherit; 306 | white-space: normal; 307 | word-wrap: break-word; 308 | line-height: 22px; 309 | margin: 0; 310 | } 311 | .x-spreadsheet-editor .x-spreadsheet-editor-area .textline { 312 | overflow: hidden; 313 | visibility: hidden; 314 | position: fixed; 315 | top: 0; 316 | left: 0; 317 | } 318 | .x-spreadsheet-item { 319 | user-select: none; 320 | background: 0; 321 | border: 1px solid transparent; 322 | outline: none; 323 | height: 26px; 324 | color: rgba(0, 0, 0, 0.9); 325 | line-height: 26px; 326 | list-style: none; 327 | padding: 2px 10px; 328 | cursor: default; 329 | text-align: left; 330 | overflow: hidden; 331 | } 332 | .x-spreadsheet-item.disabled { 333 | pointer-events: none; 334 | opacity: 0.5; 335 | } 336 | .x-spreadsheet-item:hover, 337 | .x-spreadsheet-item.active { 338 | background: rgba(0, 0, 0, 0.05); 339 | } 340 | .x-spreadsheet-item.divider { 341 | height: 0; 342 | padding: 0; 343 | margin: 5px 0; 344 | border: none; 345 | border-bottom: 1px solid rgba(0, 0, 0, 0.1); 346 | } 347 | .x-spreadsheet-item .label { 348 | float: right; 349 | opacity: 0.65; 350 | font-size: 1em; 351 | } 352 | .x-spreadsheet-item.state, 353 | .x-spreadsheet-header.state { 354 | padding-left: 35px !important; 355 | position: relative; 356 | } 357 | .x-spreadsheet-item.state:before, 358 | .x-spreadsheet-header.state:before { 359 | content: ""; 360 | position: absolute; 361 | width: 10px; 362 | height: 10px; 363 | left: 12px; 364 | top: calc(50% - 5px); 365 | background: rgba(0, 0, 0, 0.08); 366 | border-radius: 2px; 367 | } 368 | .x-spreadsheet-item.state.checked:before, 369 | .x-spreadsheet-header.state.checked:before { 370 | background: #4b89ff; 371 | } 372 | .x-spreadsheet-checkbox { 373 | position: relative; 374 | display: inline-block; 375 | backface-visibility: hidden; 376 | outline: 0; 377 | vertical-align: baseline; 378 | font-style: normal; 379 | font-size: 1rem; 380 | line-height: 1em; 381 | } 382 | .x-spreadsheet-checkbox > input { 383 | position: absolute; 384 | top: 0; 385 | left: 0; 386 | opacity: 0 !important; 387 | outline: 0; 388 | z-index: -1; 389 | } 390 | .x-spreadsheet-suggest, 391 | .x-spreadsheet-contextmenu, 392 | .x-spreadsheet-sort-filter { 393 | position: absolute; 394 | box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15); 395 | background: #fff; 396 | z-index: 100; 397 | width: 260px; 398 | pointer-events: auto; 399 | overflow: auto; 400 | } 401 | .x-spreadsheet-suggest { 402 | width: 200px; 403 | } 404 | .x-spreadsheet-filter { 405 | border: 1px solid #e9e9e9; 406 | font-size: 12px; 407 | margin: 10px; 408 | } 409 | .x-spreadsheet-filter .x-spreadsheet-header { 410 | padding: 0.5em 0.75em; 411 | background: #f8f8f9; 412 | border-bottom: 1px solid #e9e9e9; 413 | border-left: 1px solid transparent; 414 | } 415 | .x-spreadsheet-filter .x-spreadsheet-body { 416 | height: 200px; 417 | overflow-y: auto; 418 | } 419 | .x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item { 420 | height: 20px; 421 | line-height: 20px; 422 | } 423 | .x-spreadsheet-sort-filter .x-spreadsheet-buttons { 424 | margin: 10px; 425 | } 426 | .x-spreadsheet-toolbar, 427 | .x-spreadsheet-bottombar { 428 | height: 40px; 429 | padding: 0 30px; 430 | text-align: left; 431 | background: #f5f6f7; 432 | display: flex; 433 | } 434 | .x-spreadsheet-bottombar { 435 | position: relative; 436 | border-top: 1px solid #e0e2e4; 437 | } 438 | .x-spreadsheet-bottombar .x-spreadsheet-menu > li { 439 | line-height: 40px; 440 | height: 40px; 441 | padding-top: 0; 442 | padding-bottom: 0; 443 | vertical-align: middle; 444 | border-right: 1px solid #e8eaed; 445 | } 446 | .x-spreadsheet-menu { 447 | list-style: none; 448 | margin: 0; 449 | padding: 0; 450 | user-select: none; 451 | } 452 | .x-spreadsheet-menu > li { 453 | float: left; 454 | line-height: 1.25em; 455 | padding: 0.785em 1em; 456 | margin: 0; 457 | vertical-align: middle; 458 | text-align: left; 459 | font-weight: 400; 460 | color: #80868b; 461 | white-space: nowrap; 462 | cursor: pointer; 463 | transition: all 0.3s; 464 | font-weight: bold; 465 | } 466 | .x-spreadsheet-menu > li.active { 467 | background-color: #fff; 468 | color: rgba(0, 0, 0, 0.65); 469 | } 470 | .x-spreadsheet-menu > li .x-spreadsheet-icon { 471 | margin: 0 6px; 472 | } 473 | .x-spreadsheet-menu > li .x-spreadsheet-icon .x-spreadsheet-icon-img:hover { 474 | opacity: 0.85; 475 | } 476 | .x-spreadsheet-menu > li .x-spreadsheet-dropdown { 477 | display: inline-block; 478 | } 479 | .x-spreadsheet-toolbar { 480 | border-bottom: 1px solid #e0e2e4; 481 | } 482 | .x-spreadsheet-toolbar .x-spreadsheet-toolbar-btns { 483 | display: inline-flex; 484 | } 485 | .x-spreadsheet-toolbar .x-spreadsheet-toolbar-more { 486 | padding: 0 6px 6px; 487 | text-align: left; 488 | } 489 | .x-spreadsheet-toolbar .x-spreadsheet-toolbar-more .x-spreadsheet-toolbar-divider { 490 | margin-top: 0; 491 | } 492 | .x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn { 493 | flex: 0 0 auto; 494 | display: inline-block; 495 | border: 1px solid transparent; 496 | height: 26px; 497 | line-height: 26px; 498 | min-width: 26px; 499 | margin: 6px 1px 0; 500 | padding: 0; 501 | text-align: center; 502 | border-radius: 2px; 503 | } 504 | .x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn.disabled { 505 | pointer-events: none; 506 | opacity: 0.5; 507 | } 508 | .x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn:hover, 509 | .x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn.active { 510 | background: rgba(0, 0, 0, 0.08); 511 | } 512 | .x-spreadsheet-toolbar-divider { 513 | display: inline-block; 514 | border-right: 1px solid #e0e2e4; 515 | width: 0; 516 | vertical-align: middle; 517 | height: 18px; 518 | margin: 12px 3px 0; 519 | } 520 | .x-spreadsheet-print { 521 | position: absolute; 522 | left: 0; 523 | top: 0; 524 | z-index: 100; 525 | width: 100%; 526 | height: 100%; 527 | display: flex; 528 | flex-direction: column; 529 | } 530 | .x-spreadsheet-print-bar { 531 | background: #424242; 532 | height: 60px; 533 | line-height: 60px; 534 | padding: 0 30px; 535 | } 536 | .x-spreadsheet-print-bar .-title { 537 | color: #fff; 538 | font-weight: bold; 539 | font-size: 1.2em; 540 | float: left; 541 | } 542 | .x-spreadsheet-print-bar .-right { 543 | float: right; 544 | margin-top: 12px; 545 | } 546 | .x-spreadsheet-print-content { 547 | display: flex; 548 | flex: auto; 549 | flex-direction: row; 550 | background: #d0d0d0; 551 | height: calc(100% - 60px); 552 | } 553 | .x-spreadsheet-print-content .-sider { 554 | flex: 0 0 300px; 555 | width: 300px; 556 | border-left: 2px solid #ccc; 557 | background: #fff; 558 | } 559 | .x-spreadsheet-print-content .-content { 560 | flex: auto; 561 | overflow-x: auto; 562 | overflow-y: scroll; 563 | height: 100%; 564 | } 565 | .x-spreadsheet-canvas-card-wraper { 566 | margin: 40px 20px; 567 | } 568 | .x-spreadsheet-canvas-card { 569 | background: #fff; 570 | margin: auto; 571 | page-break-before: auto; 572 | page-break-after: always; 573 | box-shadow: 574 | 0 8px 10px 1px rgba(0, 0, 0, 0.14), 575 | 0 3px 14px 3px rgba(0, 0, 0, 0.12), 576 | 0 4px 5px 0 rgba(0, 0, 0, 0.2); 577 | } 578 | .x-spreadsheet-calendar { 579 | color: rgba(0, 0, 0, 0.65); 580 | background: #ffffff; 581 | user-select: none; 582 | } 583 | .x-spreadsheet-calendar .calendar-header { 584 | font-weight: 700; 585 | line-height: 30px; 586 | text-align: center; 587 | width: 100%; 588 | float: left; 589 | background: #f9fafb; 590 | } 591 | .x-spreadsheet-calendar .calendar-header .calendar-header-left { 592 | padding-left: 5px; 593 | float: left; 594 | } 595 | .x-spreadsheet-calendar .calendar-header .calendar-header-right { 596 | float: right; 597 | } 598 | .x-spreadsheet-calendar .calendar-header .calendar-header-right a { 599 | padding: 3px 0; 600 | margin-right: 2px; 601 | border-radius: 2px; 602 | } 603 | .x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover { 604 | background: rgba(0, 0, 0, 0.08); 605 | } 606 | .x-spreadsheet-calendar .calendar-body { 607 | border-collapse: collapse; 608 | border-spacing: 0; 609 | } 610 | .x-spreadsheet-calendar .calendar-body th, 611 | .x-spreadsheet-calendar .calendar-body td { 612 | width: 100%/7; 613 | min-width: 32px; 614 | text-align: center; 615 | font-weight: 700; 616 | line-height: 30px; 617 | padding: 0; 618 | } 619 | .x-spreadsheet-calendar .calendar-body td > .cell:hover { 620 | background: #ecf6fd; 621 | } 622 | .x-spreadsheet-calendar .calendar-body td > .cell.active, 623 | .x-spreadsheet-calendar .calendar-body td > .cell.active:hover { 624 | background: #ecf6fd; 625 | color: #2185D0; 626 | } 627 | .x-spreadsheet-calendar .calendar-body td > .cell.disabled { 628 | pointer-events: none; 629 | opacity: 0.5; 630 | } 631 | .x-spreadsheet-datepicker { 632 | box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); 633 | position: absolute; 634 | left: 0; 635 | top: calc(100% + 5px); 636 | z-index: 10; 637 | width: auto; 638 | } 639 | .x-spreadsheet-buttons { 640 | display: flex; 641 | justify-content: flex-end; 642 | } 643 | .x-spreadsheet-buttons .x-spreadsheet-button { 644 | margin-left: 8px; 645 | } 646 | .x-spreadsheet-button { 647 | display: inline-block; 648 | border-radius: 3px; 649 | line-height: 1em; 650 | min-height: 1em; 651 | white-space: nowrap; 652 | text-align: center; 653 | cursor: pointer; 654 | font-size: 1em; 655 | font-weight: 700; 656 | padding: 0.75em 1em; 657 | color: rgba(0, 0, 0, 0.6); 658 | background: #E0E1E2; 659 | text-decoration: none; 660 | font-family: 661 | "Lato", 662 | "proxima-nova", 663 | "Helvetica Neue", 664 | Arial, 665 | sans-serif; 666 | outline: none; 667 | vertical-align: baseline; 668 | zoom: 1; 669 | user-select: none; 670 | transition: all 0.1s linear; 671 | } 672 | .x-spreadsheet-button.active, 673 | .x-spreadsheet-button:hover { 674 | background-color: #C0C1C2; 675 | color: rgba(0, 0, 0, 0.8); 676 | } 677 | .x-spreadsheet-button.primary { 678 | color: #fff; 679 | background-color: #2185D0; 680 | } 681 | .x-spreadsheet-button.primary:hover, 682 | .x-spreadsheet-button.primary.active { 683 | color: #fff; 684 | background-color: #1678c2; 685 | } 686 | .x-spreadsheet-button.error { 687 | color: #fff; 688 | background-color: #DB2828; 689 | } 690 | .x-spreadsheet-button.error:hover, 691 | .x-spreadsheet-button.error.active { 692 | color: #fff; 693 | background-color: #d01919; 694 | } 695 | .x-spreadsheet-form-input { 696 | font-size: 1em; 697 | position: relative; 698 | font-weight: 400; 699 | display: inline-flex; 700 | color: rgba(0, 0, 0, 0.87); 701 | } 702 | .x-spreadsheet-form-input input { 703 | z-index: 1; 704 | margin: 0; 705 | max-width: 100%; 706 | flex: 1 0 auto; 707 | outline: 0; 708 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 709 | text-align: left; 710 | line-height: 30px; 711 | height: 30px; 712 | padding: 0 8px; 713 | background: #fff; 714 | border: 1px solid #e9e9e9; 715 | border-radius: 3px; 716 | transition: box-shadow 0.1s ease, border-color 0.1s ease; 717 | box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.06); 718 | } 719 | .x-spreadsheet-form-input input:focus { 720 | border-color: #4b89ff; 721 | box-shadow: inset 0 1px 2px rgba(75, 137, 255, 0.2); 722 | } 723 | .x-spreadsheet-form-select { 724 | position: relative; 725 | display: inline-block; 726 | background: #fff; 727 | border: 1px solid #e9e9e9; 728 | border-radius: 2px; 729 | cursor: pointer; 730 | color: rgba(0, 0, 0, 0.87); 731 | user-select: none; 732 | box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.06); 733 | } 734 | .x-spreadsheet-form-select .input-text { 735 | text-overflow: ellipsis; 736 | white-space: nowrap; 737 | min-width: 60px; 738 | width: auto; 739 | height: 30px; 740 | line-height: 30px; 741 | padding: 0 8px; 742 | } 743 | .x-spreadsheet-form-fields { 744 | display: flex; 745 | flex-direction: row; 746 | flex-wrap: wrap; 747 | } 748 | .x-spreadsheet-form-fields .x-spreadsheet-form-field { 749 | flex: 0 1 auto; 750 | } 751 | .x-spreadsheet-form-fields .x-spreadsheet-form-field .label { 752 | display: inline-block; 753 | margin: 0 10px 0 0; 754 | } 755 | .x-spreadsheet-form-field { 756 | display: block; 757 | vertical-align: middle; 758 | margin-left: 10px; 759 | margin-bottom: 10px; 760 | } 761 | .x-spreadsheet-form-field:first-child { 762 | margin-left: 0; 763 | } 764 | .x-spreadsheet-form-field.error .x-spreadsheet-form-select, 765 | .x-spreadsheet-form-field.error input { 766 | border-color: #f04134; 767 | } 768 | .x-spreadsheet-form-field .tip { 769 | color: #f04134; 770 | font-size: 0.9em; 771 | } 772 | .x-spreadsheet-dimmer { 773 | display: none; 774 | position: absolute; 775 | top: 0 !important; 776 | left: 0 !important; 777 | width: 100%; 778 | height: 100%; 779 | text-align: center; 780 | vertical-align: middle; 781 | background-color: rgba(0, 0, 0, 0.6); 782 | opacity: 0; 783 | -webkit-animation-fill-mode: both; 784 | animation-fill-mode: both; 785 | -webkit-animation-duration: 0.5s; 786 | animation-duration: 0.5s; 787 | transition: background-color 0.5s linear; 788 | user-select: none; 789 | z-index: 1000; 790 | } 791 | .x-spreadsheet-dimmer.active { 792 | display: block; 793 | opacity: 1; 794 | } 795 | form fieldset { 796 | border: none; 797 | } 798 | form fieldset label { 799 | display: block; 800 | margin-bottom: 0.5em; 801 | font-size: 1em; 802 | color: #666; 803 | } 804 | form fieldset select { 805 | font-size: 1.1em; 806 | width: 100%; 807 | background-color: #fff; 808 | border: none; 809 | border-bottom: 2px solid #ddd; 810 | padding: 0.5em 0.85em; 811 | border-radius: 2px; 812 | } 813 | .x-spreadsheet-modal, 814 | .x-spreadsheet-toast { 815 | font-size: 13px; 816 | position: fixed; 817 | z-index: 1001; 818 | text-align: left; 819 | line-height: 1.25em; 820 | min-width: 360px; 821 | color: rgba(0, 0, 0, 0.87); 822 | font-family: 823 | "Lato", 824 | "Source Sans Pro", 825 | Roboto, 826 | Helvetica, 827 | Arial, 828 | sans-serif; 829 | border-radius: 4px; 830 | border: 1px solid rgba(0, 0, 0, 0.1); 831 | background-color: #fff; 832 | background-clip: padding-box; 833 | box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; 834 | } 835 | .x-spreadsheet-toast { 836 | background-color: rgba(255, 255, 255, 0.85); 837 | } 838 | .x-spreadsheet-modal-header, 839 | .x-spreadsheet-toast-header { 840 | font-weight: 600; 841 | background-clip: padding-box; 842 | background-color: rgba(255, 255, 255, 0.85); 843 | border-bottom: 1px solid rgba(0, 0, 0, 0.05); 844 | border-radius: 4px 4px 0 0; 845 | } 846 | .x-spreadsheet-modal-header .x-spreadsheet-icon, 847 | .x-spreadsheet-toast-header .x-spreadsheet-icon { 848 | position: absolute; 849 | right: 0.8em; 850 | top: 0.65em; 851 | border-radius: 18px; 852 | } 853 | .x-spreadsheet-modal-header .x-spreadsheet-icon:hover, 854 | .x-spreadsheet-toast-header .x-spreadsheet-icon:hover { 855 | opacity: 1; 856 | background: rgba(0, 0, 0, 0.08); 857 | } 858 | .x-spreadsheet-toast-header { 859 | color: #F2711C; 860 | } 861 | .x-spreadsheet-modal-header { 862 | border-bottom: 1px solid #e0e2e4; 863 | background: rgba(0, 0, 0, 0.08); 864 | font-size: 1.0785em; 865 | } 866 | .x-spreadsheet-modal-header, 867 | .x-spreadsheet-modal-content, 868 | .x-spreadsheet-toast-header, 869 | .x-spreadsheet-toast-content { 870 | padding: 0.75em 1em; 871 | } 872 | @media screen and (min-width: 320px) and (max-width: 480px) { 873 | .x-spreadsheet-toolbar { 874 | display: none; 875 | } 876 | } 877 | .x-spreadsheet-icon { 878 | width: 18px; 879 | height: 18px; 880 | margin: 1px 1px 2px 1px; 881 | text-align: center; 882 | vertical-align: middle; 883 | user-select: none; 884 | overflow: hidden; 885 | position: relative; 886 | display: inline-block; 887 | } 888 | .x-spreadsheet-icon .x-spreadsheet-icon-img { 889 | background-image: url('data:image/svg+xml,'); 890 | position: absolute; 891 | width: 262px; 892 | height: 444px; 893 | opacity: 0.56; 894 | } 895 | .x-spreadsheet-icon .x-spreadsheet-icon-img.undo { 896 | left: 0; 897 | top: 0; 898 | } 899 | .x-spreadsheet-icon .x-spreadsheet-icon-img.redo { 900 | left: -18px; 901 | top: 0; 902 | } 903 | .x-spreadsheet-icon .x-spreadsheet-icon-img.search { 904 | left: -36px; 905 | top: 0; 906 | } 907 | .x-spreadsheet-icon .x-spreadsheet-icon-img.paintformat { 908 | left: -54px; 909 | top: 0; 910 | } 911 | .x-spreadsheet-icon .x-spreadsheet-icon-img.clearformat { 912 | left: -72px; 913 | top: 0; 914 | } 915 | .x-spreadsheet-icon .x-spreadsheet-icon-img.font-bold { 916 | left: -90px; 917 | top: 0; 918 | } 919 | .x-spreadsheet-icon .x-spreadsheet-icon-img.font-italic { 920 | left: -108px; 921 | top: 0; 922 | } 923 | .x-spreadsheet-icon .x-spreadsheet-icon-img.underline { 924 | left: -126px; 925 | top: 0; 926 | } 927 | .x-spreadsheet-icon .x-spreadsheet-icon-img.strike { 928 | left: -144px; 929 | top: 0; 930 | } 931 | .x-spreadsheet-icon .x-spreadsheet-icon-img.color { 932 | left: -162px; 933 | top: 0; 934 | } 935 | .x-spreadsheet-icon .x-spreadsheet-icon-img.bgcolor { 936 | left: -180px; 937 | top: 0; 938 | } 939 | .x-spreadsheet-icon .x-spreadsheet-icon-img.merge { 940 | left: -198px; 941 | top: 0; 942 | } 943 | .x-spreadsheet-icon .x-spreadsheet-icon-img.align-left { 944 | left: -216px; 945 | top: 0; 946 | } 947 | .x-spreadsheet-icon .x-spreadsheet-icon-img.align-center { 948 | left: -234px; 949 | top: 0; 950 | } 951 | .x-spreadsheet-icon .x-spreadsheet-icon-img.align-right { 952 | left: 0; 953 | top: -18px; 954 | } 955 | .x-spreadsheet-icon .x-spreadsheet-icon-img.align-top { 956 | left: -18px; 957 | top: -18px; 958 | } 959 | .x-spreadsheet-icon .x-spreadsheet-icon-img.align-middle { 960 | left: -36px; 961 | top: -18px; 962 | } 963 | .x-spreadsheet-icon .x-spreadsheet-icon-img.align-bottom { 964 | left: -54px; 965 | top: -18px; 966 | } 967 | .x-spreadsheet-icon .x-spreadsheet-icon-img.textwrap { 968 | left: -72px; 969 | top: -18px; 970 | } 971 | .x-spreadsheet-icon .x-spreadsheet-icon-img.autofilter { 972 | left: -90px; 973 | top: -18px; 974 | } 975 | .x-spreadsheet-icon .x-spreadsheet-icon-img.formula { 976 | left: -108px; 977 | top: -18px; 978 | } 979 | .x-spreadsheet-icon .x-spreadsheet-icon-img.arrow-down { 980 | left: -126px; 981 | top: -18px; 982 | } 983 | .x-spreadsheet-icon .x-spreadsheet-icon-img.arrow-right { 984 | left: -144px; 985 | top: -18px; 986 | } 987 | .x-spreadsheet-icon .x-spreadsheet-icon-img.link { 988 | left: -162px; 989 | top: -18px; 990 | } 991 | .x-spreadsheet-icon .x-spreadsheet-icon-img.chart { 992 | left: -180px; 993 | top: -18px; 994 | } 995 | .x-spreadsheet-icon .x-spreadsheet-icon-img.freeze { 996 | left: -198px; 997 | top: -18px; 998 | } 999 | .x-spreadsheet-icon .x-spreadsheet-icon-img.ellipsis { 1000 | left: -216px; 1001 | top: -18px; 1002 | } 1003 | .x-spreadsheet-icon .x-spreadsheet-icon-img.add { 1004 | left: -234px; 1005 | top: -18px; 1006 | } 1007 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-all { 1008 | left: 0; 1009 | top: -36px; 1010 | } 1011 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-inside { 1012 | left: -18px; 1013 | top: -36px; 1014 | } 1015 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-horizontal { 1016 | left: -36px; 1017 | top: -36px; 1018 | } 1019 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-vertical { 1020 | left: -54px; 1021 | top: -36px; 1022 | } 1023 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-outside { 1024 | left: -72px; 1025 | top: -36px; 1026 | } 1027 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-left { 1028 | left: -90px; 1029 | top: -36px; 1030 | } 1031 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-top { 1032 | left: -108px; 1033 | top: -36px; 1034 | } 1035 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-right { 1036 | left: -126px; 1037 | top: -36px; 1038 | } 1039 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-bottom { 1040 | left: -144px; 1041 | top: -36px; 1042 | } 1043 | .x-spreadsheet-icon .x-spreadsheet-icon-img.border-none { 1044 | left: -162px; 1045 | top: -36px; 1046 | } 1047 | .x-spreadsheet-icon .x-spreadsheet-icon-img.line-color { 1048 | left: -180px; 1049 | top: -36px; 1050 | } 1051 | .x-spreadsheet-icon .x-spreadsheet-icon-img.line-type { 1052 | left: -198px; 1053 | top: -36px; 1054 | } 1055 | .x-spreadsheet-icon .x-spreadsheet-icon-img.close { 1056 | left: -234px; 1057 | top: -36px; 1058 | } 1059 | .x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-down { 1060 | left: 0; 1061 | top: -54px; 1062 | } 1063 | .x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-up { 1064 | left: -18px; 1065 | top: -54px; 1066 | } 1067 | .x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-left { 1068 | left: -36px; 1069 | top: -54px; 1070 | } 1071 | .x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-right { 1072 | left: -54px; 1073 | top: -54px; 1074 | } 1075 | .x-spreadsheet-search { 1076 | position: absolute; 1077 | right: 0px; 1078 | top: 0px; 1079 | z-index: 2000; 1080 | background-color: #fff; 1081 | border: 1px solid #e9e9e9; 1082 | padding: 10px; 1083 | } 1084 | .x-spreadsheet-search .search-input { 1085 | width: 300px; 1086 | display: flex; 1087 | justify-content: space-between; 1088 | margin-bottom: 10px; 1089 | } 1090 | .x-spreadsheet-search .search-buttons { 1091 | width: 300px; 1092 | display: flex; 1093 | justify-content: space-between; 1094 | margin-bottom: 10px; 1095 | margin-right: -10px; 1096 | align-items: center; 1097 | } 1098 | .x-spreadsheet-search .search-buttons .x-spreadsheet-button { 1099 | flex: 1; 1100 | margin-left: 5px; 1101 | margin-right: 5px; 1102 | } 1103 | .x-spreadsheet-search .search-buttons .search-result-label { 1104 | flex: 1; 1105 | } 1106 | /*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsibm9kZV9tb2R1bGVzL3gtZGF0YS1zcHJlYWRzaGVldC9zcmMvaW5kZXgubGVzcyJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiYm9keSB7XG4gIG1hcmdpbjogMDtcbn1cbi54LXNwcmVhZHNoZWV0IHtcbiAgZm9udC1zaXplOiAxM3B4O1xuICBsaW5lLWhlaWdodDogbm9ybWFsO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgZm9udC1mYW1pbHk6ICdMYXRvJywgJ1NvdXJjZSBTYW5zIFBybycsIFJvYm90bywgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xufVxuLngtc3ByZWFkc2hlZXQgdGV4dGFyZWEge1xuICBmb250OiA0MDAgMTNweCBBcmlhbCwgJ0xhdG8nLCAnU291cmNlIFNhbnMgUHJvJywgUm9ib3RvLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG59XG4ueC1zcHJlYWRzaGVldC1zaGVldCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi54LXNwcmVhZHNoZWV0LXRhYmxlIHtcbiAgdmVydGljYWwtYWxpZ246IGJvdHRvbTtcbn1cbi54LXNwcmVhZHNoZWV0LXRvb2x0aXAge1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiA1cHggMTBweDtcbiAgY29sb3I6ICNmZmY7XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgYmFja2dyb3VuZDogIzAwMDAwMDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICB6LWluZGV4OiAyMDE7XG59XG4ueC1zcHJlYWRzaGVldC10b29sdGlwOmJlZm9yZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IGNhbGMoNTAlIC0gNHB4KTtcbiAgdG9wOiAtNHB4O1xuICBjb250ZW50OiBcIlwiO1xuICB3aWR0aDogOHB4O1xuICBoZWlnaHQ6IDhweDtcbiAgYmFja2dyb3VuZDogaW5oZXJpdDtcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgei1pbmRleDogMTtcbiAgYm94LXNoYWRvdzogMXB4IDFweCAzcHggLTFweCByZ2JhKDAsIDAsIDAsIDAuMyk7XG59XG4ueC1zcHJlYWRzaGVldC1jb2xvci1wYWxldHRlIHtcbiAgcGFkZGluZzogNXB4O1xufVxuLngtc3ByZWFkc2hlZXQtY29sb3ItcGFsZXR0ZSB0YWJsZSB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyLWNvbGxhcHNlOiBzZXBhcmF0ZTtcbiAgYm9yZGVyLXNwYWNpbmc6IDI7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG59XG4ueC1zcHJlYWRzaGVldC1jb2xvci1wYWxldHRlIHRhYmxlIHRkIHtcbiAgbWFyZ2luOiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xufVxuLngtc3ByZWFkc2hlZXQtY29sb3ItcGFsZXR0ZSB0YWJsZSB0ZDpob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogI2RkZDtcbn1cbi54LXNwcmVhZHNoZWV0LWNvbG9yLXBhbGV0dGUgdGFibGUgdGQgLngtc3ByZWFkc2hlZXQtY29sb3ItcGFsZXR0ZS1jZWxsIHtcbiAgd2lkdGg6IDE2cHg7XG4gIGhlaWdodDogMTZweDtcbn1cbi54LXNwcmVhZHNoZWV0LWJvcmRlci1wYWxldHRlIHtcbiAgcGFkZGluZzogNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtYm9yZGVyLXBhbGV0dGUgdGFibGUge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1jb2xsYXBzZTogc2VwYXJhdGU7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICB0YWJsZS1sYXlvdXQ6IGZpeGVkO1xufVxuLngtc3ByZWFkc2hlZXQtYm9yZGVyLXBhbGV0dGUgdGFibGUgdGQge1xuICBtYXJnaW46IDA7XG59XG4ueC1zcHJlYWRzaGVldC1ib3JkZXItcGFsZXR0ZSAueC1zcHJlYWRzaGVldC1ib3JkZXItcGFsZXR0ZS1sZWZ0IHtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2VlZTtcbiAgcGFkZGluZy1yaWdodDogNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtYm9yZGVyLXBhbGV0dGUgLngtc3ByZWFkc2hlZXQtYm9yZGVyLXBhbGV0dGUtbGVmdCAueC1zcHJlYWRzaGVldC1ib3JkZXItcGFsZXR0ZS1jZWxsIHtcbiAgd2lkdGg6IDMwcHg7XG4gIGhlaWdodDogMzBweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4ueC1zcHJlYWRzaGVldC1ib3JkZXItcGFsZXR0ZSAueC1zcHJlYWRzaGVldC1ib3JkZXItcGFsZXR0ZS1sZWZ0IC54LXNwcmVhZHNoZWV0LWJvcmRlci1wYWxldHRlLWNlbGwgLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcge1xuICBvcGFjaXR5OiAwLjg7XG59XG4ueC1zcHJlYWRzaGVldC1ib3JkZXItcGFsZXR0ZSAueC1zcHJlYWRzaGVldC1ib3JkZXItcGFsZXR0ZS1sZWZ0IC54LXNwcmVhZHNoZWV0LWJvcmRlci1wYWxldHRlLWNlbGw6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlO1xufVxuLngtc3ByZWFkc2hlZXQtYm9yZGVyLXBhbGV0dGUgLngtc3ByZWFkc2hlZXQtYm9yZGVyLXBhbGV0dGUtcmlnaHQge1xuICBwYWRkaW5nLWxlZnQ6IDZweDtcbn1cbi54LXNwcmVhZHNoZWV0LWJvcmRlci1wYWxldHRlIC54LXNwcmVhZHNoZWV0LWJvcmRlci1wYWxldHRlLXJpZ2h0IC54LXNwcmVhZHNoZWV0LXRvb2xiYXItYnRuIHtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogM3B4O1xufVxuLngtc3ByZWFkc2hlZXQtYm9yZGVyLXBhbGV0dGUgLngtc3ByZWFkc2hlZXQtYm9yZGVyLXBhbGV0dGUtcmlnaHQgLngtc3ByZWFkc2hlZXQtbGluZS10eXBlIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAwO1xuICB0b3A6IC0zcHg7XG59XG4ueC1zcHJlYWRzaGVldC1kcm9wZG93biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi54LXNwcmVhZHNoZWV0LWRyb3Bkb3duIC54LXNwcmVhZHNoZWV0LWRyb3Bkb3duLWNvbnRlbnQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDIwMDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgYm94LXNoYWRvdzogMXB4IDJweCA1cHggMnB4IHJnYmEoNTEsIDUxLCA1MSwgMC4xNSk7XG59XG4ueC1zcHJlYWRzaGVldC1kcm9wZG93bi5ib3R0b20tbGVmdCAueC1zcHJlYWRzaGVldC1kcm9wZG93bi1jb250ZW50IHtcbiAgdG9wOiBjYWxjKDEwMCUgKyA1cHgpO1xuICBsZWZ0OiAwO1xufVxuLngtc3ByZWFkc2hlZXQtZHJvcGRvd24uYm90dG9tLXJpZ2h0IC54LXNwcmVhZHNoZWV0LWRyb3Bkb3duLWNvbnRlbnQge1xuICB0b3A6IGNhbGMoMTAwJSArIDVweCk7XG4gIHJpZ2h0OiAwO1xufVxuLngtc3ByZWFkc2hlZXQtZHJvcGRvd24udG9wLWxlZnQgLngtc3ByZWFkc2hlZXQtZHJvcGRvd24tY29udGVudCB7XG4gIGJvdHRvbTogY2FsYygxMDAlICsgNXB4KTtcbiAgbGVmdDogMDtcbn1cbi54LXNwcmVhZHNoZWV0LWRyb3Bkb3duLnRvcC1yaWdodCAueC1zcHJlYWRzaGVldC1kcm9wZG93bi1jb250ZW50IHtcbiAgYm90dG9tOiBjYWxjKDEwMCUgKyA1cHgpO1xuICByaWdodDogMDtcbn1cbi54LXNwcmVhZHNoZWV0LWRyb3Bkb3duIC54LXNwcmVhZHNoZWV0LWRyb3Bkb3duLXRpdGxlIHtcbiAgcGFkZGluZzogMCA1cHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cbi54LXNwcmVhZHNoZWV0LWRyb3Bkb3duIC54LXNwcmVhZHNoZWV0LWRyb3Bkb3duLWhlYWRlciAueC1zcHJlYWRzaGVldC1pY29uLmFycm93LWxlZnQge1xuICBtYXJnaW4tbGVmdDogNHB4O1xufVxuLngtc3ByZWFkc2hlZXQtZHJvcGRvd24gLngtc3ByZWFkc2hlZXQtZHJvcGRvd24taGVhZGVyIC54LXNwcmVhZHNoZWV0LWljb24uYXJyb3ctcmlnaHQge1xuICB3aWR0aDogMTBweDtcbiAgbWFyZ2luLXJpZ2h0OiA0cHg7XG59XG4ueC1zcHJlYWRzaGVldC1kcm9wZG93biAueC1zcHJlYWRzaGVldC1kcm9wZG93bi1oZWFkZXIgLngtc3ByZWFkc2hlZXQtaWNvbi5hcnJvdy1yaWdodCAuYXJyb3ctZG93biB7XG4gIGxlZnQ6IC0xMzBweDtcbn1cbi8qIHJlc2l6ZXIgKiovXG4ueC1zcHJlYWRzaGVldC1yZXNpemVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMTtcbn1cbi54LXNwcmVhZHNoZWV0LXJlc2l6ZXIgLngtc3ByZWFkc2hlZXQtcmVzaXplci1ob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNzUsIDEzNywgMjU1LCAwLjI1KTtcbn1cbi54LXNwcmVhZHNoZWV0LXJlc2l6ZXIgLngtc3ByZWFkc2hlZXQtcmVzaXplci1saW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xufVxuLngtc3ByZWFkc2hlZXQtcmVzaXplci5ob3Jpem9udGFsIHtcbiAgY3Vyc29yOiByb3ctcmVzaXplO1xufVxuLngtc3ByZWFkc2hlZXQtcmVzaXplci5ob3Jpem9udGFsIC54LXNwcmVhZHNoZWV0LXJlc2l6ZXItbGluZSB7XG4gIGJvcmRlci1ib3R0b206IDJweCBkYXNoZWQgIzRiODlmZjtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xufVxuLngtc3ByZWFkc2hlZXQtcmVzaXplci52ZXJ0aWNhbCB7XG4gIGN1cnNvcjogY29sLXJlc2l6ZTtcbn1cbi54LXNwcmVhZHNoZWV0LXJlc2l6ZXIudmVydGljYWwgLngtc3ByZWFkc2hlZXQtcmVzaXplci1saW5lIHtcbiAgYm9yZGVyLXJpZ2h0OiAycHggZGFzaGVkICM0Yjg5ZmY7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG59XG4vKiBzY3JvbGxiYXIgKi9cbi54LXNwcmVhZHNoZWV0LXNjcm9sbGJhciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwO1xuICByaWdodDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y0ZjVmODtcbiAgb3BhY2l0eTogMC45O1xuICB6LWluZGV4OiAxMjtcbn1cbi54LXNwcmVhZHNoZWV0LXNjcm9sbGJhci5ob3Jpem9udGFsIHtcbiAgcmlnaHQ6IDE1cHg7XG4gIG92ZXJmbG93LXg6IHNjcm9sbDtcbiAgb3ZlcmZsb3cteTogaGlkZGVuO1xufVxuLngtc3ByZWFkc2hlZXQtc2Nyb2xsYmFyLmhvcml6b250YWwgPiBkaXYge1xuICBoZWlnaHQ6IDFweDtcbiAgYmFja2dyb3VuZDogI2RkZDtcbn1cbi54LXNwcmVhZHNoZWV0LXNjcm9sbGJhci52ZXJ0aWNhbCB7XG4gIGJvdHRvbTogMTVweDtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBvdmVyZmxvdy15OiBzY3JvbGw7XG59XG4ueC1zcHJlYWRzaGVldC1zY3JvbGxiYXIudmVydGljYWwgPiBkaXYge1xuICB3aWR0aDogMXB4O1xuICBiYWNrZ3JvdW5kOiAjZGRkO1xufVxuLyogQHtjc3MtcHJlZml4fS1vdmVybGF5ZXIgKi9cbi54LXNwcmVhZHNoZWV0LW92ZXJsYXllciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB6LWluZGV4OiAxMDtcbn1cbi54LXNwcmVhZHNoZWV0LW92ZXJsYXllciAueC1zcHJlYWRzaGVldC1vdmVybGF5ZXItY29udGVudCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4ueC1zcHJlYWRzaGVldC1lZGl0b3IsXG4ueC1zcHJlYWRzaGVldC1zZWxlY3RvciB7XG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4vKiBAe2Nzcy1wcmVmaXh9LXNlbGVjdG9yICovXG4ueC1zcHJlYWRzaGVldC1zZWxlY3RvciAuaGlkZS1pbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMDtcbn1cbi54LXNwcmVhZHNoZWV0LXNlbGVjdG9yIC5oaWRlLWlucHV0IGlucHV0IHtcbiAgcGFkZGluZzogMDtcbiAgd2lkdGg6IDA7XG4gIGJvcmRlcjogbm9uZSFpbXBvcnRhbnQ7XG59XG4ueC1zcHJlYWRzaGVldC1zZWxlY3RvciAueC1zcHJlYWRzaGVldC1zZWxlY3Rvci1hcmVhIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3JkZXI6IDJweCBzb2xpZCAjNGI4OWZmO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDc1LCAxMzcsIDI1NSwgMC4xKTtcbiAgei1pbmRleDogNTtcbn1cbi54LXNwcmVhZHNoZWV0LXNlbGVjdG9yIC54LXNwcmVhZHNoZWV0LXNlbGVjdG9yLWNsaXBib2FyZCxcbi54LXNwcmVhZHNoZWV0LXNlbGVjdG9yIC54LXNwcmVhZHNoZWV0LXNlbGVjdG9yLWF1dG9maWxsIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTAwO1xufVxuLngtc3ByZWFkc2hlZXQtc2VsZWN0b3IgLngtc3ByZWFkc2hlZXQtc2VsZWN0b3ItY2xpcGJvYXJkIHtcbiAgYm9yZGVyOiAycHggZGFzaGVkICM0Yjg5ZmY7XG59XG4ueC1zcHJlYWRzaGVldC1zZWxlY3RvciAueC1zcHJlYWRzaGVldC1zZWxlY3Rvci1hdXRvZmlsbCB7XG4gIGJvcmRlcjogMXB4IGRhc2hlZCByZ2JhKDAsIDAsIDAsIDAuNDUpO1xufVxuLngtc3ByZWFkc2hlZXQtc2VsZWN0b3IgLngtc3ByZWFkc2hlZXQtc2VsZWN0b3ItY29ybmVyIHtcbiAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY3Vyc29yOiBjcm9zc2hhaXI7XG4gIGZvbnQtc2l6ZTogMDtcbiAgaGVpZ2h0OiA1cHg7XG4gIHdpZHRoOiA1cHg7XG4gIHJpZ2h0OiAtNXB4O1xuICBib3R0b206IC01cHg7XG4gIGJvcmRlcjogMnB4IHNvbGlkICNmZmZmZmY7XG4gIGJhY2tncm91bmQ6ICM0Yjg5ZmY7XG59XG4ueC1zcHJlYWRzaGVldC1lZGl0b3Ige1xuICB6LWluZGV4OiAyMDtcbn1cbi54LXNwcmVhZHNoZWV0LWVkaXRvciAueC1zcHJlYWRzaGVldC1lZGl0b3ItYXJlYSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgYm9yZGVyOiAycHggc29saWQgIzRiODlmZjtcbiAgbGluZS1oZWlnaHQ6IDA7XG4gIHotaW5kZXg6IDEwMDtcbiAgcG9pbnRlci1ldmVudHM6IGF1dG87XG59XG4ueC1zcHJlYWRzaGVldC1lZGl0b3IgLngtc3ByZWFkc2hlZXQtZWRpdG9yLWFyZWEgdGV4dGFyZWEge1xuICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwIDNweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcmVzaXplOiBub25lO1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICBmb250OiA0MDAgMTNweCBBcmlhbCwgJ0xhdG8nLCAnU291cmNlIFNhbnMgUHJvJywgUm9ib3RvLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gIGNvbG9yOiBpbmhlcml0O1xuICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBtYXJnaW46IDA7XG59XG4ueC1zcHJlYWRzaGVldC1lZGl0b3IgLngtc3ByZWFkc2hlZXQtZWRpdG9yLWFyZWEgLnRleHRsaW5lIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbn1cbi54LXNwcmVhZHNoZWV0LWl0ZW0ge1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgYmFja2dyb3VuZDogMDtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGhlaWdodDogMjZweDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC45KTtcbiAgbGluZS1oZWlnaHQ6IDI2cHg7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDJweCAxMHB4O1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG4ueC1zcHJlYWRzaGVldC1pdGVtLmRpc2FibGVkIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIG9wYWNpdHk6IDAuNTtcbn1cbi54LXNwcmVhZHNoZWV0LWl0ZW06aG92ZXIsXG4ueC1zcHJlYWRzaGVldC1pdGVtLmFjdGl2ZSB7XG4gIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC4wNSk7XG59XG4ueC1zcHJlYWRzaGVldC1pdGVtLmRpdmlkZXIge1xuICBoZWlnaHQ6IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogNXB4IDA7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cbi54LXNwcmVhZHNoZWV0LWl0ZW0gLmxhYmVsIHtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBvcGFjaXR5OiAwLjY1O1xuICBmb250LXNpemU6IDFlbTtcbn1cbi54LXNwcmVhZHNoZWV0LWl0ZW0uc3RhdGUsXG4ueC1zcHJlYWRzaGVldC1oZWFkZXIuc3RhdGUge1xuICBwYWRkaW5nLWxlZnQ6IDM1cHghaW1wb3J0YW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ueC1zcHJlYWRzaGVldC1pdGVtLnN0YXRlOmJlZm9yZSxcbi54LXNwcmVhZHNoZWV0LWhlYWRlci5zdGF0ZTpiZWZvcmUge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBsZWZ0OiAxMnB4O1xuICB0b3A6IGNhbGMoNTAlIC0gNXB4KTtcbiAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjA4KTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaXRlbS5zdGF0ZS5jaGVja2VkOmJlZm9yZSxcbi54LXNwcmVhZHNoZWV0LWhlYWRlci5zdGF0ZS5jaGVja2VkOmJlZm9yZSB7XG4gIGJhY2tncm91bmQ6ICM0Yjg5ZmY7XG59XG4ueC1zcHJlYWRzaGVldC1jaGVja2JveCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZmFjZS12aXNpYmlsaXR5OiBoaWRkZW47XG4gIG91dGxpbmU6IDA7XG4gIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXNpemU6IDFyZW07XG4gIGxpbmUtaGVpZ2h0OiAxZW07XG59XG4ueC1zcHJlYWRzaGVldC1jaGVja2JveCA+IGlucHV0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIG9wYWNpdHk6IDAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAwO1xuICB6LWluZGV4OiAtMTtcbn1cbi54LXNwcmVhZHNoZWV0LXN1Z2dlc3QsXG4ueC1zcHJlYWRzaGVldC1jb250ZXh0bWVudSxcbi54LXNwcmVhZHNoZWV0LXNvcnQtZmlsdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2hhZG93OiAxcHggMnB4IDVweCAycHggcmdiYSg1MSwgNTEsIDUxLCAwLjE1KTtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgei1pbmRleDogMTAwO1xuICB3aWR0aDogMjYwcHg7XG4gIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi54LXNwcmVhZHNoZWV0LXN1Z2dlc3Qge1xuICB3aWR0aDogMjAwcHg7XG59XG4ueC1zcHJlYWRzaGVldC1maWx0ZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTllOWU5O1xuICBmb250LXNpemU6IDEycHg7XG4gIG1hcmdpbjogMTBweDtcbn1cbi54LXNwcmVhZHNoZWV0LWZpbHRlciAueC1zcHJlYWRzaGVldC1oZWFkZXIge1xuICBwYWRkaW5nOiAwLjVlbSAwLjc1ZW07XG4gIGJhY2tncm91bmQ6ICNmOGY4Zjk7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZTllOWU5O1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xufVxuLngtc3ByZWFkc2hlZXQtZmlsdGVyIC54LXNwcmVhZHNoZWV0LWJvZHkge1xuICBoZWlnaHQ6IDIwMHB4O1xuICBvdmVyZmxvdy15OiBhdXRvO1xufVxuLngtc3ByZWFkc2hlZXQtZmlsdGVyIC54LXNwcmVhZHNoZWV0LWJvZHkgLngtc3ByZWFkc2hlZXQtaXRlbSB7XG4gIGhlaWdodDogMjBweDtcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XG59XG4ueC1zcHJlYWRzaGVldC1zb3J0LWZpbHRlciAueC1zcHJlYWRzaGVldC1idXR0b25zIHtcbiAgbWFyZ2luOiAxMHB4O1xufVxuLngtc3ByZWFkc2hlZXQtdG9vbGJhcixcbi54LXNwcmVhZHNoZWV0LWJvdHRvbWJhciB7XG4gIGhlaWdodDogNDBweDtcbiAgcGFkZGluZzogMCAzMHB4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBiYWNrZ3JvdW5kOiAjZjVmNmY3O1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLngtc3ByZWFkc2hlZXQtYm90dG9tYmFyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2UwZTJlNDtcbn1cbi54LXNwcmVhZHNoZWV0LWJvdHRvbWJhciAueC1zcHJlYWRzaGVldC1tZW51ID4gbGkge1xuICBsaW5lLWhlaWdodDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBwYWRkaW5nLXRvcDogMDtcbiAgcGFkZGluZy1ib3R0b206IDA7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNlOGVhZWQ7XG59XG4ueC1zcHJlYWRzaGVldC1tZW51IHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cbi54LXNwcmVhZHNoZWV0LW1lbnUgPiBsaSB7XG4gIGZsb2F0OiBsZWZ0O1xuICBsaW5lLWhlaWdodDogMS4yNWVtO1xuICBwYWRkaW5nOiAwLjc4NWVtIDFlbTtcbiAgbWFyZ2luOiAwO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBmb250LXdlaWdodDogNDAwO1xuICBjb2xvcjogIzgwODY4YjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG4ueC1zcHJlYWRzaGVldC1tZW51ID4gbGkuYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42NSk7XG59XG4ueC1zcHJlYWRzaGVldC1tZW51ID4gbGkgLngtc3ByZWFkc2hlZXQtaWNvbiB7XG4gIG1hcmdpbjogMCA2cHg7XG59XG4ueC1zcHJlYWRzaGVldC1tZW51ID4gbGkgLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZzpob3ZlciB7XG4gIG9wYWNpdHk6IDAuODU7XG59XG4ueC1zcHJlYWRzaGVldC1tZW51ID4gbGkgLngtc3ByZWFkc2hlZXQtZHJvcGRvd24ge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG4ueC1zcHJlYWRzaGVldC10b29sYmFyIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlMGUyZTQ7XG59XG4ueC1zcHJlYWRzaGVldC10b29sYmFyIC54LXNwcmVhZHNoZWV0LXRvb2xiYXItYnRucyB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuLngtc3ByZWFkc2hlZXQtdG9vbGJhciAueC1zcHJlYWRzaGVldC10b29sYmFyLW1vcmUge1xuICBwYWRkaW5nOiAwIDZweCA2cHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG4ueC1zcHJlYWRzaGVldC10b29sYmFyIC54LXNwcmVhZHNoZWV0LXRvb2xiYXItbW9yZSAueC1zcHJlYWRzaGVldC10b29sYmFyLWRpdmlkZXIge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLngtc3ByZWFkc2hlZXQtdG9vbGJhciAueC1zcHJlYWRzaGVldC10b29sYmFyLWJ0biB7XG4gIGZsZXg6IDAgMCBhdXRvO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGxpbmUtaGVpZ2h0OiAyNnB4O1xuICBtaW4td2lkdGg6IDI2cHg7XG4gIG1hcmdpbjogNnB4IDFweCAwO1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cbi54LXNwcmVhZHNoZWV0LXRvb2xiYXIgLngtc3ByZWFkc2hlZXQtdG9vbGJhci1idG4uZGlzYWJsZWQge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgb3BhY2l0eTogMC41O1xufVxuLngtc3ByZWFkc2hlZXQtdG9vbGJhciAueC1zcHJlYWRzaGVldC10b29sYmFyLWJ0bjpob3Zlcixcbi54LXNwcmVhZHNoZWV0LXRvb2xiYXIgLngtc3ByZWFkc2hlZXQtdG9vbGJhci1idG4uYWN0aXZlIHtcbiAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjA4KTtcbn1cbi54LXNwcmVhZHNoZWV0LXRvb2xiYXItZGl2aWRlciB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2UwZTJlNDtcbiAgd2lkdGg6IDA7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGhlaWdodDogMThweDtcbiAgbWFyZ2luOiAxMnB4IDNweCAwO1xufVxuLngtc3ByZWFkc2hlZXQtcHJpbnQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgei1pbmRleDogMTAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLngtc3ByZWFkc2hlZXQtcHJpbnQtYmFyIHtcbiAgYmFja2dyb3VuZDogIzQyNDI0MjtcbiAgaGVpZ2h0OiA2MHB4O1xuICBsaW5lLWhlaWdodDogNjBweDtcbiAgcGFkZGluZzogMCAzMHB4O1xufVxuLngtc3ByZWFkc2hlZXQtcHJpbnQtYmFyIC4tdGl0bGUge1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGZvbnQtc2l6ZTogMS4yZW07XG4gIGZsb2F0OiBsZWZ0O1xufVxuLngtc3ByZWFkc2hlZXQtcHJpbnQtYmFyIC4tcmlnaHQge1xuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi10b3A6IDEycHg7XG59XG4ueC1zcHJlYWRzaGVldC1wcmludC1jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleDogYXV0bztcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYmFja2dyb3VuZDogI2QwZDBkMDtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSA2MHB4KTtcbn1cbi54LXNwcmVhZHNoZWV0LXByaW50LWNvbnRlbnQgLi1zaWRlciB7XG4gIGZsZXg6IDAgMCAzMDBweDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICNjY2M7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG59XG4ueC1zcHJlYWRzaGVldC1wcmludC1jb250ZW50IC4tY29udGVudCB7XG4gIGZsZXg6IGF1dG87XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuLngtc3ByZWFkc2hlZXQtY2FudmFzLWNhcmQtd3JhcGVyIHtcbiAgbWFyZ2luOiA0MHB4IDIwcHg7XG59XG4ueC1zcHJlYWRzaGVldC1jYW52YXMtY2FyZCB7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIG1hcmdpbjogYXV0bztcbiAgcGFnZS1icmVhay1iZWZvcmU6IGF1dG87XG4gIHBhZ2UtYnJlYWstYWZ0ZXI6IGFsd2F5cztcbiAgYm94LXNoYWRvdzogMCA4cHggMTBweCAxcHggcmdiYSgwLCAwLCAwLCAwLjE0KSwgMCAzcHggMTRweCAzcHggcmdiYSgwLCAwLCAwLCAwLjEyKSwgMCA0cHggNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjIpO1xufVxuLngtc3ByZWFkc2hlZXQtY2FsZW5kYXIge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjY1KTtcbiAgYmFja2dyb3VuZDogI2ZmZmZmZjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG4ueC1zcHJlYWRzaGVldC1jYWxlbmRhciAuY2FsZW5kYXItaGVhZGVyIHtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGZsb2F0OiBsZWZ0O1xuICBiYWNrZ3JvdW5kOiAjZjlmYWZiO1xufVxuLngtc3ByZWFkc2hlZXQtY2FsZW5kYXIgLmNhbGVuZGFyLWhlYWRlciAuY2FsZW5kYXItaGVhZGVyLWxlZnQge1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgZmxvYXQ6IGxlZnQ7XG59XG4ueC1zcHJlYWRzaGVldC1jYWxlbmRhciAuY2FsZW5kYXItaGVhZGVyIC5jYWxlbmRhci1oZWFkZXItcmlnaHQge1xuICBmbG9hdDogcmlnaHQ7XG59XG4ueC1zcHJlYWRzaGVldC1jYWxlbmRhciAuY2FsZW5kYXItaGVhZGVyIC5jYWxlbmRhci1oZWFkZXItcmlnaHQgYSB7XG4gIHBhZGRpbmc6IDNweCAwO1xuICBtYXJnaW4tcmlnaHQ6IDJweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuLngtc3ByZWFkc2hlZXQtY2FsZW5kYXIgLmNhbGVuZGFyLWhlYWRlciAuY2FsZW5kYXItaGVhZGVyLXJpZ2h0IGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMDgpO1xufVxuLngtc3ByZWFkc2hlZXQtY2FsZW5kYXIgLmNhbGVuZGFyLWJvZHkge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBib3JkZXItc3BhY2luZzogMDtcbn1cbi54LXNwcmVhZHNoZWV0LWNhbGVuZGFyIC5jYWxlbmRhci1ib2R5IHRoLFxuLngtc3ByZWFkc2hlZXQtY2FsZW5kYXIgLmNhbGVuZGFyLWJvZHkgdGQge1xuICB3aWR0aDogMTAwJS83O1xuICBtaW4td2lkdGg6IDMycHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIHBhZGRpbmc6IDA7XG59XG4ueC1zcHJlYWRzaGVldC1jYWxlbmRhciAuY2FsZW5kYXItYm9keSB0ZCA+IC5jZWxsOmhvdmVyIHtcbiAgYmFja2dyb3VuZDogI2VjZjZmZDtcbn1cbi54LXNwcmVhZHNoZWV0LWNhbGVuZGFyIC5jYWxlbmRhci1ib2R5IHRkID4gLmNlbGwuYWN0aXZlLFxuLngtc3ByZWFkc2hlZXQtY2FsZW5kYXIgLmNhbGVuZGFyLWJvZHkgdGQgPiAuY2VsbC5hY3RpdmU6aG92ZXIge1xuICBiYWNrZ3JvdW5kOiAjZWNmNmZkO1xuICBjb2xvcjogIzIxODVEMDtcbn1cbi54LXNwcmVhZHNoZWV0LWNhbGVuZGFyIC5jYWxlbmRhci1ib2R5IHRkID4gLmNlbGwuZGlzYWJsZWQge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgb3BhY2l0eTogMC41O1xufVxuLngtc3ByZWFkc2hlZXQtZGF0ZXBpY2tlciB7XG4gIGJveC1zaGFkb3c6IDJweCAycHggNXB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICB0b3A6IGNhbGMoMTAwJSArIDVweCk7XG4gIHotaW5kZXg6IDEwO1xuICB3aWR0aDogYXV0bztcbn1cbi54LXNwcmVhZHNoZWV0LWJ1dHRvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuLngtc3ByZWFkc2hlZXQtYnV0dG9ucyAueC1zcHJlYWRzaGVldC1idXR0b24ge1xuICBtYXJnaW4tbGVmdDogOHB4O1xufVxuLngtc3ByZWFkc2hlZXQtYnV0dG9uIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGxpbmUtaGVpZ2h0OiAxZW07XG4gIG1pbi1oZWlnaHQ6IDFlbTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBmb250LXdlaWdodDogNzAwO1xuICBwYWRkaW5nOiAwLjc1ZW0gMWVtO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICBiYWNrZ3JvdW5kOiAjRTBFMUUyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGZvbnQtZmFtaWx5OiBcIkxhdG9cIiwgXCJwcm94aW1hLW5vdmFcIiwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgb3V0bGluZTogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICB6b29tOiAxO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMXMgbGluZWFyO1xufVxuLngtc3ByZWFkc2hlZXQtYnV0dG9uLmFjdGl2ZSxcbi54LXNwcmVhZHNoZWV0LWJ1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNDMEMxQzI7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG59XG4ueC1zcHJlYWRzaGVldC1idXR0b24ucHJpbWFyeSB7XG4gIGNvbG9yOiAjZmZmO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjE4NUQwO1xufVxuLngtc3ByZWFkc2hlZXQtYnV0dG9uLnByaW1hcnk6aG92ZXIsXG4ueC1zcHJlYWRzaGVldC1idXR0b24ucHJpbWFyeS5hY3RpdmUge1xuICBjb2xvcjogI2ZmZjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzE2NzhjMjtcbn1cbi54LXNwcmVhZHNoZWV0LWJ1dHRvbi5lcnJvciB7XG4gIGNvbG9yOiAjZmZmO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjREIyODI4O1xufVxuLngtc3ByZWFkc2hlZXQtYnV0dG9uLmVycm9yOmhvdmVyLFxuLngtc3ByZWFkc2hlZXQtYnV0dG9uLmVycm9yLmFjdGl2ZSB7XG4gIGNvbG9yOiAjZmZmO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDAxOTE5O1xufVxuLngtc3ByZWFkc2hlZXQtZm9ybS1pbnB1dCB7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg3KTtcbn1cbi54LXNwcmVhZHNoZWV0LWZvcm0taW5wdXQgaW5wdXQge1xuICB6LWluZGV4OiAxO1xuICBtYXJnaW46IDA7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgZmxleDogMSAwIGF1dG87XG4gIG91dGxpbmU6IDA7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwKTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGhlaWdodDogMzBweDtcbiAgcGFkZGluZzogMCA4cHg7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlOWU5ZTk7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGVhc2UsIGJvcmRlci1jb2xvciAwLjFzIGVhc2U7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCBoc2xhKDAsIDAlLCA0JSwgMC4wNik7XG59XG4ueC1zcHJlYWRzaGVldC1mb3JtLWlucHV0IGlucHV0OmZvY3VzIHtcbiAgYm9yZGVyLWNvbG9yOiAjNGI4OWZmO1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSg3NSwgMTM3LCAyNTUsIDAuMik7XG59XG4ueC1zcHJlYWRzaGVldC1mb3JtLXNlbGVjdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTllOWU5O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44Nyk7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggaHNsYSgwLCAwJSwgNCUsIDAuMDYpO1xufVxuLngtc3ByZWFkc2hlZXQtZm9ybS1zZWxlY3QgLmlucHV0LXRleHQge1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgbWluLXdpZHRoOiA2MHB4O1xuICB3aWR0aDogYXV0bztcbiAgaGVpZ2h0OiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgcGFkZGluZzogMCA4cHg7XG59XG4ueC1zcHJlYWRzaGVldC1mb3JtLWZpZWxkcyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cbi54LXNwcmVhZHNoZWV0LWZvcm0tZmllbGRzIC54LXNwcmVhZHNoZWV0LWZvcm0tZmllbGQge1xuICBmbGV4OiAwIDEgYXV0bztcbn1cbi54LXNwcmVhZHNoZWV0LWZvcm0tZmllbGRzIC54LXNwcmVhZHNoZWV0LWZvcm0tZmllbGQgLmxhYmVsIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDAgMTBweCAwIDA7XG59XG4ueC1zcHJlYWRzaGVldC1mb3JtLWZpZWxkIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICBtYXJnaW4tYm90dG9tOiAxMHB4O1xufVxuLngtc3ByZWFkc2hlZXQtZm9ybS1maWVsZDpmaXJzdC1jaGlsZCB7XG4gIG1hcmdpbi1sZWZ0OiAwO1xufVxuLngtc3ByZWFkc2hlZXQtZm9ybS1maWVsZC5lcnJvciAueC1zcHJlYWRzaGVldC1mb3JtLXNlbGVjdCxcbi54LXNwcmVhZHNoZWV0LWZvcm0tZmllbGQuZXJyb3IgaW5wdXQge1xuICBib3JkZXItY29sb3I6ICNmMDQxMzQ7XG59XG4ueC1zcHJlYWRzaGVldC1mb3JtLWZpZWxkIC50aXAge1xuICBjb2xvcjogI2YwNDEzNDtcbiAgZm9udC1zaXplOiAwLjllbTtcbn1cbi54LXNwcmVhZHNoZWV0LWRpbW1lciB7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwICFpbXBvcnRhbnQ7XG4gIGxlZnQ6IDAgIWltcG9ydGFudDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG4gIG9wYWNpdHk6IDA7XG4gIC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgLXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDAuNXM7XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMC41cztcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjVzIGxpbmVhcjtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHotaW5kZXg6IDEwMDA7XG59XG4ueC1zcHJlYWRzaGVldC1kaW1tZXIuYWN0aXZlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG9wYWNpdHk6IDE7XG59XG5mb3JtIGZpZWxkc2V0IHtcbiAgYm9yZGVyOiBub25lO1xufVxuZm9ybSBmaWVsZHNldCBsYWJlbCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tYm90dG9tOiAwLjVlbTtcbiAgZm9udC1zaXplOiAxZW07XG4gIGNvbG9yOiAjNjY2O1xufVxuZm9ybSBmaWVsZHNldCBzZWxlY3Qge1xuICBmb250LXNpemU6IDEuMWVtO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgI2RkZDtcbiAgcGFkZGluZzogMC41ZW0gMC44NWVtO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG4ueC1zcHJlYWRzaGVldC1tb2RhbCxcbi54LXNwcmVhZHNoZWV0LXRvYXN0IHtcbiAgZm9udC1zaXplOiAxM3B4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDEwMDE7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1ZW07XG4gIG1pbi13aWR0aDogMzYwcHg7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuODcpO1xuICBmb250LWZhbWlseTogJ0xhdG8nLCAnU291cmNlIFNhbnMgUHJvJywgUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYmFja2dyb3VuZC1jbGlwOiBwYWRkaW5nLWJveDtcbiAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjIpIDBweCAycHggOHB4O1xufVxuLngtc3ByZWFkc2hlZXQtdG9hc3Qge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuODUpO1xufVxuLngtc3ByZWFkc2hlZXQtbW9kYWwtaGVhZGVyLFxuLngtc3ByZWFkc2hlZXQtdG9hc3QtaGVhZGVyIHtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgYmFja2dyb3VuZC1jbGlwOiBwYWRkaW5nLWJveDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjg1KTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4wNSk7XG4gIGJvcmRlci1yYWRpdXM6IDRweCA0cHggMCAwO1xufVxuLngtc3ByZWFkc2hlZXQtbW9kYWwtaGVhZGVyIC54LXNwcmVhZHNoZWV0LWljb24sXG4ueC1zcHJlYWRzaGVldC10b2FzdC1oZWFkZXIgLngtc3ByZWFkc2hlZXQtaWNvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDAuOGVtO1xuICB0b3A6IDAuNjVlbTtcbiAgYm9yZGVyLXJhZGl1czogMThweDtcbn1cbi54LXNwcmVhZHNoZWV0LW1vZGFsLWhlYWRlciAueC1zcHJlYWRzaGVldC1pY29uOmhvdmVyLFxuLngtc3ByZWFkc2hlZXQtdG9hc3QtaGVhZGVyIC54LXNwcmVhZHNoZWV0LWljb246aG92ZXIge1xuICBvcGFjaXR5OiAxO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMDgpO1xufVxuLngtc3ByZWFkc2hlZXQtdG9hc3QtaGVhZGVyIHtcbiAgY29sb3I6ICNGMjcxMUM7XG59XG4ueC1zcHJlYWRzaGVldC1tb2RhbC1oZWFkZXIge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2UwZTJlNDtcbiAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjA4KTtcbiAgZm9udC1zaXplOiAxLjA3ODVlbTtcbn1cbi54LXNwcmVhZHNoZWV0LW1vZGFsLWhlYWRlcixcbi54LXNwcmVhZHNoZWV0LW1vZGFsLWNvbnRlbnQsXG4ueC1zcHJlYWRzaGVldC10b2FzdC1oZWFkZXIsXG4ueC1zcHJlYWRzaGVldC10b2FzdC1jb250ZW50IHtcbiAgcGFkZGluZzogMC43NWVtIDFlbTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMyMHB4KSBhbmQgKG1heC13aWR0aDogNDgwcHgpIHtcbiAgLngtc3ByZWFkc2hlZXQtdG9vbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuLngtc3ByZWFkc2hlZXQtaWNvbiB7XG4gIHdpZHRoOiAxOHB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIG1hcmdpbjogMXB4IDFweCAycHggMXB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcge1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy4uL2Fzc2V0cy9zcHJpdGUuc3ZnJyk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDI2MnB4O1xuICBoZWlnaHQ6IDQ0NHB4O1xuICBvcGFjaXR5OiAwLjU2O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy51bmRvIHtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5yZWRvIHtcbiAgbGVmdDogLTE4cHg7XG4gIHRvcDogMDtcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcuc2VhcmNoIHtcbiAgbGVmdDogLTM2cHg7XG4gIHRvcDogMDtcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcucGFpbnRmb3JtYXQge1xuICBsZWZ0OiAtNTRweDtcbiAgdG9wOiAwO1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5jbGVhcmZvcm1hdCB7XG4gIGxlZnQ6IC03MnB4O1xuICB0b3A6IDA7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmZvbnQtYm9sZCB7XG4gIGxlZnQ6IC05MHB4O1xuICB0b3A6IDA7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmZvbnQtaXRhbGljIHtcbiAgbGVmdDogLTEwOHB4O1xuICB0b3A6IDA7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLnVuZGVybGluZSB7XG4gIGxlZnQ6IC0xMjZweDtcbiAgdG9wOiAwO1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5zdHJpa2Uge1xuICBsZWZ0OiAtMTQ0cHg7XG4gIHRvcDogMDtcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcuY29sb3Ige1xuICBsZWZ0OiAtMTYycHg7XG4gIHRvcDogMDtcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcuYmdjb2xvciB7XG4gIGxlZnQ6IC0xODBweDtcbiAgdG9wOiAwO1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5tZXJnZSB7XG4gIGxlZnQ6IC0xOThweDtcbiAgdG9wOiAwO1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5hbGlnbi1sZWZ0IHtcbiAgbGVmdDogLTIxNnB4O1xuICB0b3A6IDA7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmFsaWduLWNlbnRlciB7XG4gIGxlZnQ6IC0yMzRweDtcbiAgdG9wOiAwO1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5hbGlnbi1yaWdodCB7XG4gIGxlZnQ6IDA7XG4gIHRvcDogLTE4cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmFsaWduLXRvcCB7XG4gIGxlZnQ6IC0xOHB4O1xuICB0b3A6IC0xOHB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5hbGlnbi1taWRkbGUge1xuICBsZWZ0OiAtMzZweDtcbiAgdG9wOiAtMThweDtcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcuYWxpZ24tYm90dG9tIHtcbiAgbGVmdDogLTU0cHg7XG4gIHRvcDogLTE4cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLnRleHR3cmFwIHtcbiAgbGVmdDogLTcycHg7XG4gIHRvcDogLTE4cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmF1dG9maWx0ZXIge1xuICBsZWZ0OiAtOTBweDtcbiAgdG9wOiAtMThweDtcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcuZm9ybXVsYSB7XG4gIGxlZnQ6IC0xMDhweDtcbiAgdG9wOiAtMThweDtcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcuYXJyb3ctZG93biB7XG4gIGxlZnQ6IC0xMjZweDtcbiAgdG9wOiAtMThweDtcbn1cbi54LXNwcmVhZHNoZWV0LWljb24gLngtc3ByZWFkc2hlZXQtaWNvbi1pbWcuYXJyb3ctcmlnaHQge1xuICBsZWZ0OiAtMTQ0cHg7XG4gIHRvcDogLTE4cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmxpbmsge1xuICBsZWZ0OiAtMTYycHg7XG4gIHRvcDogLTE4cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmNoYXJ0IHtcbiAgbGVmdDogLTE4MHB4O1xuICB0b3A6IC0xOHB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5mcmVlemUge1xuICBsZWZ0OiAtMTk4cHg7XG4gIHRvcDogLTE4cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmVsbGlwc2lzIHtcbiAgbGVmdDogLTIxNnB4O1xuICB0b3A6IC0xOHB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5hZGQge1xuICBsZWZ0OiAtMjM0cHg7XG4gIHRvcDogLTE4cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmJvcmRlci1hbGwge1xuICBsZWZ0OiAwO1xuICB0b3A6IC0zNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5ib3JkZXItaW5zaWRlIHtcbiAgbGVmdDogLTE4cHg7XG4gIHRvcDogLTM2cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmJvcmRlci1ob3Jpem9udGFsIHtcbiAgbGVmdDogLTM2cHg7XG4gIHRvcDogLTM2cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmJvcmRlci12ZXJ0aWNhbCB7XG4gIGxlZnQ6IC01NHB4O1xuICB0b3A6IC0zNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5ib3JkZXItb3V0c2lkZSB7XG4gIGxlZnQ6IC03MnB4O1xuICB0b3A6IC0zNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5ib3JkZXItbGVmdCB7XG4gIGxlZnQ6IC05MHB4O1xuICB0b3A6IC0zNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5ib3JkZXItdG9wIHtcbiAgbGVmdDogLTEwOHB4O1xuICB0b3A6IC0zNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5ib3JkZXItcmlnaHQge1xuICBsZWZ0OiAtMTI2cHg7XG4gIHRvcDogLTM2cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmJvcmRlci1ib3R0b20ge1xuICBsZWZ0OiAtMTQ0cHg7XG4gIHRvcDogLTM2cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmJvcmRlci1ub25lIHtcbiAgbGVmdDogLTE2MnB4O1xuICB0b3A6IC0zNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5saW5lLWNvbG9yIHtcbiAgbGVmdDogLTE4MHB4O1xuICB0b3A6IC0zNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5saW5lLXR5cGUge1xuICBsZWZ0OiAtMTk4cHg7XG4gIHRvcDogLTM2cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmNsb3NlIHtcbiAgbGVmdDogLTIzNHB4O1xuICB0b3A6IC0zNnB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5jaGV2cm9uLWRvd24ge1xuICBsZWZ0OiAwO1xuICB0b3A6IC01NHB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5jaGV2cm9uLXVwIHtcbiAgbGVmdDogLTE4cHg7XG4gIHRvcDogLTU0cHg7XG59XG4ueC1zcHJlYWRzaGVldC1pY29uIC54LXNwcmVhZHNoZWV0LWljb24taW1nLmNoZXZyb24tbGVmdCB7XG4gIGxlZnQ6IC0zNnB4O1xuICB0b3A6IC01NHB4O1xufVxuLngtc3ByZWFkc2hlZXQtaWNvbiAueC1zcHJlYWRzaGVldC1pY29uLWltZy5jaGV2cm9uLXJpZ2h0IHtcbiAgbGVmdDogLTU0cHg7XG4gIHRvcDogLTU0cHg7XG59XG4ueC1zcHJlYWRzaGVldC1zZWFyY2gge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwcHg7XG4gIHRvcDogMHB4O1xuICB6LWluZGV4OiAyMDAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTllOWU5O1xuICBwYWRkaW5nOiAxMHB4O1xufVxuLngtc3ByZWFkc2hlZXQtc2VhcmNoIC5zZWFyY2gtaW5wdXQge1xuICB3aWR0aDogMzAwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cbi54LXNwcmVhZHNoZWV0LXNlYXJjaCAuc2VhcmNoLWJ1dHRvbnMge1xuICB3aWR0aDogMzAwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgbWFyZ2luLXJpZ2h0OiAtMTBweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi54LXNwcmVhZHNoZWV0LXNlYXJjaCAuc2VhcmNoLWJ1dHRvbnMgLngtc3ByZWFkc2hlZXQtYnV0dG9uIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbiAgbWFyZ2luLXJpZ2h0OiA1cHg7XG59XG4ueC1zcHJlYWRzaGVldC1zZWFyY2ggLnNlYXJjaC1idXR0b25zIC5zZWFyY2gtcmVzdWx0LWxhYmVsIHtcbiAgZmxleDogMTtcbn1cbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBQTtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFHRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUFBO0FBR0Y7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUdGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFBQTtBQUVFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUdGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFBQTtBQUVFO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUFBO0FBRUU7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFBQTtBQUdFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFBQTtBQUVFO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFBQTtBQUVFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFBQTtBQUVFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7QUFFRjtBQUFBO0FBRUU7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUFBO0FBRUY7QUFBQTtBQUVFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQUE7QUFFRTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFBQTtBQUVFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUFBO0FBQUE7QUFBQTtBQUlFO0FBQUE7QUFFRjtBQUNFO0FBQ0U7QUFBQTtBQUFBO0FBR0o7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBRUY7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUVGO0FBQ0U7QUFDQTtBQUNBO0FBQUE7QUFFRjtBQUNFO0FBQUE7IiwKICAibmFtZXMiOiBbXQp9Cg== */ 1107 | --------------------------------------------------------------------------------